/* layout.css - contains the positioning and layout styles for all audiences */

	
/* set the body to have no padding or margin and set the font size to default 
to 62.5% (10px - to make it easier to specify a px size in em (at default text 
size broswer settings) for the rest of the styles)*/
body {
	margin: 0px;
	padding: 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 62.5%;
	min-width: 450px; /* min-width so small windows don't break column layout */
}

/* ############## START BANNER STYLES ############### */

/* headerBox is the containing div for all the header elements */
#headerBox {
	padding: 0px;
	min-width: 750px; /* to prevent wide banners from wrapping under logo */
}

/* float the logo image left and give it no border */
#headerBox img.logo {
	float: left;
	margin: 0px;
	border: none;
}

/* both "information about" and "information for" bars given left margin that 
takes them past the 150px wide logo image. Top and bottom margins eliminated so 
they sit nicely together */
#headerBox ul {
	margin-left: 150px;
	margin-bottom: 0px;
	margin-top: 0px;
}

/* "information about" bar */
#headerBox #topBar1 {
	padding: 4px;
}

/* "information for" bar */
#headerBox #topBar2 {
	margin-top: 0px;
	padding: 4px;
}

/* list items in "information about/for" display inline, at 12px default.  */
#headerBox li {
	font-size: 1.2em;
	display: inline;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 4px;
}

/* the first items in the list don't need the left border */
#headerBox li.first {
	border: 0px; 
	padding-left: 0px;
}

/* link styles for "information for/about" */
#headerBox li a {
	text-decoration: none;
	font-weight: normal;
}
	
/* link hover styles for "information for/about" */
#headerBox li a:hover {
	text-decoration: underline;
}

/* container div for search form on bottom right of banner, needed to set 
positioning context for the form */
#searchForm {
	float: right;
	padding: 1px;
}

#searchForm form {
	margin: 0px;
}

/* setting a lower font size for the form elements */
#searchForm form input {
	font-size: 0.9em;
}

#bannerImageBox {
	margin-left: 150px;
}
	
/* breadcrumbBox is the list of breadcrumb links. */
#breadcrumbBox, #breadcrumbBox2 {
	clear: both;
	font-size: 1.2em;
	margin: 0px;
	padding: 4px;
}

#breadcrumbBox2 {
	padding-left: 6px;
}

#breadcrumbBox, #breadcrumbBox2 ul {
	list-style: none;
	margin: 0px;
}

#breadcrumbBox2 ul {
	padding-left: 0px;
	display: inline;
}

/* the <sct:css_breadcrumb> tag wraps the breadcrumb ul in a div */
#breadcrumbBox2 div {
	display: inline;
}

#breadcrumbBox li, #breadcrumbBox2 li {
	display: inline;
	padding-left: 3px;
}

#breadcrumbBox li a, #breadcrumbBox2 a {
	text-decoration: none;
}

#breadcrumbBox li a:hover, #breadcrumbBox2 a:hover {
	text-decoration: underline;
}

/* ############## START COLUMN LAYOUT STYLES ############### */

/* contentBox is the central column. We're putting it first in the source code 
order for SEO and accessibility reasons. contextNavBox is the context nav left 
column and will be coming second in the source order, and finally extrasBox is 
third in source order and is on the right.

We'll do this by floating each of the columns to the left, then pulling 
contextNavBox and extrasBox into position with negative margins */

/* bodybox is the container div for all three columns */
#bodyBox {
	padding-left: 150px; /* space on the left for contextNavBox */
	padding-right: 150px; /* space on the right for extrasBox */
	clear: both;
/*	width: 100%;
	margin: 0px;*/
}

/* contentBox floated and made relative so that we can override the block 
display and sit the columns side by side */
#contentBox {
	float: left;
	position: relative;
	width: 100%; /* fill the available space less the padding of bodyBox */
	overflow: auto;
}




/* add padding to content box via an internal wrapper div since applying it 
to contentBox affects the positioning */
#contentPadder {
	padding: 15px;
	padding-left: 50px;
	padding-right: 50px;
}

/* contextNavBox floated and made relative so that we can override the block 
display and sit the columns side by side. The column is dragged the full width 
of bodyBox (less the padding) with the -100% margin and then pushed the final 
width of the padding with the right-position value (although IE6 needs a fix 
because the 100% negative margin pushes it the full width of the browser window, 
not the container div, bah) */
#contextNavBox {
	float: left;
	position: relative;
	width: 150px; /* set width of column to match left padding of bodyBox */
	margin-left: -100%;
	right: 150px; /* set right position to width of contextNavBox */
}

/* here's a fix for the left column position in IE 6 */
* html #contextNavBox {
	left: 150px;  /*left position should be set to the width of extrasBox */
}

/* here's a fix for the left column position in IE 7 */
* + html #contextNavBox {
	left: 150px;  /*left position should be set to the width of extrasBox */
}


/* extrasBox floated and made relative so that we can override the block 
display and sit the columns side by side. It is positioned with a neagtive 
right margin set to its own width */

#extrasBox {
	float: left;
	position: relative;
	width: 150px;
	margin-right: -150px;
}


#extrasBox #corpRH {
	font-size: 1.1em;
	color: #363636;
}
#extrasBox #corpRH ul{margin:0 0 1em 15px; padding:0 0 0 15px;}
#extrasBox #corpRH ul li{padding:0.3em 0em;}
#extrasBox #corpRH ul li ul{margin:0 0 0 0.6em; padding:0 0 0 0.6em;}

