.hide {
position: absolute;
left: -999px;
width: 990px;
}

body {
margin: 0;
padding: 0;
background-color: #f9f9f9;
}

#mainwrapper {
border-right: 10px solid #efefef;
width: 770px;
background: #fff url(../images/logobg.gif) no-repeat top right;
}

#mainwrapperhome {
border-right: 10px solid #efefef;
width: 770px;
 background: #fff url(../images/logobg.gif) no-repeat top right; 
}


/*TOP AREA PAGE STYLES */

 #toplogo {
height: 65px;
}


.toplogo img {
border: none;
position: absolute;
top: auto;
left: auto;
}

.galogo img {
border: none;
position: absolute;
top: 700px;
left: auto;
margin-left: 3px;

}



/*TOP HOME PAGE LOGO IMAGE */
#hometop img.logo{
border: none;
position: absolute;
top: 0px;
left: 0px;
margin-bottom: 10px;
margin-top: 3px;
clear: both;

}

#hometop img.pic {
border: none;
position: absolute;
top: 0px;
left: 498px;

}

.tearline {
margin-top: 145px;
margin-bottom: 10px;
margin-left: 15px;
z-index: 20;
}



/*FORMS */
input {
	border: 1px solid #999; 
	margin-right: 2px; 
	color: #000; 
	vertical-align: top;
	font-size: 85%;
	padding: 2px;
}

select {
	/*border: 1px solid #999; */
	color: #000;
	vertical-align: middle;
	font-size: 85%;
	background-color: #F8EDCC;
}

input.search {
	background-color: #efefef;
}

input.text {
	background-color: #F8EDCC;
}


/*LEFT NAVIGATION STYLES - see also leftnav.css */

#nav {
position: absolute;
top: 67px;
left: 0px;
width: 169px;
margin: 0;
padding: 0;
}

#nav2 {
position: absolute;
top: 140px;
left: 0px;
width: 169px;
margin: 0;
padding: 0;
}



/*CONTENT AREA */

#contentwrapper {
padding-left: 190px;
}

#content {
padding: 20px 0 20px 10px;
}

#contentnobg {
margin-left: 30px;
}


#breadcrumbs {
border-top: 5px solid #427BB5;
background-color: #efefef;
color: #666;
line-height: 2.0em;
padding-left: 15px;
margin: 0;
}

#breadcrumbsGreen {
border-top: 5px solid #5d9729;
background-color: #efefef;
color: #666;
line-height: 2.0em;
padding-left: 15px;
margin: 0;
}

h1 {
padding-bottom: 1em;
margin-bottom: 0;
}

h1.news {
background: url(../images/border-read.gif) no-repeat bottom left;
}

h1.pubs {
background: url(../images/border-green.gif) no-repeat bottom left;
}

h1.science {
background: url(../images/border-gold.gif) no-repeat bottom left;
}

h1.info {
background: url(../images/border-red.gif) no-repeat bottom left;
}

h1.about {
background: url(../images/border-blue.gif) no-repeat bottom left;
}

h1.neutral {
background: url(../images/border-grey.gif) no-repeat bottom left;
}


#subnav {
	padding-top: 0.5em;
	margin-top: 0;
	padding-bottom: 0.5em;
	color: #999;
}

#subtopimage {
	padding-top: 0.5em;
	margin-top: 0;
	padding-bottom: 0.5em;
	padding-left: 5px;
	margin-right: 0px;
}

#topimage {
	background-color: #06357A;
	margin-left: 5px;
}

#topimage2 {
	padding: Opx;

}

#rightCol {
	float: right;
	width: 170px;
	padding: 0 10px 0 5px;
	border-left: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
	background-color: #fff;
	margin-left: 10px;
	margin-bottom: 10px;
}

#rightCol2 {
	float: right;
	width: 190px;
	padding: 0 5px 0 5px;
	border-left: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
	background-color: #DBE4F7;
	margin-left: 10px;
	margin-bottom: 10px;
}

#rightCol2 img {
border:1px solid #aaa;
padding: 2px;
}


#norightCol {
	clear: both;
	padding: 0 10px 10px 5px;
	border-left: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
	background-color: #fff;
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 10px;
	border-top: 1px solid #fff;
}

