/* General Elements */
BODY  {
	background-color : #fff;
	font-size :.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	color : #000;
	margin:0;
	padding:0;
	border:0;
	padding-bottom:25px;
	min-width: 991px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */

}

/* Page structure */	
#wrapper {
width: 991px;
margin:0 auto;
}

/* Blue line illustration in EERE header.  */
#eereheader {
	margin:0;
	padding:0;
	width:100%;
	position:relative;
}

#eerehome {	
	position: absolute;
	top: auto;
	bottom: 0;
	right:0;
	left:auto;
	}

/*#blueline {
	background-image : url(/wip/images/eere_head_2.gif);
	background-repeat : no-repeat;
	background-color: #FFF;
	width:450px;
	height:67px;
	position:absolute;
	top:0;
	right:auto;
	left:367px;
	bottom:auto;
}*/

#programheader {width:100%;background-color:#61C000; }
#topnav {background-color:#006; width:100%;border:0;padding:0;margin:2px 0 0 0;font-size: 0.1em; }


/* HOME PAGE STYLES*/
body#home #searchbox {float:none; display:block;}
body#home #rightcol {float:none; display:block;margin:0; padding:0;border-top:1px solid #006; border-right:1px solid #ccc; width:249px }
body#home #rightcolcontainer {float:left; width:250px; margin:0 -250px 0 0; padding:0; position:relative;}
body#home #container {padding-right:250px;padding-left:0;}
/*body#home #content {float:left; padding:90px 0 0 0; margin:0; display:inline; background-image:url(/wip/images/hp_photo_head.jpg); background-repeat:no-repeat; width:739px;  border-left:1px solid #ccc;}*/
body#home #column-left {float:left; padding:10px 10px 10px 15px;margin:0;display:inline; width:179px; }
body#home #column-middle { float:right; padding:10px 20px 10px 14px;display:inline;margin:0; width:500px;border-left:1px solid #ccc;}
body#home #hp_program_graphics img {display:block; margin:10px 0;}
body#home #quicklinks {margin:15px auto;}
body#home div.bluebutton {margin:12px auto; width:160px;}

#header { border-bottom:1px solid #ccc;}

/*#header_guide { background-image:url(/wip/guide/images/subsite_photo_head.jpg); background-repeat:no-repeat; background-color:#fff;}*/

#header_guide .header {display:block;margin:0;padding:0;}

/*#leftcolumnborders {border-left: 1px solid #ccc;background-image:url(/wip/images/faux_col_bgrnd.gif); background-repeat:repeat-y;height:100%;display: table;}*/

/* Center content */
#center { 
	float:left;
	padding:0;  /* CC padding */
	width:813px;
	margin-left: 177px;
	}
* html #center { display:inline;}	

#content {padding-top: 10px; padding-bottom:15px; padding-left:20px; overflow:visible;}


.threecol {padding-right:270px;}
.twocol {padding-right:50px;}	

* html #content.threecol { height: 1%; padding-right:0;}	
* html #content.twocol { height: 1%; padding-right:0;}	


/* Left Navigation */
#navcontainer {
	width:177px;  /* LC width */
	float:left;
	margin-left:-990px;
	padding:0 0 5px 0;  /* LC padding */
	font-size:.85em;
}

#navcontainer ul, #navcontainer ul.navhome {
	margin:0;
	padding:2px 0 2px 0;
	border-bottom:1px solid #ccc;
	list-style:none;
	}
	
#navcontainer ul ul, #navcontainer ul ul ul {
	padding:0;
	border-bottom:0;
	margin:0;
	}	

#navcontainer li {
	display: inline;
	}	
	
#navcontainer ul li a {
	display:block;	
	background-color:#fff;
	border:1px solid #fff;
	color: #006; 
	width:160px;
	padding:0 6px;
	text-decoration:none;
	font-weight:bold;
	padding:3px 2px 3px 6px;
	margin: 0 3px 0 3px;
	}

#navcontainer ul li a:hover  {
	background-color:#eee;
	border:1px solid #ccc;
	}
	
