/* -----------------------------------*/
/* XHTML and CSS by Sam Felder        */
/* USC Web Services                   */
/* Fall 2006                        */
/* -----------------------------------*/
/* Documentation can be found in the  */
/* project style guide                */
/* -----------------------------------*/
/* -----------------------------------*/
/* ---- RESET <<<------------*/
/* -----------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}

/* -----------------------------------*/
/* ---- GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	font-size: 62.5%;
	background: #790000;
/*	background: #8f0000;*/
	font-family: 'lucida grande',tahoma,sans-serif;
	color: #232322;
}

a {text-decoration: none;}

a img {border: 0;}

.wrap {
	width: 900px;
	margin: 0 auto;
}
.wrap_b {
	width: 900px; height:80px; background:url(top_right.gif) right no-repeat;
	margin: 0 auto;
}
p {
	font-size: 1.15em;
	line-height: 1.35em;
	margin-bottom: 1em;
}

p a {
	color: #364672;
	font-weight: bold;
	border-bottom: 1px solid #b8b7ad;
}
p a:hover {
	border-bottom: 1px solid #364672;
}
a.imagelink {
	border: none;
}
a.imagelink:hover {
	border:none;
}
img.thumbnail {
	float: right;
	padding: 1px;
	border:1px solid #e2e2e2;
	margin: 5px;
}

.clear {
	clear: both;
}
/* -----------------------------------*/
/* ---- HEADER <<<-----------*/
/* -----------------------------------*/

#header { 
	background: #900 url(bg_header.gif) bottom left repeat-x;
	margin:0; height:80px;
	padding:0;
}
#header h1 {
}
#header h1 a#usclogo {
	float: right;
	margin-right: -8px;
}
#header h1 a#uscname {
	float: left;
	margin-left: -8px;
}
h2#sitename {
	position: absolute; top: 32px; left: 47px; width: 550px; font-size:22px; font-weight:bold; color:#CCCCCC;
}


/* -----------------------------------*/
/* ---- SUBNAV <<<-----------*/
/* -----------------------------------*/

#subnav {
/*	height: 2.4em;*/
}

#subnav li {
	height: 3em;
	float: left;
	background: url( bg_topbarnav.gif) right bottom no-repeat;
}
#subnav li.last {
	background: none;
}
#subnav li a {
	display: block;
	padding: 8px;
	padding-bottom: 0;
	font-size: 1.3em;
/*	color: #232323;*/
	color: #575e67;
}
#initiatives #subnav li a {
/*	font-size:.8em;*/
}
#subnav li a:hover {
/*	background-color: #f2f2f2;*/
	text-decoration: underline;
/*	position:relative;
	top:-1px;
	left:-1px;
*/}


/* -----------------------------------*/
/* ---- CONTENT <<<----------*/
/* -----------------------------------*/

#content {
	clear: both;
	background: #f2f2f2;
/*	overflow: auto;*/
	padding: 0;
}
#content .m {
	padding: 1em 0;
	float: left;
	width: 555px;
}

#content .s {
	padding-bottom: 1em;
	float: right;
	width: 325px;
}

/* -----------------------------------*/
/* ---- SIDEBAR <<<----------*/
/* -----------------------------------*/

.s h3 {
    color: #900;
	border-bottom: 1px solid #d0d0d0;
	font-size: 1.8em;
	padding-bottom: .1em;
	margin-bottom: .4em;
	margin-top: 1em;
}
.s h4 {
	font-size: 1.4em;
	margin-bottom: .2em;
	font-weight:bold;
	color: #8c8e8a;	
}
.s h5 {
	font-size: 1.4em;
	margin-bottom: .2em;
	font-weight:normal;
}
.s p {
		
}
.s li {
	background: url(bullet_body.gif) 4px 3px no-repeat;
	padding-left: 20px;
	margin: 6px 0; 
}
.s li a {
	color: #364672;
	font-weight: bold;
	border-bottom: 1px solid #b8b7ad;
	font-size: 1.2em;
}
.s li a:hover {
	border-bottom: 1px solid #364672;
}

/*
#initiatives .s ul ul {
	display: none;
}
.bn .s ul ul#bn {
	display: block;
}
.future_fuels .s ul ul#future_fuels {
	display: block;
}
*/
.s ul ul li {
	margin-left: 15px;
	font-size: 1em;
}
.s .feature img {
	padding: 6px;
	background: url( bg_photowide.gif) center center no-repeat;
	margin: 0 -4px;
}
.s #researcherpromo {
	display: block;
	margin: 0 -3px 0 -3px;
}