#norightCol form {
	margin: 0;
	padding: 0;
}
#extraCol2 {
	position: absolute;
	left: 780px;
	width: 185px;
	padding: 0 10px 0 10px;
	background-color: #f9f9f9;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#extraCol {
	position: absolute;
	left: 780px;
	width: 185px;
	padding: 0 10px 0 10px;
	border: 1px dashed #dea601;
	background-color: #dfdfdf;
	margin-left: 10px;
	margin-bottom: 10px;
}



#content ul {
	margin-left: 0;
	margin-top: 1em;
	padding-left: 0;
}

#content ol {
	margin-left: 0;
	margin-top: 1em;
	padding-left: 25px;
}

#content ul li {
	list-style: none;
	background: url(../images/bullet.gif) no-repeat 5px 0.5em;
	padding-left: 20px;
	/*margin: 0;*/
}

#content ul li ul li {
	list-style: circle;
	background: none;
	padding-left: 10px;
	/*margin: 0;*/
}

#rightCol li {
	font-style: italic;
	color: #333;
}

div.col1 {
	border: 1px solid #fff;
	float: left;
	width: 270px;
	padding-left: 20px;
}


div.col2 {
	border: 1px solid #fff;
	border-left: 1px dashed #aaa;
	margin-left: 280px;
	padding-left: 20px;
}

div.col2noline {
	border: 1px solid #fff;
	border-left: 1px solid #ffffff;
	margin-left: 280px;
	padding-left: 20px;
}

div.col2split {
	border: 1px solid #fff;
	border-left: 1px dashed #aaa;
	border-top: 1px dashed #aaa;
	margin-left: 280px;
	margin-right: 20px;
	padding-left: 20px;
}

div.col3a {
	border: 1px solid #fff;
	float: left;
	width: 160px;
}

div.col3b {
	border: 1px solid #fff;
	border-left: 1px dashed #aaa;
	padding-left: 20px;
	float:left;
	height: 190px;
}

div.col3c {
	border: 1px solid #fff;
	border-left: 1px dashed #aaa;
	margin-left: 350px;
	padding-left: 20px;
	height: 190px;
}

div.col3bplain {
	border: 1px solid #fff;
	border-left: none;
	padding-left: 20px;
	float:left;
	height: 190px;
}

div.col3cplain {
	border: 1px solid #fff;
	border-left: none;
	margin-left: 350px;
	padding-left: 20px;
	height: 190px;
}



div.col1nonav {
	border: 1px solid #fff;
	float: left;
	width: 300px;
	padding-left: 20px;
}


div.col2nonav {
	border: 1px solid #fff;
	border-left: 1px dashed #aaa;
	margin-left: 310px;
	padding-left: 20px;
	width: 310px;
}




/*style for 2 col layout with narrower right column*/

div.col1w {
	border: 1px solid #fff;
	float: left;
	width: 300px;
}


div.col2n {
	border: 1px solid #fff;
	border-left: 1px dashed #aaa;
	margin-left: 310px;
	padding-left: 20px;
}


/*style for 2 col layout with narrower left column*/

div.col1n {
	border: 1px solid #fff;
	float: left;
	width: 240px;
}


div.col2w {
	border: 1px solid #fff;
	border-left: 1px dashed #aaa;
	margin-left: 250px;
	padding-left: 20px;
}


div.arrow img {
float: left;
padding: 0;
}

div.arrow h3 {
margin: 0px 0 0 20px;
}


div.arrow p {
margin-left: 20px;
margin-top: 0px;
}

table.spotlight {
padding: 0;
margin: 0;
border: 0;
}

table.spotlight img {
padding: 0;
border: 1px solid #000;
}

.divbio img {
padding: 0;
border: 1px solid #000;
margin: 45px 0 0 5px 
}

.divbio2 img {
padding: 0;
border: 1px solid #000;
margin: 15px 0 0 5px;
}





#rightCol input, #rightCol select {margin:3px 5px 2px 5px; clear:both;}
#rightCol h3 {line-height:1.25em;}
#rightCol2 h3 {line-height:1.25em;}




