/* --------------------- SB -------------------------------------------- */
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
a img,:link img,:visited img,fieldset { border:none; }

/* ------------------ global elements----------------------------------- */
body { 
	background:#f9f9f9 url(../images/bg-body.png) top repeat-x;
	text-align:center; 
	font:13px/16px Helvetica, Arial, sans-serif; 
	color:#2c2c2c;
	line-height:18px;
	}

blockquote { margin-left:10px; margin-right:10px; }
body#index h1	{ font-size:20px; color:#c83636; font-weight:lighter; margin:48px 0 20px 0; }
body#index h2	{ font-size:20px; color:#c83636;margin:48px 0 0 29px;font-weight:lighter; }
h1	{ font-size:20px; color:#c83636; }
h2	{ font-size:20px; color:#c83636; }
h3	{ font-size:1.0em; color:#000; }
h1 span,h2 span,h3 span	{ display:none; }
a:link,a:visited	{ color:#d85959; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#f16e6e; text-decoration:none; outline:none; }
div.clear	{ clear:both; height:.01em; overflow:hidden; }
img.img-left { float:left; margin:0px; }
img.img-right { float:right; margin:0px; }
.more {font-size:11px;}

/* -------- wraps-containers ---------------------------------------------------------------------------------------------------- */
#top-wrap {
	width:1100px;
	margin:0 auto;
	text-align:left;
	}

#bottom-wrap {
	width:1100px;
	margin:0 auto;
	text-align:left;
	}

#masthead {
	background:url(../images/masthead.png) no-repeat;
	height:191px;
	}

#logo {width:426px; height:248px; float:left; margin:23px 0 0 18px;}
	#logo a {display:block;width:426px; height:148px;} #logo span {display:none;} 


/* ----- content------------------------------------------------------------------------------------------------------------------- */
#content-container {
	background:#fff url(../images/bg-content-index.png) repeat-x;
	text-align:center;
	margin:0 auto;
	}
	
#content {
	width:1100px;
	height:100%;
	margin:0 auto;
	}
	
/* ----- column-left -------------------------------------------------------------------------------------------------------------- */
#column-left-index {
	width:727px;
	float:left;
	margin:0 0 60px 5px;	
	text-align:justify;
	}
	#column-left-index p { padding:0px; }
	
/* ----- column-right ------------------------------------------------------------------------------------------------------------- */
#column-right-index {
	width:368px;
	float:left;
	text-align:left;
	}
	#column-right-index p { padding:0px; }

/* ----- header ------------------------------------------------------------------------------------------------------------------- */
#header-index {background:url(../images/bg-header-index-rev2.png) no-repeat;width:1100px; height:587px;}	 

/* ----- index-sub buttons------------------------------------------------------------------------------------------------------------------- */
#buttons-container {background:url(../images/bg-buttons-index.png) no-repeat;width:1100px; height:207px;  }

#btn-readmore-index {background:url(../images/btn-readmore-index.png) no-repeat; width:399px; height:45px; float:right; margin:30px 0 0 0;}
	#btn-readmore-index a {display:block;width:399px; height:45px; }
	#btn-readmore-index span {display:none;}
	#btn-readmore-index a:hover {background:url(../images/btn-readmore-index.png) -0px -45px no-repeat; }

#btn-about-index {background:url(../images/btn-about-index.png) no-repeat; width:140px; height:101px; float:left; margin:42px 0 0 48px;}
	#btn-about-index a {display:block;width:140px; height:101px; }
	#btn-about-index span {display:none;}
	#btn-about-index a:hover {background:url(../images/btn-about-index.png) -0px -101px no-repeat; }

#btn-find-index {background:url(../images/btn-find-index.png) no-repeat; width:140px; height:101px; float:left; margin:42px 0 0 220px;}
	#btn-find-index a {display:block;width:140px; height:101px; }
	#btn-find-index span {display:none;}
	#btn-find-index a:hover {background:url(../images/btn-find-index.png) -0px -101px no-repeat; }

#btn-contact-index {background:url(../images/btn-contact-index.png) no-repeat; width:140px; height:101px; float:left; margin:42px 0 0 224px;}
	#btn-contact-index a {display:block;width:140px; height:101px; }
	#btn-contact-index span {display:none;}
	#btn-contact-index a:hover {background:url(../images/btn-contact-index.png) -0px -101px no-repeat; }


/* ----- bottom-wrap ----- */
#bottom-wrap {
	height:10px;
	clear:both;
	width:100%;
	}
	