#home .s #researcherpromo, #for_researchers .s #researcherpromo {
	display:none;
}
#home #content .s, #for_researchers #content .s {
	padding-top: 1em;
}


/* -----------------------------------*/
/* --- WHITE BOX <<<---------*/
/* -----------------------------------*/

.whitebox {
	background: url( bg_whitebox_bot.gif) left bottom no-repeat;
	padding-bottom: 4px;
	margin-bottom: 1em;
}
.whitebox .boxtop {
	background: url( bg_whitebox_top.gif) left top no-repeat;
	height: 4px;
}
.whitebox .boxcontent {
	padding: 0 14px;
	padding-top: 10px;
	padding-bottom:0;
	background: url( bg_whitebox_mid.gif);
}
#content .whitebox .m {
	width:345px;
}
#content .whitebox .s {
	width:170px;
/*	margin-bottom:90px;*/
}
.whitebox strong {
	font-weight:bold;
}
.whitebox h2 {
	clear: both;
/*	color: #65b8d6;*/
/*	color:#575e67;*/
/*	color:#8c8e8a;*/
	color:#575e67;
	border-bottom: 1px solid #e2e2e2;
	font-size: 2.6em;
	padding-bottom: .2em;
	margin-bottom: .4em;
}

.whitebox h3 {
	color: #8c8e8a;
	font-size: 2em;
	padding-bottom:.2em;
}
.whitebox h3.newsdate {
	font-size: 1em;
}
.whitebox h4 {
	color: #8c8e8a;
	font-size: 1.8em;
	padding-bottom:.2em;
}
.whitebox h5 {
	color: #8c8e8a;
	font-size: 1.6em;
	padding-bottom:.2em;
}
.whitebox h3 a, .whitebox h4 a {
	color: #8c8e8a;
	text-decoration:underline;
}
.whitebox h3 a:hover, .whitebox h4 a:hover {
	text-decoration:none;
}
.whitebox ul, .whitebox ol {
	margin-bottom: 1em;
}
.whitebox ul li {
	background: url( bullet_body.gif) 4px 3px no-repeat;
	padding-left: 20px;
	margin: 6px 0;
}
.whitebox ul ul li {
	margin-left: 20px;
	font-size: 1em;
}
.whitebox ul.news li {
	background: url( bullet_news.gif) left top no-repeat;
	padding-left: 20px;
	margin: 6px 0;
	clear: both;
}
.whitebox ul.news li img {
	height: 50px;
	width: 50px;
}
.whitebox ul.news li strong {
	display:block;
	font-weight:bold;
}
.whitebox ul.news li img {
	float: right;
	padding: 1px;
	border:1px solid #e2e2e2;
	margin: 5px;
}
.whitebox ul.events li {
	background: url( bullet_event.gif) left 2px no-repeat;
	padding-left: 20px;
	margin: 6px 0;
	
}
.whitebox ul.events li strong {
	display:block;
	font-weight:bold;
}
.whitebox ul.events li em.date {
	color: #8c8e8a;
	display: block;
}
.whitebox ul.events li img {
	float: right;
	padding: 1px;
	border:1px solid #e2e2e2;
	margin: 5px;
}
.whitebox ol {
	list-style-type: decimal;
	margin-left: 20px;
}
.whitebox li {
	font-size: 1.15em;
	line-height: 1.35em;
}
.whitebox li a, .whitebox dl a {
	color: #364672;
/*	background: #addcf3 url( link_blue.gif) right 60% no-repeat;*/
/*	padding: 1px 13px 1px 2px;*/
/*	background: #addcf3;*/
/*	background:#e2e2e2;*/
/*	padding:1px 2px;*/
	font-weight: bold;
	border-bottom: 1px solid #b8b7ad;
/*	border-right: 1px solid #b8b7ad;*/
/*	white-space: nowrap;*/
}
.whitebox li a:hover, .whitebox dl a:hover {
	border-bottom: 1px solid #364672;
/*	border-right: 1px solid #364672;*/
/*	position:relative;*/
/*	top:-1px;*/
/*	left:-1px;*/
}
.whitebox dl {
	font-size: 1.15em;
}
.whitebox dt {
	background: url( bullet_body.gif) 4px 3px no-repeat;
	padding-left: 20px;
	margin: 6px 0;	
}
.whitebox dd {
	margin-left: 20px;
}