/*TABLE STYLES*/

table.fancy {margin: 1em 20px 0 3px; padding-bottom: 10px; border-bottom:10px solid #E6EDF5; }
table.fancy th {text-align:left; background-color: #E6EDF5; border-bottom:5px solid #fff;}
table.fancy th:hover {background-color: #E6EDF5;}
table.fancy td {border-left: 1px dashed #aaa; padding-left:10px;vertical-align:top;}
table.fancy th, table.fancy td {padding: 6px 10px 6px 10px; }
table.fancy tr:hover {background-color: #efefef;}

.pub, table.fancy td.pub {font-style:italic;}

.noborder, table.fancy td.noborder {
border: none;
}

.noborder10, table.fancy td.noborder10 {
border: none;
padding: 10px;
}

.borderbot, table.fancy td.borderbot {
border-bottom:1px dashed #aaa;
border-left: none;
padding: 10px;
}

.bot {
border-bottom:1px dashed #aaa;
}

.boldleftborder, table.fancy td.boldleftborder {
border-left: 2px dashed #999;
padding: 10px;
}

.noborder, table.noborder { /* for things that have a border but shouldnt. */
	border: 0px;
}

.divider, table.fancy td.divider {
border-bottom:1px dashed #aaa;
border-left: none;
padding: 4px;
background-color: #EBF9E3;

}

table.cal td {
vertical-align: top;
}




/* TABLE formatting for status data*/

table.stat {
margin-left: 20px;
margin-bottom: 20px;
}

table.stat th {
text-align:left;
padding: 2px;
}

table.stat td {
vertical-align: top;
padding: 0px 2px 0px 2px;

}

table.stat td.tab {
padding-left: 20px;
}

table.stat td.tab2 {
padding-left: 40px;
}

table.stat td.tab3 {
padding-left: 60px;
}

table.stat tr:hover {background-color: #E6EDF5;}



ul.cite {
font-size: 90%;
}






/* for the image box in the news section */
.imagetableL {
	margin: 3px 15px 5px 0px;
	float: left;
}
.imagetableR {
	margin: 3px 15px 5px 15px;
	float: right;
}








/*.imagetableL .caption, .imagetableR .caption {
	background: #E6EDF5;
}
*/
.imagetableL td, .imagetableR td {
	background: #E6EDF5;
	padding: 0;
	margin: 0;
	border-bottom: 3px solid #fff;
}

.caption p, .imagetableL td p, .imagetableR td p {
	/*background-color: #E6EDF5;*/
	margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 3px;
	line-height: 1.3em;
}

.bioimage {
	margin: 15px 15px 10px 0px;
	float: left;
}


#searchresultscontent em {font-style:normal; font-weight:normal;}
#searchresultscontent p {margin:0 20px 0 0;}
#searchresultscontent p, #searchresultscontent h3 {font-size:xx-small; line-height:1.5em;}

#news_searchresultscontent em {font-style:normal; font-weight:normal;}
#news_searchresultscontent p {margin:0 20px 0 0;}
#news_searchresultscontent p, #news_searchresultscontent h3 {font-size:xx-small; line-height:1.5em;}

#pubs_resultscontent em {font-style:normal; font-weight:normal;}
#pubs_resultscontent p {margin:0 20px 0 0;}
#pubs_resultscontent p, #pubs_resultscontent h3 {font-size:xx-small; line-height:1.5em;}






/*SPECIAL FOR HOMPEAGE */

#content.homepage {
padding: 0;
}

#content.homepage h2 {
	clear: both;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 15px;
}

#content.homepage div.col1 {
padding-left: 10px;
margin-bottom: 10px;
border-right: 1px dashed #aaa;
}

#content.homepage div.col2 {
border: 1px solid #fff;
}

.colheads {
padding: 10px;
}




/* NEWS EVENTS - col1 on home page */

.dashbox {
width: 220px;
border: 1px dashed #aa0a0a;
padding: 8px;
background-color: #f8edcc;
vertical-align: bottom;
}

div.neev {
min-height: 55px;

padding-bottom: 25px;
} 

div.neev img {
padding: 2px;
border: 1px solid #aaa;
position: absolute;
top: auto;
left: auto;
margin-bottom: 25px;
}

div.neev p {
margin-left: 65px;
vertical-align: top;
position:relative;
top: auto;
}


/* SPOTLIGHT - col2 on homepage */

#spothome p {
margin-bottom: 0.5em;
}

#spothome img {
padding: 2px;
border: 1px solid #aaa;
vertical-align: top;
}



