/* SONET website stylesheet *?
/* Last updated: 19/9/07 */
/* Stylesheet partly based on the University lavender sheet at http://www.nottingham.ac.uk/css/ng/la-master.css.
   See also uni templates page at http://www.nottingham.ac.uk/is/services/web-development/resources/templates.phtml
   
   This site uses CSS for positioning - the CSS-P styles are towards the end of this file.
*/
 
/* ----------------- */
/* UNIVERSITY STYLES */
/* ----------------- */

body 	{	font: 0.8em Verdana, Geneva, sans-serif;
			margin: 0
		}
		
#banner { 
			/* Amended Sep 07 to accomodate SONET logo */
			/* background: #4da0e7; */
			background: #ffffff;
			font-size: 1.5em;
			font-weight: bold;
			/* color: #ffffff;*/
			color: #0095A1;
			/* border-bottom: 1px solid #ffffff; */
			border-bottom: 1px solid gray; 
			/* font-variant: small-caps; */
			text-align: right;
			vertical-align: bottom;
			font-size: large;
			margin: 0px;
			padding: 3px;	
			height: 100px;		
		}
		
.big {
	font-weight: 400;
	font-size: 30px;
	text-align: left;
	float: left;
}

.logo {
	float: right;
}

			
a {  color: #006579; text-decoration: underline }
	
.first-para {
	margin-top: 2px;}

li { margin-top: 4px; margin-bottom: 4px }

ul {	list-style: url(http://www.nottingham.ac.uk/icons/corporate/u-blue-ball-nest.gif) outside;
	 	/* font: 0.8em Arial, Helvetica, sans-serif; */
		margin-top: 10px;
		margin-bottom: 10px
	}

/* h1 { font: bold 1.4em Arial, Helvetica, sans-serif; color: #4da0e7 }*/
h1 { font: bold 1.4em Verdana, Geneva, sans-serif; color: #0095A1; margin-top: 0px; }
h2 { font: bold 1.2em Verdana, Geneva, sans-serif; color: #0095A1; }
h3 { font: bold 1.0em Verdana, Geneva, sans-serif; color: #0095A1; }
h4 { font: bold 0.8em Verdana, Geneva, sans-serif; color: #0095A1; }
	
.heading { margin-bottom: 5px;	margin-top: 10px; }
.subhead { margin-bottom: 0px;	margin-top: 10px; margin-right: 0px; }

/* ------------ */
/* HTML STYLES  */
/* ------------ */

/* Make acronyms and abbreviation stand out to encourage users to hover over them for a tooltip explanation.
   IE doesn't recognise <abbr> at all. */
   
acronym, abbr	{	
				font-weight: bold;
				}
				
/* Set all image borders to none. A picky WAI Priority 2 item 11.2 */
img	{ border: none; }
		
/* ------------ */
/* SONET STYLES */
/* ------------ */
table {
	border-collapse:collapse;
}

th 	{ 
		font-weight: bold;
		font-size: 1em;
	}

td	{ /* font-size: 0.8em; */
padding: 5px;}

/* Light/dark background to a table row, to provide contrast between rows in large 
   tables, such as in RLO lists. */
tr.darkrow { background-color: #f5f5f5; }
tr.lightrow {background-color: #e5e5e5; }

.cetl a:link {
	color: #f5f5f5;	
}

.cetl a:hover {
	color: #666;	
}

a:hover	  { 
			color: #0095A1; 
			text-decoration: underline;
		  }

caption	{
		font-weight: bold;
		line-height: 1.5;
		font-size: 0.9em;
		}


	
/* ------------------- */
/* RLO classifications */
/* ------------------- */

/* Biological processes: light yellow */
.bioprocess	{ background-color: #FFFF99; }

/* Statistics: blue */
.statistics	{
	background-color: #99CCCC;
}

/* Study Skills: red */
.studyskills	{
	background-color: #99CC99;
}

/* Clinical Skills: pale green */
.clinicalskills	{ background-color: #99ff99; }

/* Sociology: pale grey */
.sociology {background-color: #cccccc; }

/* Anatomy & Physiology: magenta */
.anatomy {background-color: #ff33ff; }

/* Research methods: orange */ 
.research {background-color: #ff9933; }

/* Epidemiology: pale cyan */
.epidemiology {background-color: #ccffff; }

/* Pharmacology: pale pink */
.pharmacology {background-color: #ff99cc; }

/* Science basics: ochre */
.sciencebasics {
	background-color: #ffcc99;
}

/* Numeracy: lime green */
.numeracy {
	background-color: #6699CC;
}

/* Evidence-based Practice: purplish-blue */
.ebp	{ background-color:#ccccff; }

/* 	=============
	CSS-P STYLES 
	============= */

/* NB: Banner layer is in UNIVERSITY STYLES section */

/* NAVIGATION BARS/MENUS */					
					
/* Left navigation bar*/

#leftnavbar	{

			width: 200px;
			padding: 0;
			float: left;
			text-align: left;
			}
			
#leftnavbar ul	{
				list-style: none;
				margin: 0;
				padding: 0;
				border: none;
				border-left: 13px solid #0095A1;
				}
				
#leftnavbar li	{
				list-style: none;
				border-bottom: 1px solid #fff;
				margin: 0;
				}
				
#leftnavbar li a	{
					display: block;
					padding: 5px 5px 5px 5px;
					/* background-color: #4da0e7;*/
					background-color: #4f4f4f;
					color: #fff;
					text-decoration: none;
					width: 100%;
					/* Left border darker by 10% light on base, right border lighter by 10% */
					/* border-left: 10px solid #2288E2;
					border-right: 10px solid #7CB9EE; */
					}
					
/* IE fix */
html>body #leftnavbar li a	{

							width: auto;
							}
							
#leftnavbar li a:hover	{
						/* Same colour as left navbar item border */
						/* background-color: #2288e2; */
						text-decoration: underline; 
						}

/* Submenus in left navigation bar */
#submenu	{
			}

#submenu ul	{

			}

#submenu li {
			border-bottom: 1px solid #4f4f4f;
}
			
#submenu li a	{
				/* brick red background, split complement to base colour */
				background-color: #2c2c2c;
				color: #ffffff;
				padding-left: 14px;
				}
				
#submenu li a:hover	{ 
					/* brick red split complement lighter by 10% */
					text-decoration: underline; 
					}
				
							

/* Top navigation bar, 3rd-level menu, horizontal below <h1>, eg in About|Documents */

#topmenu	{
			/* border: 1px solid #000;*/
			/* border-top: 5px solid #29cc00; */
			/* border-top: 5px solid #24b200;  */
			/* border-bottom: 2px solid #000000;
			border-left: 1px solid #000000;
			border-right: 1px solid #000000;*/
			padding: 10px;
			padding-left: 0;
			text-align: left;
			/* bright-ish green */
			/* background-color:#33ff00;*/
			background-color: #64CDCD;

			/* background-color:#ffff80;*/
			}

#topmenu ul	{
			display: inline;
			}

#topmenu ul li	{
				/* force horizontal display of list items */
				display: inline;
				list-style: none;
				font-weight: bold;
				padding-right: 0;
				}

#topmenu li a	{
				text-decoration: none;
				padding: 10px;
				color: #000000;
				}

#topmenu li a:hover	{
					/* base bright-ish green -10% light */
					 /* background-color: #29cc00;*/
					 background-color: #006579;
					 color: #ffffff;
					/* background-color: #ffff00;*/
					}