#navcontainer ul ul li a {
	width:156px;
	padding:2px 2px 2px 10px;
	font-weight: normal;
	
	}	
	
/*#navcontainer ul ul ul li a {
	width:146px;
	padding:3px 2px 3px 20px;
	font-weight:normal;
	background:url(/wip/images/ln_thirdlvl_dash.gif) no-repeat 10px .9em;
	}
*/

	
/* selected states */
#navcontainer ul li a#current {
 background-color:#eee;
 border:1px solid #ccc;
 }	

/* Guide to Tribal Energy Development Home 
#navcontainer ul.navhome li a {
	width:146px;
	padding:3px 2px 3px 20px;
	font-weight:normal;
	background:url(/wip/images/ln_back_arrow.gif) no-repeat 10px .6em;
	}*/


/* Quick Links */
#quicklinks { width:155px;
	position:relative;
	color:#000;
	background-color: #f1f1f1;
	border:1px solid #ccc;
	padding:8px;
	margin:15px;
}

#quicklinks h3 {color:#006; margin:0; font-size: 1em;}
#quicklinks ul {margin-left:18px;margin-top:6px;padding:0;}
#quicklinks li {margin-bottom:0.5em;
	list-style-type: disc;
	color:#CCC;  font-size: 90%}
#quicklinks li A:hover { color: #900;
text-decoration : none; } 
#quicklinks li :link, #quicklinks li :visited {
	color : #006;
	text-decoration : none; 
	}


.ln_bluebutton {width:160px; margin:12px auto;}

/* Printable versions */
#printabletop {font-size:.85em;padding:0 10px 0 0; text-align:right;}
#printable {font-size:.85em;margin-top:12px;}
#print_header {width:600px; margin:0 auto;}


#anchorlist li {
margin-top:0;
margin-bottom: 0;
margin-left:-20px;
}



/* Search box */
#searchbox {
background-color:#006;
padding:0 0 3px 8px;
margin:0; 
width:243px;
display:inline;
float:right;
min-height: 49px;
}

* html #searchbox {height:49px;}

#searchbox form, #searchbox img {margin:0;padding:0;border:0;}
#searchbox input {background-color:#FFF;margin:0;padding:0;}

#searchbox p {
	color: yellow; 
	text-decoration: none;
	margin: 0;
	font-size: .85em; 
	padding:0;
}

#searchbox p A:hover { color: yellow; } 

#searchbox p :link, #searchbox p :visited {
	color: white; 
	text-decoration: none; }

#searchbox label, #searchoptions label {position:absolute;
left:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden;}




/* Right column  */
#rightcol {
	float:right;
	width:249px; /* RC width */
	border-left:1px solid #CCC; 
	border-right:1px solid #ccc;
	background-color:#FFF; 
	margin:0 0 0 10px;
	padding:0;
	display:inline;
	}

/* Site Utilities */
#siteutils, .rightcolgroup {border-bottom:1px solid #CCC; padding:0;margin:0;background-color:#FFF; width:249px;}

#siteutils p {
	font-size : .85em;
	color : #900;
	margin-top: 5px;
	margin-bottom: 7px;
	padding-left:10px; 
	}

#siteutils p A:hover { color: #900;
text-decoration : none; } 

#siteutils p :link, #siteutils p :visited {
	text-decoration : none;
	color : #006; }

/* News */ 
.rightcolgroup p.headline
{
	color : #006;
	margin: 5px 0 0 0;
	padding:0 10px 0 20px;
	font-size: 90%;
}

.rightcolgroup p.headline A:hover { color: #900;
text-decoration : none; } 

.rightcolgroup p.headline :link, p.headline :visited {
	color : #006;
	text-decoration : none; }
	
.rightcolgroup img.floatleft
{
	padding: 3px 10px 5px 20px;
	margin:0;
}

.rightcolgroup p.reader
{
	color : #006;
	margin: 0 0 6px 20px;
	font-size: 85%;
	margin-top:0;
	clear:both;
	padding-top:6px;
	}
	
.rightcolgroup p.reader A:hover { color: #900;
text-decoration : none; } 