/*more HOME styles*/

#quicklinks {
	border-top: 3px solid #CED6E7;
	background-color: #427BB5;
	margin: 0 10px 0 5px;
	clear: both;
}




#footer {
	clear: both;
	border-top: 1px solid #ddd;
	margin: 0 10px 10px 5px;
	padding: 5px 0;
	color: #999;
	height: 30px;
	
}

#toolLinks {
float: left;
}

#copyright {
float: right;
text-align:right;
}

.indent {
	margin-left: 20px;
}

#searchLabel {
position: absolute;
left: -999px; 
width: 990px; 
}

.subli {
	list-style: none;
	margin-left: 20px;
	margin-bottom: 0.5em;
}

.aboutimage {
	padding: 4px 0px 7px 0px;
}

.clear {
clear: both;
}






/*SITEMAP Page Styles*/

#sitemap ul li {
margin-left: 20px;
	list-style: circle;
	background: url(../images/spacer.gif) no-repeat 5px 0.5em;
	
	}
#sitemap ul li ul li {
	list-style: none;
	background: url(../images/spacer.gif) no-repeat 5px 0.5em;
	font-size: 95%;
	
	}
	
/*Broad Team Page Styles*/

.bioSm img.L { 
margin: 0px 25px 10px 15px;
float: left;
vertical-align:text-top;
}

.bioSm img.R { 
padding: 0px 25px 10px 25px;
float: right;
vertical-align:text-top;
}


/* ICON IMAGE TREATMENT */

.iconbox {
padding: 0 0 0 0 ;
}

.iconbox img {
	margin: 0px 15px 5px 0px;
	padding: 0;
	vertical-align: top;
	float: left;

}

.iconbox p {
	padding-left: 65px;
	vertical-align: top;
}		


.icon {
margin: 0px 15px 5px 0px;
float: left;
vertical-align: top;
}

.icon2 {
margin: 0px 15px 2px 0px;
float: left;
vertical-align: text-bottom;
}

.icontall {
margin: 0px 15px 25px 0px;  /* for lists to bump them to the right */
float: left;
vertical-align: top;
}

img.border {
border:1px dashed #aaa;
padding: 4px;
}

img.border2 {
border:1px solid #aaa;
padding: 2px;
margin-right: 20px;
}

.image7580L {
	margin: 3px 15px 10px 0px;
	float: left;
	padding: 2px;
	border: 1px solid #aaa;
}
.image7580R {
	margin: 3px 15px 20px 15px;
	float: right;
	padding: 2px;
	border: 1px solid #aaa;
}

div.col1 img.image7580R {
	margin-right: 20px;
}



.headq {
margin-bottom: 30px;
}
.headq p {
margin-left: 90px;
}

.head2 {
margin-bottom: 30px;
}
.head2 p {
margin-left: 90px;
}

.head2 img {
	margin: 3px 15px 10px 0px;
	float: left;
	padding: 2px;
	border: 1px solid #aaa;
	}


	/* Leading solution for paragraph breaks on program page*/
	.lead {
	vertical-align:top;
	margin: 2px 2px 2px 2px;
	}
	
table.diver td {
	border: none;
	padding: 3px 10px 3px 10px;
}

table.diver img {
	padding: 2px;
	border: 1px solid #aaa;
}


 a.diver2:hover img {
		border: 1px solid #039;
	}


/* STAFF DIRECTORY STYLES  */

#directory div.menu {
width: 150px;
float: left;
margin-top: 20px;
}

#directory table {
margin-top: 20px;
}

td.nocontact {
background-color:#999999;
color: #FFFFFF;
}



.midtext {
vertical-align:middle;
}

.snoopy {
padding-top: 20px 
}