/* Right navigation bar - not currently used, but might be useful in the future*/

#rightnavbar	{
				float: right;
				background-color: #c0c0c0;
				color: #000080;
				/* width set in pixels rather than %age as this keeps the layer size regardless
				   of browser resizing. With %age the text can go over the right margin on resize.*/
				width: 120px;
				font-size: 15px;
				font-weight: bold; 
				text-align: left; 				
				}
				
#rightnavbar ul	{
				list-style: none;
				padding: 5px; 
				/* set margin to zero as otherwise IE shoves in space from left side of layer */
				margin-left: 0;
				}				
				
#rightnavbar li	{
				color: #000080;
				font-family: Geneva, Arial, Helvetica, sans-serif;
				border-bottom: 1px dashed #000000;
				}
				
#rightnavbar li a	{
					text-decoration: none;
					}
				
#rightnavbar li a:hover	{
						color: #ffffff;
						}
						
/* Page body text styles, used on pages other than the home page */

/* Main body is shunted to the right with a big margin to make room for the left navbar */
#bodytext	{
			margin-left: 210px;
			padding: 5px;
			vertical-align: top;
			border-bottom: 1px solid gray;
			}
			
#bodytext p	{
			margin-left: 10px;
			}		

/* Page footer */

#footer p {

		color: #000000;
		font-style: normal;
		text-align: right; 
		margin-right: 20px;
		/* make sure it's not squished to one or other side */
		clear: both;
		}
		
/* ------------------- */
/* Other custom styles */
/* ------------------- */

/* Publication author and title styles used in publication references */

.pubauthor	{
			font-weight: bold;
			}

.pubtitle	{
			font-style: italic;
			}

.compactA	
	{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000080;
	}

.largeA

	{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;		
	}
	
/* Notes prefixed with NB: to display as centred text in a light yellow box for added emphasis. */
.notabene	{
			text-align: center;
			padding: 5px;
			background-color: #fefeaf;
			font-weight: bolder; 
			width: 85%;
			}
			
.notabene a:link	{
			color: #000000;
			}


/* RSSxpress Lite styles */

/* Redefine main style so as to restrict the width of the newsfeed, as otherwise
   IE6 forces it down and across the page resulting in a horizontal scrollbar appearing */
   .rssxpresschannel	{
					width: 600px;
					}