.rightcolgroup p.reader :link, p.reader :visited {
	color : #006;
	text-decoration : none; 
	
	}

.rightcolgroup p.date {
	color:#666; 
	margin: 0 0 7px 0;
	padding-left:20px;
	font-size: 85%; }

.rightcolgroup p.more  {
	color : #006;
	margin: 5px 0 7px 0;
	padding-right:10px;
	text-align:right; 	}

.rightcolgroup p.more A:hover { color: #900;
text-decoration : none; } 

.rightcolgroup p.more :link, p.more :visited {
	color : #006;
	text-decoration : none;
}

.rightcolgroup h3 {
font-size: 90%;
font-weight:bold;
	margin: 10px 0 0 0;
	padding-left:20px; 
	color:#666;
}


.rightcolgroup p.learnmorelink {
font-size: 85%;
	margin: 0 0 10px 0;
	padding-left:20px; 
}

.rightcolgroup p.learnmorelink A:hover { color: #900;
text-decoration : none; } 

.rightcolgroup p.learnmorelink :link, p.learnmorelink :visited {
	color:#006;
	text-decoration : none; 
	}


.date
{
	color: 000000; 
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 80%;
	font-family : Verdana, Arial, Helvetica;
	font-weight : normal;
}

/* Events */
.events_sort_cell 
{
  font-size: 83%;
  background-color: #eeeeee;
  border-color:#cccccc;
  font-weight:bold;
}

.events_text_cell 
{
  font-size: 90%;
}



/* Features */

#features img {display:block; margin:0 0 3px 0;padding:0; border:0; width:249px; }
#features img.head { margin:0;}