.whitebox #announcements, .whitebox #signup {
	padding: 4px;
	margin-bottom:1em;
	border-top: 2px solid #e8e8e8;
	border-bottom: 2px solid #e8e8e8;
	background: #efefef url( bg_grayboxinwhitebox.gif) left top repeat-x;
}
.whitebox #announcements p, .whitebox #signup p {
	color:#777;
}
.whitebox #announcements h3, .whitebox #signup h3 {
	color:#44944d;
	font-size:1.5em;
	border-bottom:1px solid #e8e8e8;
}
.whitebox form input.textfield {
	border: 1px solid #afafaf;
	color:  #777;
	padding: 4px;
	margin: 0;
	background-color: white;
	font-size: 1em;
	width: 100px;
	float: left;
}
.whitebox form input#subscribe {
	float: right;
}
.whitebox #bgnewsletter {
	position: relative;
	left: 442px;
	margin-top:-85px;	
}
p#unsubscribe {
	clear: both;
	text-align: right;
	padding: 5px;
	margin:0;
}

.whitebox .s h3 {
	font-size:1.5em;
	border:none;
}
.whitebox p#updatedat {
	text-align:right;
	font-size:.9em;
	color:#8c8e8a;
}
#home .whitebox p#updatedat {
	display: none;
}



/* -----------------------------------*/
/* -- BREADCRUMBS <<<--------*/
/* -----------------------------------*/
ul#breadcrumbs {
	clear:both;
}
ul#breadcrumbs li {
	background: url( breadcrumb.gif) right 50% no-repeat;
	padding-left:0;
	padding-right:16px;
	float:left;
	margin-bottom:.2em;
}
ul#breadcrumbs li a {
/*	color: #65b8d6;*/
	color:#8c8e8a;
	background:transparent;
	border:none;
}
ul#breadcrumbs li a:hover {
	text-decoration:underline;
	top:0;
	left:0;
}
#home #breadcrumbs {
	display: none;
}

/* -----------------------------------*/
/* - SPONSORED DB <<<--------*/
/* -----------------------------------*/

form#sponsoreddb {
	margin-bottom: 1em;
}
form#sponsoreddb .formpiece {
	width: 200px;
	float: left;
	height: 60px;
}
form#sponsoreddb label {
	display:block;
	font-size: 1.3em;
	margin: 10px 0;
	font-weight: bold;
}
form#sponsoreddb input, form#sponsoreddb select {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: .2em;
	display: block;
}
form#sponsoreddb .submitform {
	clear: both;
}
form#sponsoreddb input.submit {
	margin-top: 1em;
	margin-right: 1em;
	display: inline;
	cursor: pointer;
}
form#sponsoreddb input.submit:hover {
	background-color: #ccc;
}

/* -----------------------------------*/
/* ---- SEARCH <<<-----------*/
/* -----------------------------------*/

form#search {
	padding: 4px 0;
}

form#search input.textfield {
	border: 1px solid #afafaf;
	color:  #777;
	padding: 4px;
	margin: 0;
	background-color: white;
	font-size: 1em;
	width: 260px;
	float: left;
}
form#search input#searchbutton {
	float: right;
}

p#fullsearch {
	clear: both;
	text-align: right;
	padding: 5px;
}

a.functionlink {
/*	position:relative;*/
	color: #44944C;
	background: #b1f3b8 url( link_green.gif) right 60% no-repeat;
	padding: 1px 10px 1px 2px;
	font-weight: bold;
	border-bottom: 1px solid #b8b7ad;
	border-right:1px solid #b8b7ad;
}
a.functionlink:hover {
	border-color: #44944C;
/*	position:relative;*/
/*	top:-1px;*/
/*	left:-1px;*/
}

/* -----------------------------------*/
/* ---- FOOTER <<<-----------*/
/* -----------------------------------*/


#footer { color:#FFFFFF;
	clear: both;
	font-size: 1em;
	text-align: center;
	background: #790000 url( bg_webservices.gif) top left repeat-x;
	padding: 12px 0 10px 0;
	margin: 0;
}
#footer a {
	background:none;
	padding:0;
	border:none;
	font-weight:normal;
	color:white;
}
#footer a:hover {
	top:0;
	left:0;
	text-decoration:underline;
}