/* SDSC
   BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font-size: 12px; font-family: Lucida Sans Unicode, arial, helvetica, sans-serif; color: #333; background: #666; }
table, th, td {font-size: 12px; font-family: Lucida Sans Unicode, arial, helvetica, sans-serif;color: #333; }

img { border: 0; }

a:link { color: #d3181f; text-decoration: underline; }
a:visited { color: #d3181f; text-decoration: underline; }
a:hover, a:active { color: #333; }

#skip { display: none; }

/* HEADING
------------------------------------------------------------------------------------- */
#wrap { background: url("../images/bg_wrap.gif") #fff repeat-x; padding: 0 0 40px; }
#s_wrap { background: url("../images/bg_s_wrap.gif") #fff repeat-x; padding: 0 0 40px; }
#container_shadow { background: url("../images/bg_side_dropshadow.gif") no-repeat 50% 268px; }
#container { margin: 0 auto; width: 760px; text-align: left; }

#header { height: 105px; position: relative; z-index: 50;}
#search_box { position: absolute; top: 0; right: 0; width: 305px; height: 75px; background: url("../images/bg_search.gif") no-repeat; text-align: right; font-size: 10px; }
	#search_box p { padding: 3px; }
	#search_box a:link, #search_box a:visited { text-decoration: none; padding-right: 3px; padding-bottom: 3px;}
	#search_box .contact { padding-left: 18px; background: url("../images/icon_mail.gif") no-repeat 0% 2px; }
	#search_box .sitemap {  padding-left: 15px; background: url("../images/icon_sitemap.gif") no-repeat 0% 2px; }
	#search_box .maindirectory { padding-left: 16px; background: url("../images/icon_directory.gif") no-repeat 0% 2px; }
	#search_box table	{ float: right; display: inline; margin: 12px 5px;}
	#search_box td		{ padding: 1px;}
	#search_box .search_text { width: 202px; padding: 1px; height: 18px; border: 1px solid #333; font-size: 11px;}
	#search_box .search_btn { margin-left: 1px; vertical-align: middle; }
	#search_box a.arrow:link, #search_box a.arrow:visited 	{ padding-left: 12px; background: url("../images/arrow_black.gif") no-repeat 6px 5px; text-transform: none;}

#rss { float: right; }
#news_center { float: left; }
#content_float_wrapper { overflow: auto;
	width: 100%; }

/* NAVIGATION
------------------------------------------------------------------------------------- */
#nav { position: absolute; top: 75px; left: 0; width: 760px; height: 30px; background-color: #D3181F; z-index: 50;}
#nav li { float: left; position: relative; height: 30px; list-style: none; }
#nav li a, #nav li div { position: relative; display: block; height: 30px; text-decoration: none; color: #fff;}
#nav li a { cursor: pointer; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 30px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url("../images/nav.gif"); }

#nav li.research, #nav li.research a, #nav li.research a strong { background-position: 0px 0px; width: 185px; }
#nav li.resources, #nav li.resources a, #nav li.resources a strong { background-position: -185px 0px; width: 158px; }
#nav li.support, #nav li.support a, #nav li.support a strong { background-position: -343px 0px; width: 110px; }
#nav li.discoveries, #nav li.discoveries a, #nav li.discoveries a strong { background-position: -453px 0px; width: 100px; }
#nav li.news, #nav li.news a, #nav li.news a strong { background-position: -553px 0px; width: 107px; }
#nav li.about, #nav li.about a, #nav li.about a strong { background-position: -660px 0px; width: 100px; }

/* HOVER STATE */
#nav li.research a:hover, #nav li.research a:hover strong { background-position: 0px -30px; width: 185px; }
#nav li.resources a:hover, #nav li.resources a:hover strong { background-position: -185px -30px; width: 158px; }
#nav li.support a:hover, #nav li.support a:hover strong { background-position: -343px -30px; width: 110px; }
#nav li.discoveries a:hover, #nav li.discoveries a:hover strong { background-position: -453px -30px; width: 100px; }
#nav li.news a:hover, #nav li.news a:hover strong { background-position: -553px -30px; width: 107px; }
#nav li.about a:hover, #nav li.about a:hover strong { background-position: -660px -30px; width: 100px; }