#extrasBox #corpRH h2{
	font-size:1.2em;
	padding: 0.4em 0.4em 0.5em 0.5em;
	text-align: left;
	font-weight: normal;
	margin: 0em;
	margin-bottom: 0.4em;
}
#extrasBox #corpRH h3{
	font-size:1.1em;
	padding: 0.4em 0.4em 0.4em 0.6em;
	text-align: left;
	margin: 0em;
}
#extrasBox #corpRH h2 strong{font-weight:normal;}
#extrasBox #corpRH h2, #extrasBox #corpRH h2 a{
	display:block; 
	text-decoration:none;padding-bottom:0.2em; 
	/* position: relative for IE6/7 bug fix */
	position:relative;
}
#extrasBox #corpRH h2 a:hover{
text-decoration: none; 
background-color: transparent !important;
}
#extrasBox #corpRH h2 a:active{
	background-color: transparent; 
	text-decoration:underline;
}
#extrasBox #corpRH p{
	margin:0.3em 0em;
	padding: 0.2em;
	margin-left:0.4em; line-height:1.5em;
}
#extrasBox #corpRH p a{padding:0px 1px;}
#extrasBox #corpRH a:link,#extrasBox #corpRH a:visited{
	text-decoration: none;
}
#extrasBox #corpRH a:hover{text-decoration:none;}


#extrasPadder {
	padding: 5px;
}


/* ############## CONTEXT NAV STYLES ############### */

/* nav containter ul with all padding and margins removed, except for a 10px 
bottom padding so that the curved list bottom will display. Width fixed to 
fill 150px space */
#contextNavBox ul, #contextNavBox div.navList {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	width: 150px;
}

/* set font height and remove whitespace from list items so that we can fill the 
<li> with the <a> for rollover purposes */
#contextNavBox ul li {
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
	display: inline; /* this is a fix for the IE 6 whitepace list bug */
}

/* add padding and set to display block so that the mouseover effects 
fill the containing <li> */
#contextNavBox ul li a {
	padding: 5px;
	margin: 0px;
	text-decoration: none;
	display: block;
}

#contextNavBox ul li form {
	margin: 0px;
	padding: 5px;
}

#contextNavBox ul li form input {
	width: 120px;
}



/* ############## FOOTER STYLES ############### */

/* set footer padding */
#footerBox {
	clear: both;
	padding-bottom: 10px;
}

/* justify contents right */
#footerBox ul {
	margin: 0px;
	margin-bottom: 3px;
	padding: 3px;
	list-style: none;
	text-align: right;
}

/* set font size and right float for link list items */
#footerBox ul li {
	display: inline;
	font-size: 1.1em;
}

/* last item in the link list needs no right border */
#footerBox ul li.last {
	border-right: none;
}

/* set the link styles for the list */
#footerBox ul li a {
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

/* hover style for the links */
#footerBox ul li a:hover {
	text-decoration: underline;
}

#footerBox p {
	padding-left: 5px;
	margin: 0px;
}

/* ############## BASIC BODY CONTENT STYLES ############### */


#contentBox h1 {
	font-size: 2.8em;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 15px;
}

#contentBox h2 {
	font-size: 2.4em;
	font-weight: normal;
	text-decoration: none;
	margin-top: 10px;
}

#contentBox h3 {
	font-size: 2em;
	font-weight: bold;
}

#contentBox h4 {
	font-size: 1.6em;
	font-weight: bold;
}

#contentBox h5 {
	font-size: 1.4em;
	font-weight: bold;
}

#contentBox h6 {
	font-size: 1.2em;
	font-weight: bold;
}

#contentBox p {
	font-size: 1.2em;
	line-height: 1.5em;
}

/*
#contentBox a:link {
	text-decoration: underline;
}

#contentBox a:visited {
	text-decoration: underline;
}
*/
/* EPrints Services/tmb 2010-03-08
#contentBox ul {
	margin-bottom:1.8em;
}
*/
#contentBox li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom:0.3em;
}

/* to prevent nested tags from overgrowing */
#contentBox td li, #contentBox li li, #contentBox li p, #contentBox blockquote p, #contentBox p select, #contentBox p input, #contentBox td p, #contentBox td input, #contentBox form input, #contentBox label input, #contentBox form select, #contentBox p td {
	font-size: 1em;
}

#contentBox img, #contentBox img.noframe {
	border: none;
	padding: 0px;
	margin: 0px;
}

#contentBox img.left {
	float:left;
}

#contentBox img.right {
	float:right;
}

#contentBox img.borderpad {
	padding: 3px;
}

#contentBox table {
	padding: 0px;
	border-collapse: collapse;
}

#contentBox tr {
	padding: 0px;
	margin: 0px;
	border: none;
}

/* EPrints Services/tmb 2010-03-08
#contentBox th {
	font-size: 1.4em;
	margin: 0px;
	padding: 5px;
}

#contentBox td {
	font-size: 1.2em;
	margin: 0px;
	padding: 3px;
}
*/

/* EPrints Services/jb4 2010-03-09 */
#contentBox .ep_tab_bar td { padding: 3px; }
/* end */

#contentBox blockquote {
	font-family: Georgia, "Times New Roman", "Courier New", serif;
	font-size: 1.2em;
	padding: 15px; 
}

#contentBox label, #contentBox input {
	font-size: 1.2em;
}

/* ----  News events article style applied to components start  ------*/

p.imageleft {float:left; margin:0.4em 0.8em 0.8em 0em;}
p.imageright{float:right; margin:0.4em 0em 0.8em 0.8em;}
p.imageleft, p.imageright {font-size:0.8em; font-weight:bold;}

/* ----  News events article style applied to components end  ------*/