/* ------- headers ----------------------------------------------------------- */
#header { height:400px; } 
	body#index #header { background:url(../images/header-index.jpg); }
	body#about #header { background:url(../images/header-about.jpg); }
	body#contact #header { background:url(../images/header-contact.jpg); }
	body#thankyou #header { background:url(../images/header-thankyou.jpg); }
	body#sitemap #header { background:url(../images/header-sitemap.jpg); }
	
#video {width:600px; height:317px; margin:47px 0 0 -410px; float:left;}	
#header-content {width:1000px; height:105px; float:right; margin:0 53px 20px 0;	text-align:justify;}

/* ------ subhead framework ------------------------------------------------- */
#subhead { height:20px; } 
	body#index #subhead { background:url(../images/subhead-index.jpg); }
	body#about #subhead { background:url(../images/subhead-about.jpg); }
	body#contact #subhead { background:url(../images/subhead-contact.jpg); }
	body#thankyou #subhead { background:url(../images/subhead-thankyou.jpg); }
	body#sitemap #subhead { background:url(../images/subhead-sitemap.jpg); }

/* ------ nav ------------------------------------------------- */
#nav { 
	background:url(../images/nav.png) no-repeat; 
	width:536px; 
	height:81px; 
	margin:0 35px 0 0;
	padding:0; 
	float:right;
	}
	#nav span { display: none; }
	#nav li, #nav a { height:81px; display:block; } 
	#nav li { float:left; list-style:none; display:inline; }
	#nav-01 { width: 56px; }
	#nav-02 { width: 116px;}
	#nav-03 { width: 111px;}
	#nav-04 { width: 92px;}
	#nav-05 { width: 83px;}
	#nav-06 { width: 78px;}
	#nav-01 a:hover { background:url(../images/nav.png)  -0px -81px no-repeat; }
	#nav-02 a:hover { background:url(../images/nav.png) -56px -81px no-repeat; }
	#nav-03 a:hover { background:url(../images/nav.png) -172px -81px no-repeat; }
	#nav-04 a:hover { background:url(../images/nav.png) -283px -81px no-repeat; }
	#nav-05 a:hover { background:url(../images/nav.png) -375px -81px no-repeat; }
	#nav-06 a:hover { background:url(../images/nav.png) -458px -81px no-repeat; }
	body#index #nav-01 { background:url(../images/nav.png)  -0px -162px no-repeat; }
	body#Sites #nav-02 { background:url(../images/nav.png) -56px -162px no-repeat; }
	body#Publications #nav-03 { background:url(../images/nav.png) -172px -162px no-repeat; }
	body#scientists #nav-04 { background:url(../images/nav.png) -283px -162px no-repeat; }
	body#trainees #nav-05 { background:url(../images/nav.png) -375px -162px no-repeat; }
	body#contact #nav-06 { background:url(../images/nav.png) -458px -162px no-repeat; }

#nav li ul {
	position:absolute;
	background:#fff;
	width:220px;
	left:-9999px;
	margin:0px;
	color:#535353;
	}
#nav li ul li { 
	background:url(../images/bg-bullet-plus.png) 10px 14px no-repeat;
	height:33px;
	width:220px;
	padding-top:2px;
	}	
#nav li ul li a {
	height:33px;				
	line-height:33px;	
	width:220px;
	padding-left:20px;	
	color:#535353;
	}
#nav li ul li a span { display:block;}
#nav li:hover ul, #nav li.sfHover ul { left: auto; }
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover { 
	background:url(../images/bg-bullet-minus.png) 10px 14px no-repeat;
	background-color:#1fa5cc;
	width:200px;
	color:#fff;
	text-decoration:none;
	}

/* -------------- footer --------------------------------------------------- */
#footer-container {text-align:center; margin:0 auto;}

#footer {
	width:1100px;
	margin:0px auto;
	text-align:left;
	}
	
	#footer div.all {width:1100px; margin:5px 0 0 0;float:left;background:url(../images/bg-footer2.png) no-repeat;}

	#footer div.left {float:left; margin:43px 0 80px 0; width:816px;}
	#footer div.right {float:right; margin:43px 0 80px 0; width:173px;}
	
#footer p { color:#a7a7a7; margin-bottom:0px; font-size:12px; }
#footer a:link, #footer a:visited { color:#959595; }
#footer a:hover, #footer a:active { color:#343434; }