/* ON STATE */
#nav li.researchon, #nav li.researchon strong, #nav li.researchon div { background-position: 0px -60px; width: 185px; }
#nav li.resourceson, #nav li.resourceson strong, #nav li.resourceson div { background-position: -185px -60px; width: 158px; }
#nav li.supporton, #nav li.supporton strong, #nav li.supporton div { background-position: -343px -60px; width: 110px; }
#nav li.discoverieson, #nav li.discoverieson strong, #nav li.discoverieson div { background-position: -453px -60px; width: 100px;}
#nav li.newson, #nav li.newson strong, #nav li.newson div { background-position: -553px -60px; width: 107px; }
#nav li.abouton, #nav li.abouton strong, #nav li.abouton div { background-position: -660px -60px; width: 100px; }

#nav li:hover ul, #nav li.over ul { padding: 0px; display: block; }

#nav li li { height: auto; line-height: normal; background-image: none; }
#nav li li a { padding: 5px 10px; display: block; height: 100%; color: #fff; text-decoration: none; font-size: 10px; background: #DC464C;  border-bottom: 1px solid #D3181F;}
#nav li li a:hover { color: #fff; background: #D3181F; }

#nav li.researchon a 	{ width: 185px; }
#nav li.resourceson a 	{ width: 158px; }
#nav li.supporton a 	{ width: 110px; }
#nav li.discoverieson a { width: 100px; }
#nav li.newson a 		{ width: 107px; }
#nav li.abouton a		{ width: 100px; }


#nav li ul { display: none; position: absolute; top: 30px; left: 1px; z-index: 500; }
#nav li > ul { top: 30px; left: 1px; z-index: 500; } 
/*  #nav li.about ul, #nav li.abouton ul  {  left: 1px; z-index: 50; } */


/* homepage
------------------------------------------------------------------------------------- */
#flash_content { height: 138px; z-index: 1; }

#h_features  	{ height: 150px; }
#h_features img { margin: 13px 0 0;}

#h_content { padding: 15px 0 0;  font-size: 12px; line-height: 12px; }
	#h_content p	{ background: url("../images/dots.gif") repeat-x bottom left; padding: 10px;}
	#h_content p.none	{ background: none;}
	#h_content h1	{ padding: 10px;}
	#h_content h2	{ padding: 0 10px; font-size: 14px;}

.h_events	{ position: relative; float: left; width: 249px; padding: 5px 0 0; background: url("../images/bg_events.gif") no-repeat;}
	.h_signup	{ margin: 10px 0 0; background: url("../images/bg_signup.gif") no-repeat;}
	.h_signup img	{ margin: 10px 10px 0 10px }
	#h_content .h_signup p	{ background: none; padding: 0 10px 10px;}

.h_midcol{ position: relative; float: left; margin: 0 5px; width: 249px; padding: 0 0 0; }
.h_nuggets	{ float: left; margin-bottom: 10px; background: url("../images/bg_focus.gif") no-repeat; }
	#h_content .h_focus p	{ margin: 0 0 5px;}
.h_nuggets img	{ margin-bottom: 2px; }
.h_focus { background: url("../images/bg_focus.gif") no-repeat; }
	#h_content .h_focus p	{ margin: 0 0 5px;}
.h_focus img	{ margin-bottom: 2px; }
.h_events a.arrow, .h_focus a.arrow, .h_extra a.arrow	{ font-weight: bold; font-size: 11px; font-variant: small-caps; }

.h_extra { position: relative; float: left; width: 249px;}
	#h_content .h_extra p	{ background: none; padding: 0 10px 5px; color: #066;}
	.h_extra table { margin: 0 10px 10px; }
	.h_extra td { padding: 2px 1px 4px 0; }
	.h_extra select {width: 178px; font-size: 10px;}
.h_quicklinks { background: url("../images/bg_h_quicklinks.gif") no-repeat; height: 40px;}
	.h_quicklinks form {padding: 7px 10px;}
	.h_extra .h_quicklinks table { margin: 0; }
.h_community { margin: 5px 0 0; background: url("../images/bg_h_community.gif") no-repeat; }


/* subpage
------------------------------------------------------------------------------------- */
#subhead	{ height: 92px; font-size: 10px; color: #ccc;}
	#subhead p	{ padding: 5px 10px 0;}
	#subhead a:link, #subhead a:visited	{ color: #fff;}
	
#subnav		{ float: left; width: 130px; padding: 25px 0 0; background: url("../images/bg_subnav.jpg") no-repeat 0 25px; }
#subnav p	{ padding: 10px 8px;}
#subnav li	{ list-style: none; color: #666}
#subnav li a:link, #subnav li a:visited	{display: block; padding: 2px 2px 2px 15px; background: url("../images/arrow_black.gif") no-repeat 9px 7px; height: 1%; text-decoration: none;}
#subnav li a:hover	{ background:url("../images/arrow_black.gif") #DC464C no-repeat 7px 7px; color: #eee;}

