/*
-------------------------------------------------------------
Core CSS file for UCS Renewable Energy Standards Toolkit

Filename:    stylesres.css
Version:     2007.mar 7, 2:48pm est
URL:         http://go.ucsusa.org/RES/refres/stylesresdb.css
Owner:       Union of Concerned Scientists
Author:      mixitproductions.com
-------------------------------------------------------------
*/

body {font-family: Verdana, Arial, Helvetica, Lucida, sans-serif; font-size: 11px; color: #463F37;}
td {
	font-family: Verdana, Arial, Helvetica, Lucida, sans-serif; 
	font-size: 10px; 
	line-height: 200%; 
	}
h1 {font-size: 14px; line-height: 180%; margin-top: 6px;}
h2 {font-size: 14px; margin-bottom: 0;}
h3 {font-size: 12px; margin-bottom: 0;}
h4 {font-size: 11px; margin-bottom: 0;}
p  {font-size: 11px; margin-top: 3px;}
ul {font-size: 11px;}


/* ----------------------------------------------------------- */	
/* RES HEADER */		
#titlebarlanding {background-color:#011028; background-image:url(../pixres/header_res_landing.jpg); background-repeat:no-repeat; color:#FFFFFF; }
#titlebarlanding h1 {font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-size:22px; line-height:normal; margin: 32px 22px 0;}
#titlebarlanding p {width: 500px; font-size:12px; line-height:18px; margin: 0 22px 24px; color:#FFFFFF;}
#moreinfo {padding: 5px;}
#moreinfo a {color:#C8D7F8; text-decoration: none;}
#moreinfo a:hover {color:#fff; text-decoration: none;}

#titlebar {background-color:#011028; background-image:url(../pixres/header_res.jpg); height:97px; background-repeat:no-repeat;  color:#FFFFFF; }
#titlebar h1 {line-height:normal; margin: 25px 20px 0; color:#FFFFFF;}
#titlebar a {font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#FFFFFF; text-decoration: none;}
#titlebar p {width: 500px; font-size:12px; line-height:18px; margin: 0 20px 10px; color:#FFFFFF;}




/* ----------------------------------------------------------- */	
/* MAIN NAVIGATION */

/* sets top table height, width, colors */
#tdrestopleft {text-align:center; background-color:#7D8681; width:396px;}
#tdrestopright {text-align:center; background-color:#394568; width:396px;}

/* label left */

#reslabelleft{
	padding: 0 0 0 0;
	width: 100%;
	color:#EEF4F0;
	font-size:10px;
	font-weight:bold;
	height: 20px;
	background: transparent;
	}

#reslabelleft ul{
	list-style:none;
	}

#reslabelleft li{
	display:inline;
	}

/* label right */

#reslabelright{
	padding: 0 0 0 0;
	width: 100%;
	color:#C9DCFD;
	font-size:10px;
	font-weight:bold;
	height: 20px;
	background: transparent;
	}

#reslabelright ul{
	list-style:none;
	}

#reslabelright li{
	display:inline;
	}


/* navigation left 283584 */

#resnavleft{
	padding: 0;
	width: 100%;
	height: 20px;
	background-color:#ACBCA1;
	text-transform:uppercase;
	}

	#resnavleft ul{
	margin:0;
	padding:0;
	list-style:none;
	}

	#resnavleft li{
	display:inline;
	margin:0 13px 0 0;
	padding:0;
	color:#5C6455;
	}

	#resnavleft a{
	color:#6E6E6E;
	font-size:9px;
	text-decoration: none;
	}
	
	#resnavleft a:hover{
	color:#fff;
	text-decoration: none;
	}

/* navigation right */

#resnavright{
	padding: 0;
	width: 100%;
	height: 20px;
	background-color:#7C8FC4;
	text-transform:uppercase;
	}

	#resnavright ul{
	margin:0;
	padding:0;
	list-style:none;
	}

	#resnavright li{
	display:inline;
	margin:0 13px 0 0;
	padding:0;
	}

	#resnavright a{
	color:#3C446B;
	font-size:9px;
	text-decoration: none;
	}
	
	#resnavright a:hover{
	color:#fff;
	text-decoration: none;
	}



