/*
Palette
======
olive: 888600
rust: c30
copy: 333
panel bg: E0DFBC

Version 3
*/

/* Reset margin, padding */
body, ul, form {
	margin:0;
	padding:0;
}
body{
	font-size:100%;
	font-family:arial, sans-serif;
	background:#fff url('../img/bg_body.jpg') left top repeat-x;
}
	body#p1{
		background:#fff url('../img/bg_body_home.jpg') left top repeat-x;
	}

#wrapper{
	background-image:none;
}

	#p1 #wrapper{
		height:216px;
		background:url('../img/microscope.jpg') left 134px no-repeat;
	}

#header{
	float:left;
	width:760px;
	height:112px;
	position:relative;
}

	#header h1{	
		display:inline;
		margin-left:65px;
		width:306px;
		height:54px;
		margin:0;
		padding:0;
		font-size:1.7em;
		
	}
	#title {
		display:block;
		position: absolute;
		top:32px;
		left:65px;
		width:306px;
		height:54px;
		background:#fff url('../img/title.gif') left top no-repeat;
	}
	#banner {
		position: absolute;
		top:0;
		left:371px;
	}
	
	
	a#logo{ 
		position: absolute;
		top:0;
		right:0;
	}
	
/* Navigation styles */
#navigation{
	float:left;
	width:760px;
	height:1.2em;
	border-top:1px solid #999;
}


	#navigation ul{
		float:left;
		margin-left:0px;
		display:inline;		
		padding-top:2px;
	}
	
	#navigation li{
		float:left;
		height:1.2em;	
		text-align:center;
		list-style-type:none;		
	}	
	
	#navigation li a, #navigation li a:visited{
		float:left;
		padding:0 10px;
		display:block;
		height:1.2em;
		line-height:1.2em;
		color:#c30;
		font-family: arial, sans-serif;
		text-decoration:none;
		font-size:.8em;
		border-right:1px solid #c30;
	}
	#navigation li#m6 a{
		border-right:none;
	}
	/* Force menu item widths if required */
	#navigation li#m1 a{
		padding:0;
		width:65px;
	}
	#navigation li#m2 a{}
	#navigation li#m3 a{}
	#navigation li#m4 a{}
	#navigation li#m5 a{}
	#navigation li#m6 a{}
	
	
	
/* on states*/	
	#p1 #navigation li#m1 a, 
	#p2 #navigation li#m2 a,
	#p3 #navigation li#m3 a,
	#p4 #navigation li#m4 a,
	#p5 #navigation li#m5 a,
	#p6 #navigation li#m6 a	{
		color:#888600;
	}	
	

	#navigation li a:hover{
		background-color: #e0dfbc;
	}


#main{
	float:left;
	width:760px;
}
	#p1 #main{
		margin-top:82px; /* Home page */
	}
#copy{
	float:left;
	display:inline;
	margin:2em 65px 0 65px;
	width:465px;
}


/* Set Search page to full width*/
#p2 #copy{ 
	width:690px;
	margin-right:0;
}

	#main h2{
		font-size:1.2em;
		color:#c30;
	}
	#main h2#image{
		padding:0;
		margin:0 0 1em 0;
		width:450px;
		height:27px;

	}
	
	/* Section Headings - image replacement */
	
	#main h3{
		font-size:1em;
		color:#c30;
	}
	
	#main h4{
		font-size:.9em;
		color:#333;
	}
	#main h5{
		font-size:.8em;
		color:#333;
	}
		
	#copy p{
		font-size:.8em;
		color:#333;
		line-height:1.5em;
	}

	#copy p.intro{
	        margin: 1.7em;
		font-size:.8em;
		color:#333;
		font-weight:bold;
		line-height:1.5em;
	}

	
/* General link styles */
	#main a, #main a:visited{
		text-decoration:underline;	
		color:#c30;
	}
	#main a:hover{
		text-decoration:underline;
		color:#333;
		background:#d4d16f;
	}
	
	ul.links {
		margin: 1em;
		color:#c30;
		list-style:disc;
	}
		ul.links li{	
			font-size:.8em;
		}

		#copy ul.links li a{
			text-decoration:underline;
			font-weight:bold;			
		}
		
		#copy ul.links li a.active{
			color:#555;
			text-decoration:none !important;
		}		
		
		/* Styles for submenus */
			ul.links ul {
				margin:.5em 0;
				padding:.5em 0;
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				list-style:disc;
			}		
			ul.links ul li{
				margin-left:1em;
				font-size:1em;			
			}		

			ul.links ul li a{
				font-weight:none !important;
			}		

	ul.results {
		margin: 1em;
		list-style:disc;
	}
		ul.results li{
			color:#333;/* Default color of text*/
			font-size:.8em;
			padding-bottom:.5em;
							margin-left:1em;
		}

		#copy ul.results li a{
			text-decoration:underline !important;		
		}
		
		#copy ul.results li a.active{
			color:#555; 			
			text-decoration:none !important;
		}		
		
		/* Styles for submenus */
			ul.results ul {
				margin:.5em 0;
				padding:.5em 0;
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				list-style:disc;
			}		
			ul.results ul li{
				margin-left:1em;
				font-size:1em;			
			}		

			ul.results ul li a{
				font-weight:normal !important;
			}		
	
	
	 ul.alphabet{
		margin:0;
		float:left;
		width:680px;
	}
		ul.alphabet li{
			list-style:none;
			float:left;
			text-align:center;
		}
			ul.alphabet li a{
				display:block;
				width:2em;
			}
#side{
	float:left;	
	margin-top:2.5em;
	width:165px;
}
	#side p{
		font-size:.8em;
	}
	#main #side a{
		text-decoration:none;
		color:#660000;
	}
	
	.panel{
		float:left;
		width:161px;
		background-color:#e0dfbc;
		border:1px solid #444;
		margin-bottom:2em;
	}
		#main .panel p{			
			margin-left:10px;
			margin-right:10px;
		}
		.panel ul{
			list-style-type:disc;			
			padding-left:10px;
			padding-right:10px;
		}
	
	.panel ul {
		color:#c30;
		margin:10px;
	}
		.panel ul li{
			font-size:.8em;
		}
	/* Links heading - image replacement */
	.panel h2{
		display:block;
		width:161px;
		height:24px;
		margin:.2em 0;
		padding:0;
		background:url('../img/links.gif') left top no-repeat;
	
	}
	.innerpanel{
		float:left;
		background-color:#fff;
		width:157px;
		border:1px solid #888600;
		margin:2px;
		display:inline;

	}
	
	.nonlinktext {color:#333;/* Default color of text*/}
	
/* Form styles*/	
form{
	color:#333;
}
label{
	font-size:.8em;
}
#footer{
	clear:left;
	float:left;
	margin-top:1em;
	border-top:1px solid #ccc;
}
	#footer p{
		font-size:.7em;
		color:#666;
		margin:0;
	}
	#main #footer a{
		text-decoration:underline;
	}

/* Utilities */

.off{
	display:none;
}

.both{
	clear:both;
}

.clear_right{
	clear:right;
}

.clear_left{
	clear:left;
}

.result{
		font-family: arial, sans-serif;
		font-size:.8em;
		)