#subnav_nobg		{ float: left; width: 130px; padding: 25px 0 0; background: none; }

/* so list bullets will display properly */

.arrowlist2	{ margin: 0 0 10px 16px; list-style-type: square; } 

.arrowlist2 li

#subnav li.on	{ padding: 2px 2px 2px 15px; background: url("../images/arrow_black.gif") no-repeat 9px 7px; }

#subnav li li a:link, #subnav li li a:visited	{ padding: 1px 2px 1px 22px; background: url("../images/arrow_black.gif") no-repeat 15px 7px; font-size: 10px; color: #900; border-bottom: 1px solid #FCE8E9;}
#subnav li li a:hover	{ background: url("../images/arrow_black2.gif") #DC464C no-repeat 12px 7px; color: #eee;}
#subnav li li.on	{ padding: 1px 2px 1px 22px; background: url("../images/arrow_black2.gif") #fff no-repeat 15px 7px; font-size: 10px; border-bottom: 1px solid #FCE8E9;}

#subnav ul ul ul	{ border-bottom: 1px solid #FCE8E9;}
#subnav li li li a:link, #subnav li li li a:visited	{ padding: 1px 2px 1px 32px; background: none; border: none;}
#subnav li li li a:hover	{text-decoration: underline; color: #DC464C   }
#subnav li li li.on	{ padding: 1px 2px 1px 32px; background: none; border: none;}

#content	{ float: left; width: 430px; /*\*/width: 450px;/**/ margin: 0 15px; padding: 25px 0 0; }
#content p	{ padding: 0 0 15px;}
#content p.alpha span	{ display: block; padding: 5px 0; background: url("../images/dots.gif") repeat-x bottom left; }
#content p.alpha a:link, #content p.alpha a:visited	{ margin: 0 1px 0 0; border-bottom: 1px solid #DC464C; text-decoration: none;}
#content p.alpha a:hover	{ color: #fff; background: #DC464C;  }
#content p.alpha	{ background: url("../images/dots.gif") repeat-x top left; font-size: 12px; font-weight: bold;}

#content hr				{ height: 1px; color: #ccc; margin: 5px 0 10px; }

#content ul         { margin-left: 25px; margin-bottom: 10px; }
#content ol         { margin-left: 35px; margin-bottom: 10px; }
#content ul li, #content ol li   { margin-bottom: 5px; }

#content dl dt		{ font-weight: normal; margin-bottom: 3px; }
#content dl dd		{ margin-bottom: 18px; }
#content dl dl dt       { margin-left: 10px; margin-bottom: 5px; }

#content input.input	{ border: 1px solid #666; }

#content_staff	{ float: left; width: 550px; margin: 0 15px; padding: 25px 0 0; }
#content_staff p	{ padding: 0 0 15px;}
#content_staff p.alpha span	{ display: block; padding: 5px 0; background: url("../images/dots.gif") repeat-x bottom left; }

.directory		{ width: 550px; margin: 0 0 15px; }
.directory td	{ padding: 5px 5px 5px 0;background: url("../images/dots.gif") repeat-x bottom left;}
.directory th	{ font-size: 20px; text-align: left;}

#tdr_crumbs ul {
	list-style: none;
	margin-bottom: 0;
	padding: .5em 0;
}

#tdr_crumbs li {
	font-size: 10px;
	text-align: left;
	color: #CCC;
	list-style: none outside none;
	display: inline;
}

#tdr_crumbs li a {
	color: #FFF;
	background: url(../images/sprite_icon.png) no-repeat scroll right 5px transparent;
	margin: 0;
	padding: 0;

	text-decoration: underline;
}

/* newscenter
------------------------------------------------------------------------------------- */
#content .newsarea p	{ padding: 5px 0; background: url("../images/dots.gif") repeat-x bottom left; }
#content .newsarea p img	{ float: right; margin: 0 3px 5px 0; }
#content .newsarea ul	{ margin-top: 10px; background: url("../images/dots.gif") repeat-x bottom left;  }
#content .newsarea table td	{ color: #666; font-size: 9px; padding-right: 3px;  }
#content .newsarea table td	a:link, #content .newsarea table td	a:visited {  font-weight: normal; font-size: 12px; line-height: 17px; }