/* ----------------------------------------------------------- */	
/* LINKS */	
/* default links */	
a:link, a:visited  { 
	font-weight:bold;
	text-decoration: none;
	font-size: 10px;
	color: #3C4EBE; 
	}
	a:link:hover, a:visited:hover {	color: #283584;	text-decoration: none;}

/* title link */	
a.title:link, a.title:visited  { 
	font-size: 18px; 
	color: #B9CAF6;
	text-decoration: none;
	}
	a.title:link:hover, a.title:visited:hover {	color: #83A3F6; text-decoration: none;}

/* 'what is this' link */	
a.what:link, a.what:visited  { 
	font-weight:normal;
	font-style: italic;
	text-decoration: none;
	font-size: 9px;
	}

/* extra wide table links */	
a.tabwide:link, a.tabwide:visited  { 
	font-weight:bold;
	text-decoration: none;
	font-size: 8px;
	}

a.tabcomwide:link, a.tabwide:visited  { 
	font-weight:bold;
	text-decoration: none;
	font-size: 10px;
	}

a.resfoot:link, a.resfoot:visited {font-size: small; color: #003366; font-weight: normal;}
a.resfoot:hover, a.resfoot:active {text-decoration: underline;}


/* ----------------------------------------------------------- */	
/* CONTENT TABLE AND TDS */	

/* homepage content tds */	
#contentleft_home {width: 396px; background-color: #EEF3EC; padding-bottom: 25px;}
#contentright_home {width: 396px; background-color: #C8D7F8; padding-bottom: 25px;}

#contentleft_search {background-color: #C8D7F8; padding: 10px;}
#contentleft_search h1 {color:#6C7CAB; margin-bottom:1px;}
#contentright_search {width: 396px; background-color: #C8D7F8; padding-top: 10px; padding-bottom: 25px;}
#contentright_search h1 {color:#6C7CAB; margin-bottom:1px;}

#content_overview {background-color: #DDE9D5; padding: 10px;}
#content_overview img {margin-left:20px;}
#content_overview h1 {line-height:20px; padding-bottom:5px;}

#contentright {background-color: #C8D7F8; padding-bottom: 25px;}

#contentright01 {background-color: #FFF; padding: 15px 10px 25px 10px; font-size:11px;}
#contentright01 li {font-size:11px;}
#contentright02 {background-color: #FFF; padding: 15px 10px 25px 10px;}
#contentright03 {background-color: #FFF; padding: 15px 10px 25px 10px;}

#content_resultstandards {background-color: #FFF; padding: 15px 10px 25px 10px;}
#content_resultpractices {background-color: #FFF; padding: 15px 10px 25px 10px;}
#content_resultlanguage {background-color: #FFF; padding: 15px 10px 25px 10px;}


	
/* ----------------------------------------------------------- */	

/* bottom menu and description 	*/
#desbot {
	background-color:#999999;
	padding: 10px 20px;
	line-height: 110%;
	}

#resnavbot {
	text-align:center;
	padding: 2px 0;
	border-top: solid 1px #aaa;
	width: 100%;
	background-color: #C6C4C5;
	}
	
#tdresfoot {line-height: normal;}
#tdresfoot a:link {font-size: small; color: #003366; font-weight: normal;}
#tdresfoot a:visited {font-size: small; color: #003366; font-weight: normal;}
#tdresfoot a:hover {text-decoration: underline;}
#tdresfoot a:active {text-decoration: underline;}

	
/* ----------------------------------------------------------- */	
/* SEARCH RESULTS TITLING */
/* topic definition - standard version with rule at bottom */
.subdef {
	margin-top: 10px; 
	margin-bottom: 0;
	padding-top:2px; 
	padding-bottom:2px; 
	font-style: italic; 
	font-weight: bold; 
	font-size: 11px; 
	color: #5B6054;
	border-top: 1px solid ;
	border-bottom: 1px solid;
	}


/* ----------------------------------------------------------- */	
/* DATA TABLES */
/* regular data table */
.tdstate {width: 85px; font-weight: bold;}
.tddatahead {font-weight: bold;}
.tddata {width: 670px;}

/* wide data table */
.tdwide_state {
	font-size: 11px; 
	font-weight: bold; 
	text-align: center; 
	line-height: 100%; 
	padding: 5px 3px 5px 3px; 
	background-color: #D4E9FF; 
	border: 1px solid #999;
	}
.tdwide_datahead {
	font-size: 9px; 
	font-weight: bold; 
	line-height: 100%; 
	padding:2px 0; 
	background-color:#eee; 
	border: 1px solid #999;
	}
.tdwide_data {
	font-size: 10px; 
	font-weight: bold;
	text-align: center; 
	line-height: 100%; 
	padding:0; 
	border: 1px solid #999;
	}
.tdwide_comments {
	font-size: 9px; 
	font-weight: bold; 
	text-align: center; 
	line-height: 100%; 
	padding: 0; 
	background-color: #D4E9FF; 
	border: 1px solid #999;
	}

.grouphead {font-weight:bold; font-size: 11px; padding-top: 16px;}

/* ----------------------------------------------------------- */	
/* FORMS */
.homesearch {font-size: 10px; line-height: 120%; margin-top:22px;}

/* dropdowns */	
select.topics {width: 270px; color:#454545; font-size: 9px;}

/* submit button  */
.subtan {
	background: #C8D7F8;
	color:#FFF;
	width: 43px;
	height: 20px;
	border: 0;
	vertical-align: middle;
	} */

/* what button  */
.whatbut {
	background: #C8D7F8;
	color:#FFF;
	width: 43px;
	height: 20px;
	border: 0;
	vertical-align: middle;
	text-align:right;
	} */