/* Data Tables */
table.data	{	border-top : 1px solid #CCC;
			border-left : 1px solid #CCC; font-size:.95em; margin-bottom:12px;}

caption {font-size: .9em; font-weight:bold;}

table.data td	{	border-right : 1px solid #CCC;
			border-bottom : 1px solid #CCC; 
			}

tr.grey	{	background-color:#EEE;}

table.data th	{	
			border-right : 1px solid #CCC;
			border-bottom : 1px solid #CCC; 
			}

/* projects Tables */
table.projects td.caption {background-color:#ccc; font-size:1.2em; padding:5px; color: #000066; background-color:#ddd;margin:0; font-weight:bold; text-align:center; border-bottom:none;}

table.projects	{	
			border-top:0; border-left:0; margin: 5px 0 10px 10px; background-color:#f4f4f4; font-size:.85em; width:365px; float:right;}
table.projects td	{	
			border-bottom : 1px solid #CCC; 
			text-align:left;
			padding:5px;
			margin-bottom:5px;}

table.projects tr.grey	{	background-color:#EEE;}

table.projects th	{	
			border-right : 1px solid #CCC;
			border-bottom : 1px solid #CCC; 
			text-align:right;
			padding:5px;
			margin-bottom:5px;}
 
table.projects th.left, table.projects td.left	{	
text-align:left;
}

table.clear td, table.clear th { border:0;margin:0; padding:0 0 1px 0;}
table.clear th {text-align:left;}
table.clear td {text-align:right; padding-left:5px;}

/*  Forms */
form {margin:0;}
textarea {font-family:Arial, Helvetica, sans-serif;}

/* Footer */
#footer {
	padding-top:24px; clear:both;
}

#footer p {
	font-size : .92em;
	margin:3px;
	text-align: center;
}

#footer p.eere {
	background-color:#666;
	color:#fff;
	padding:6px 0;
	
}



P  {
	text-align: left;
	margin-top:0;
}

B, strong  {
	font-weight : bold;
}

I, em { font-style:italic; }

SUB { 
	font-size: smaller;
	vertical-align: sub; 
	line-height: 1px;
}

sup {
		font-size: smaller; 
		vertical-align: super; 
		line-height: 1px;}

UL, OL  {
	margin-bottom:12px;
	margin-top:0;
}

DT, DD, LI  {
	margin-bottom:0;
}

DD {margin-bottom: 12px;}
DT {font-weight:bold;}

hr { 
	color: #CCC; 
}

/* Links */
A:link {color:#006;}
A:visited {color:#900;}
/*A:ACTIVE, A:HOVER*/

/* Titles */
H1 { 
	font-size :1.4em;
	font-weight : bold;
	color : #900;
	margin: 12px 0 0 0;

}
 
H2  {
	font-size :1.1em;
	font-weight : bold;
	color:#900 ;
	margin: 0;

}

h2 a:link {text-decoration:none;color:#900;}
h2 a:visited {text-decoration:none;color:#900;}
h2 a:hover {text-decoration:underline;color:#006;}

H3  {
	font-weight : bold;
	margin: 0;
	font-size:1em;
}

H4  {
	color : #4E4E4E;
	font-weight : bold;
	margin: 0;
	font-size:1em;
}

H5 {
	font-size:1em;
	font-style:italic;
	font-weight:bold;
	margin:0;
	color : #4E4E4E;
	}
	
H6 {
	font-size:1em;
	font-style: italic;
	font-weight:normal;
	margin:0;
	}	

/* Generic */
.small { font-size: .7em; }
.med { font-size: .8em; }
.reg { font-size: 1em; }
	
.notop
{
	margin-top: 0;
}

.nobottom
{
	margin-bottom: 0;
}

.nomargin
{
margin: 0;
}

/* Back to Top Anchor Link */
.backtotop {
text-align: right;
font-size :.8em;
}
.backtotop A:hover { 
color: #900;
} 
.backtotop :link, .backtotop :visited {
color : #006;
}





/* BOXES */
/* main box code, the same for all boxes, do NOT change */
/* gray background w/ gray border - override the classes marked "background" */
.boxtop, .boxbottom {display:block;background:transparent;font-size:1px;}
.boxb1, .boxb2, .boxb3, .boxb4 {display:block;overflow:hidden;}
.boxb1, .boxb2, .boxb3 {height:1px;}
.boxb2, .boxb3, .boxb4 {background:#eee;border-left:1px solid #ccc;border-right:1px solid #ccc;} /* background */
.boxb1 {margin:0 5px;background:#ccc;}
.boxb2 {margin:0 3px;border-width:0 2px;}
.boxb3 {margin:0 2px;}
.boxb4 {height:2px; margin:0 1px;}
.boxmiddle {display:block;background:#eee;border:0 solid #ccc;border-width:0 1px;text-align:left;} /* background */
/* classes to control padding and alignment -- use inline style to change other treatments */
.boxcontent {background:transparent;margin:0 6px 0 10px;}
.boxcontent p, .boxcontent ul, .boxcontent ol, .boxcontent dl {padding-bottom:6px;margin:0;}
.boxcontent blockquote {padding:6px 6px 6px 14px;margin:0;}
.boxcontent li {margin-left:-24px;}
/* IE HACKs - keeps the bullet items lined up with the left margin */
* html .boxcontent li {margin-left:18px;} /*IE6*/  *+html .boxcontent li {margin-left:18px;} /*IE7*/

#callout_box {width:30%;float:right;margin-top:8px;margin-bottom:8px;} /* default width & float -- use inline style to change  */

.callout {  width:200px;
 color:#000;
 background-color: #f1f1f1;
 border:1px solid #ccc;
 padding:8px;
 margin:15px 0 15px 15px;
 float:right; 
 position:relative;
 }
 
 .calloutwide {  width:100%;
 color:#000;
 background-color: #f1f1f1;
 border:1px solid #ccc;
 padding:8px;
 margin:15px;
 }

.hide {position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;

}

/*Images */
img { border:0;}	
img.border { border:1px solid #999;}	
.floatright {float: right; position: relative; margin: 2px 0 10px 10px;}
.floatleft {float: left; position: relative; margin: 2px 5px 10px 0;}

p.caption {
	font-size : .85em;
	margin-top: 0;
}

.reddot
{
 font-size : 8pt;
 font-family : Verdana, Arial, Helvetica;
 font-weight : normal;
 color : red;
 margin-top: 5px;
 margin-bottom: 0;
}

img.arrowicon {
	float:none; 
	padding: 0 0 0 3px; 
	vertical-align:middle;
}