#content .newsarea2 table	{ margin: 0 5px; }
#content .newsarea2 table td {
    background-color: #EEEEEE;
    font-size: 10px;
    padding: 5px;
    vertical-align: top;
}
#content .newsarea2 table td p	{ padding: 0px }

#nc_news	{  position: relative; float: left; margin: 0; width: 207px; padding: 0 5px 0; background: url("../images/bg_news_center_col.gif") no-repeat;}
#nc_events	{ position: relative; float: left; margin: 0 5px; width: 207px; padding: 0 5px 0; background: url("../images/bg_news_center_col.gif") no-repeat;}
#nc_inthenews	{   position: relative; float: left; margin: 0 5px; width: 207px; padding: 0 5px 0; background: url("../images/bg_news_center_col.gif") no-repeat;}


#sidebar	{ float: left; width: 150px; padding: 25px 0 0; font-size: 10px; line-height: 13px; }
#sidebar p	{ padding: 0 0 8px;}
.caption	{ background: url("../images/bg_caption.gif") no-repeat bottom left; margin: 0 0 5px;}
	#sidebar .caption p	{ padding: 5px 10px 10px; color: #fff;}
.tours		{ background: url("../images/bg_tours.jpg") no-repeat; padding: 8px; margin: 0 0 5px;}
.address	{ background: url("../images/bg_address.jpg") no-repeat; padding: 8px; margin: 0 0 5px;}
.publications	{ background: url("../images/bg_publications.jpg") no-repeat; padding: 8px; margin: 0 0 5px;}

