/* --------------------- 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-int.png) top repeat-x;
	text-align:center;
	font:13px/16px Helvetica, Arial, sans-serif;
	color:#2c2c2c;
	line-height:18px;
	}

body#sites {
	background:#f9f9f9 url(../images/bg-body-sites.png) top repeat-x;
	text-align:center;
	font:13px/16px Helvetica, Arial, sans-serif;
	color:#2c2c2c;
	line-height:18px;
	}
body#links {
	background:#f9f9f9 url(../images/bg-body-int.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; }
h1	{ font-size:20px; color:#c83636; font-weight:lighter; margin:0px 0 20px 0; }
h2	{ font-size:20px; color:#c83636;margin:0px 0 0 18px;font-weight: bolder; }
h3	{ font-size:18px; color:#1fa5cc;font-weight:bold; margin:0 0 12px  0; }
h4	{ font-size:14px; color:#1fa5cc;font-weight:bold; margin:0 0 12px  0; }
h5	{ font-size:13px; color:#1fa5cc;font-weight:bold; margin:0 0 5px  0; }
h6	{ font-size:23px; color:#c83636; margin:0 0 20px  0; }
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-pad { float:left; margin:0px 0 20px 0; }
img.img-right { float:right; margin:0px; }
img.img-right2 { float:right; margin:0px; padding-left:20px; }
.divider {width:690px; height:1px; margin:10px 0 15px 0; background-color:#CCC;}
.divider2 {width:690px; height:1px; margin:20px 0 25px 0; background-color:#CCC;}
.divider-rt {width:304px; height:1px; margin:0px 0 25px 10px; background-color:#CCC;}

/* -------- 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-int.png) no-repeat;
	height:191px;
	}

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


/* ----- content------------------------------------------------------------------------------------------------------------------- */
#content-container {
	background:#fff;
	text-align:center;
	margin:0 auto;
	}

#content {
	width:1100px;
	height:100%;
	margin:0 auto;
	}

/* ----- column-left -------------------------------------------------------------------------------------------------------------- */
#column-left {
	width:690px;
	float:left;
	margin:0 30px 60px 26px;
	text-align:justify;
	}
	#column-left p { padding:0px 0 11px 0; }

/* ----- column-right -------------------------------------------------------------------------------------------------------------- */
#column-right {
	width:354px;
	float:left;
	text-align:left;
	}
	#column-right p { padding:0px; }

.site-menu  {width:335px; float:right; margin:15px 0 20px 0;}
	.site-menu  {color:#1fa5cc; line-height:26px;}
	.site-menu  .indent {padding-left:15px;}
	.site-menu a:link, .site-menu a:visited	{ color:#2c2c2c; text-decoration:none; outline:none; }
	.site-menu a:hover, .site-menu a:active	{ color:#585858; text-decoration:underline; outline:none; }


/* ----- header ------------------------------------------------------------------------------------------------------------------- */
#header {background:#fff url(../images/bg-header-int.png) no-repeat; width:1100px; height:414px;margin:0 auto;}
#header-sites {background:#fff url(../images/bg-header-sites.png) no-repeat; width:1100px; height:466px;margin:0 auto;}

#header-left {width:746px; height:414px; float:left;}
	body#participate #header-left img {background:url(../images/bg-header-int.png) no-repeat;width:678px; height:322px; float:left;margin:25px 0 0 25px;}
	body#sites #header-left img {background:url(../images/bg-header-int.png) no-repeat;width:678px; height:322px; float:left;margin:25px 0 0 25px;}

	body#publications #header-left img {background:url(../images/bg-header-int.png) no-repeat;width:678px; height:322px; float:left;margin:25px 0 0 25px;}

	body#contact #header-left img {background:url(../images/bg-header-int.png) no-repeat;width:678px; height:322px; float:left;margin:25px 0 0 25px;}
	body#overview #header-left img {background:url(../images/bg-header-int.png) no-repeat;width:678px; height:322px; float:center;margin:25px 0 0 25px;}
	body#teens #header-left img {background:url(../images/bg-header-int.png) no-repeat;width:678px; height:322px; float:left;margin:25px 0 0 25px;}

#header-right {width:335px; float:right; margin:82px 0 0 0;}
	#header-right {color:#1fa5cc; line-height:26px;}
	#header-right .indent {padding-left:15px;}
	#header-right a:link, #header-right a:visited	{ color:#2c2c2c; text-decoration:none; outline:none; }
	#header-right a:hover, #header-right a:active	{ color:#585858; text-decoration:underline; outline:none; }

#header-sites-left {width:746px; height:466px; float:left;}
	body#sites #header-sites-left div {background:url(../images/bg-header-sites.png) no-repeat;width:678px; height:382px; float:left;margin:25px 0 0 25px;}



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

#btn-duke {background:url(../images/btn-duke.png) no-repeat; width:280px; height:47px; float:left; margin:20px 0 8px 18px;}
	#btn-duke a {display:block;width:280px; height:47px; }
	#btn-duke span {display:none;}
	#btn-duke a:hover {background:url(../images/btn-duke.png) -0px -47px no-repeat; }

#btn-oregon {background:url(../images/btn-oregon.png) no-repeat; width:280px; height:47px; float:left; margin:0px 0 8px 18px;}
	#btn-oregon a {display:block;width:280px; height:47px; }
	#btn-oregon span {display:none;}
	#btn-oregon a:hover {background:url(../images/btn-oregon.png) -0px -47px no-repeat; }

#btn-ucsd {background:url(../images/btn-ucsd.png) no-repeat; width:280px; height:47px; float:left; margin:0px 0 8px 18px;}
	#btn-ucsd a {display:block;width:280px; height:47px; }
	#btn-ucsd span {display:none;}
	#btn-ucsd a:hover {background:url(../images/btn-ucsd.png) -0px -47px no-repeat; }

#btn-pittsburgh {background:url(../images/btn-pittsburgh.png) no-repeat; width:280px; height:47px; float:left; margin:0px 0 8px 18px;}
	#btn-pittsburgh a {display:block;width:280px; height:47px; }
	#btn-pittsburgh span {display:none;}
	#btn-pittsburgh a:hover {background:url(../images/btn-pittsburgh.png) -0px -47px no-repeat; }

#btn-sri {background:url(../images/btn-sri.png) no-repeat; width:280px; height:47px; float:left; margin:0px 0 38px 18px;}
	#btn-sri a {display:block;width:280px; height:47px; }
	#btn-sri span {display:none;}
	#btn-sri a:hover {background:url(../images/btn-sri.png) -0px -47px no-repeat; }

/* ----- bottom-wrap ----- */
#bottom-wrap {
	height:0px;
	clear:both;
	width:100%;
	}


#video {width:600px; height:373px; margin:47px 0 0 35px; float:left;}
#header-content {width:400px; height:355px; float:right; margin:102px 27px 0 0;}

/* ------ 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; }