.jobs1	{ background: url("../images/bg_jobs1.jpg") no-repeat; padding: 8px; margin: 0 0 5px;}
.jobs2	{ background: url("../images/bg_jobs2.jpg") no-repeat; padding: 8px; margin: 0 0 5px; border-left: 1px solid #f4f4f4; }

.column		{ float: left; width: 30%; padding: 0 0 15px;}

.quicklinks	{ background: url("../images/bg_quicklinks.gif") no-repeat; padding: 8px; margin: 0 0 5px;}
.quicklinks table	{ margin: 6px 0; }
.quicklinks td		{ padding: 2px 4px 2px 0; }
.quicklinks th		{ padding: 2px 5px 2px 0; text-transform: uppercase; text-align: left; letter-spacing: -1px;}
.quicklinks th a:link, .quicklinks th a:visited		{ text-decoration: none;}
.quicklinks select	{ width: 135px; font-size: 11px; }


.s_help	{ height: 141px; margin: 5px 0;}
.s_help .inner	{  padding: 15px; line-height: 18px; margin: 1px 0 0; background: url("../images/s_help_bg.jpg") no-repeat;}
.s_help .inner ul	{ float: right; margin-left: 5px; width: 180px;}

.tabs	{ position: relative; height: 30px; z-index: 5; font-size: 11px; background: url("../images/tab_bg.gif") repeat-x;}
	.tabs li	{ display: block; float: left; margin: 0 5px 0 4px; display: inline; font-weight: bold; text-transform: uppercase; letter-spacing: -1px;}
	.tabs li a:link, .tabs li a:visited  { position: relative; display: block; float: left; background: url("../images/tab_rt.gif") no-repeat top right; text-decoration: none; margin-right: -4px; color: #d3181f; cursor: hand;}
	.tabs li strong	{ position: relative; float: left; display: block; background: url("../images/tab_lt.gif") no-repeat; height: 30px; line-height: 30px; padding: 0px 10px; margin-left: -4px; }
	
	.tabs li a:hover strong	{ background: url("../images/tab_lt_hover.gif") no-repeat; }
	.tabs li a:hover		{ background: url("../images/tab_rt_hover.gif") no-repeat top right; text-decoration: none; color:#fff;}
	
	.tabs li.on	{ margin-bottom: -1px;}
	.tabs li.on strong, .tabs li.on a:hover strong	{ background: url("../images/tab_lt_on.gif") no-repeat; height: 31px;}
	.tabs li.on a:link, .tabs li.on a:visited	{ background: url("../images/tab_rt_on.gif") no-repeat top right; height: 31px; color: #333;}






#footer { margin: -15px auto 0; width: 760px; text-align: left; background: url("../images/bg_footer.gif") #666 no-repeat; font-size: 10px; color: #ccc; line-height: 12px;}
#footer p { padding: 8px;}
#footer span { float: right;}
#footer a:link, #footer a:visited { color: #fff; text-decoration: none;}

h1	{ font-size: 16px; font-weight: normal; color: #066; padding: 0 0 10px;}
h2	{ font-size: 14px; color: #066; line-height: 16px; letter-spacing: -1px; padding: 0 0 15px;}
h3	{ font-size: 14px; text-transform: uppercase;letter-spacing: -1px; margin: 10px 0 5px;}

.arrow, a.arrow:link, a.arrow:visited, .arrowlist a:link, .arrowlist a:visited	{ padding-left: 6px; background: url("../images/arrow_black.gif") no-repeat 0 5px; text-decoration: none; }
.arrowlist	{ list-style: none;}
a.arrow3:link, a.arrow3:visited	{ padding-left: 12px; background: url("../images/arrow_black3.gif") no-repeat 4px 5px; text-decoration: none; white-space: nowrap; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 0; }

.floatleft 	{ float: left;  }
img.floatleft 	{ margin-right: 5px; margin-top: 10px; }
.floatright { float: right; margin: 0 0 10px 10px;  }
.inline 	{ display: inline; }

.alignleft { text-align: left; }
.alignright { text-align: right; }

table.chart		{ background-color: #ccc }
table.chart th		{ background-color: #eee; padding: 3px; font-size: 10px; text-align: left }
table.chart td		{ background-color: #fff; padding: 3px; font-size: 10px }

table.hotel		{ background-color: #ccc }
table.hotel th		{ background-color: #eee; padding: 3px; text-align: left }
table.hotel td		{ background-color: #fff; padding: 3px 3px 15px 3px; }

#popform		{ margin: 0 auto; text-align: left; }
#popform p		{ color: #000; margin: 3px 0 12px; }
#popform table td	{ padding: 3px 0; }
#popform input.input	{ border: 1px solid #ccc;  }
#popform textarea	{ border: 1px solid #ccc;  }
#popform .button	{ border: 1px solid #333; background: #eee; }

#feedback	{ margin-top: 30px; background: url("../images/bg_subnav.jpg") no-repeat; width: 110px; padding: 10px; }

#content .nuggets	{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
#content .nuggets p	{ margin-bottom: 5px;  }
#content .nuggets img	{ float: left; margin-right: 10px; margin-bottom: 10px;  }
#content .nuggets ul	{ font-size: 10px; margin-top: 5px; margin-left: 130px; list-style-type: square; }
#content .nuggets ul li	{ margin: 0; }

#content .gallery 	{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
#content .gallery p	{ margin-bottom: 0; background: url("../images/dots.gif") repeat-x bottom left; }
#content .gallery img	{ float: left; margin: 0 5px 0 0; }

#content .gallery2 table	{ margin: 0 5px; background: url("../images/bg_gallery.gif") no-repeat; }
#content .gallery2 table td	{ vertical-align: top; padding: 5px; }
#content .gallery2 table td p	{ margin-bottom: 5px;  padding: 0px }

#content .gallery_extra table	{ margin: 0 5px; background: url("../images/bg_gallery.gif") no-repeat; }
#content .gallery_extra table td	{ vertical-align: top; padding: 5px;  font-size: 10px;}
#content .gallery_extra table td p	{ padding: 0px }

#content .envision	{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
#content .envision p	{ margin-bottom: 5px;  }
#content .envision img	{ float: left; margin-right: 10px; margin-bottom: 10px;  }
#content .envision ul	{ font-size: 10px; margin-top: 5px; margin-left: 95px; list-style-type: square; }
#content .envision ul li	{ margin: 0; }

#content .logos	{ font-size: 11px; clear: both; margin-bottom: 10px; }
#content .logos img	{  float: left; }
#content .logos p	{ padding: 0 0 0 15px; width: 135px; height: 100px; float: right; }

h3.profile	{ font-size: 14px; text-transform: none; letter-spacing: -1px; margin: 10px 0 5px; }
img.profile	{ float: left; padding-right: 5px; }


select.newsyear	{ width: 190px; margin-top:5px; }

#backuptable table {     
    border-collapse: collapse;
    height: 440px;
    margin-bottom: 1em;
    width: 504px;
    }
#backuptable th {     
    background-color: #EEEEEE;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0.25em 1em;
    text-align: left; 
    }
#backuptable tr { margin: 0px 0px 0px 0px; padding: 0; }
#backuptable tbody { margin: 0px 0px 0px 0px; }
#backuptable td {  border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    margin: 0px 0px 0px 0px;
    padding: 0.25em 1em;
    }
#backuptable td.right { border-width: 1px 1px 0px 1px; }
#backuptable th.right { border-width: 1px 1px 0px 1px; }
#backuptable td.bottom { border-width: 1px 1px 1px 1px; }