/**CARTER ENERGY BASE STYLES
 * Russell Madsen
 * 12/31/2009
 * 
 * COLORS
 *   Blue  : 4C5CC5
 *   Green : A4AD00
 *   White : ffffff 
 * 
 * CONTENT WIDTH: 900px
**/

/** Eric Myer RESET **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body 
	{line-height: 1;}
ol, ul 
	{list-style: none;}
blockquote, q 
	{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after 
	{content: '';content: none;}
* :focus 
	{ outline: 0; }
ins
	{text-decoration: none;}
del 
	{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table 
	{border-collapse: collapse;	border-spacing: 0;}

/* Misc Resets */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* PLUG-IN Styles*/
/*thickbox*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #fff;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#fff;
}
#TB_window a:link {color: #fff;}
#TB_window a:visited {color: #fff;}
#TB_window a:hover {color: #ccc;}
#TB_window a:active {color: #fff;}
#TB_window a:focus{color: #fff;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay 
	{ position: fixed;  z-index:100;  top: 0px;  left: 0px;  height:100%;  width:100%;}
.TB_overlayMacFFBGHack 
	{background: url(macFFBgHack.png) repeat;}
.TB_overlayBG 
	{
	background-color:#000;
	filter:alpha(opacity=75);  -moz-opacity: 0.75;  opacity: 0.75;
	}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;  background: transparent;  z-index: 102;  color:#000000;  display:none;  border: 0px solid #525252;  text-align:left;  top:50%;  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;  margin: 0;  border:0 solid transparent;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
    color:#fff;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
  display:none;
}
#TB_title{
  background-color:trasparent;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:0;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
  position:relative;
}
#TB_ajaxContent.TB_modal{
  padding:0px;
}
#TB_ajaxContent p{
  padding:0px;
}
#TB_load{
  position: fixed;  display:none;  height:13px;  width:208px;  z-index:103;  top: 50%;  left: 50%;  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;  position:fixed;  top: 0;  left: 0;  background-color:#fff;  border:none;  height:100%;  width:100%;
  filter:alpha(opacity=0);  -moz-opacity: 0; opacity: 0;  
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

TB_ajaxWindowTitle{display:none!important;}



/* Project Styles*/
* {font-family:sans-serif;}

html, body, .col3
		{ background:#4c5cc5 url(../img/bg-site.png) repeat 0 0; }
		
html, body
	{ color: #fff; font-size: 1.0em; text-align:center; }
	
/*== misc elements ==*/
	strong
		{ color: #A4AD00; font-style:normal; font-size:1.4em; display:block;text-transform:uppercase;text-shadow:0px 0px 2px #323C82; }
	sup
		{ line-height:5px;font-size:10px;vertical-align:top; }	
	b
		{ font-size:1.2em;font-weight:700;text-transform:uppercase; }
	
	.hidden 
		{ display:none!important; }
	.italic 
		{ font-style:italic;}
	
	.overlay-loading
		{ background:#5e6ece url(../img/loading.gif) no-repeat center center; filter:alpha(opacity=90); -moz-opacity:.90; -khtml-opacity:.90; opacity:.90; }
	
	/*== Site Messages (error messages, success, etc...) ==*/	
	.msg 
		{color: #A4AD00!important;font-weight:bold;}	
	.error 
		{ color:red!important; font-weight:bold; }
	.greenBorder
		{ border:4px solid #A4AD00!important; }
	#frm-contact label.error
		{ color:#b3f1ff!important;}
		
	em.error, em.msg
		{ font-size:1.8em; display:block; text-align:center; text-shadow: 0px 0px 2px #111; }	
		
	input.invalid, select.invalid, textarea.invalid 
		{ border-color:red!important;}
		
	label.invalid, strong.invalid 
		{ color:red!important; }
	
	.separator
		{ height:1px; clear:all; border-bottom:1px dashed #ddd; margin:10px 0; }
	
	.numberlist, .nuberlist li
		{ list-style: decimal!important; float:none; margin-left:30px;}
		
	.nubmerlist li
		{ padding-left:40px!important; }
	
/*== LINK STYLES ==*/
	a
		{ border-bottom:1px dashed transparent; color:#fff; font-weight:bold; font-size:1.15em; text-decoration:none; }
	a:hover
		{ border-bottom:1px dashed #fff;}
	#content a:hover 
		{ border-bottom:1px dashed #fff;}
	
/*== PDF LINK STYLE ==*/
	a.pdf_link
		{ background: transparent url(../img/pdf_icon.png) no-repeat 0 0; display:block; font-size:1px; height:50px; overflow:hidden; text-indent:-555px; width:50px;
		/*browser specific*/
		filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5;
		}	
	a.pdf_link:hover
		{ border-width:0!important; opacity:1;
		  /*browser specific*/
		  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
		}	
	a.pdf_link2
		{ background: transparent url(../img/pdf_icon.png) no-repeat 0 0; display:block; font-size:1em; height:50px; line-height:50px; margin-top:10px; overflow:visible; text-indent:0px; padding-left:50px;
		/*browser specific*/
		filter:alpha(opacity=75); -moz-opacity:.75; -khtml-opacity:.75; opacity:.75;
		}
	a.pdf_link2:hover
		{ border-color:transparent!important;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
	.mainPDF
		{ float:left; margin-left:-55px; }
	
	
/*== site header ==*/
/*header and footer general styles*/
#header .wrapper, #content .wrapper, #footer .wrapper,
#footer .overlay1, #footer .overlay1a, #footer .overlay2, #footer .overlay2a 
	{margin:0 auto;position:relative;text-align:left;width: 900px;}
	
#header 
	{ background-color: #A4AD00; position:relative; z-index:10000; }

	#logo 
		{ background:transparent none;left:100px;position: absolute;top:0;z-index: 5; }
		
		#logo h1
			{background: transparent url(../img/50th_logo.png) no-repeat 0 0; display:block; height:186px; overflow:hidden; text-align:center; width:200px;}
		#logo h1 a
			{background:transparent none; display:block; height:152px; margin:0 auto; overflow:hidden; text-indent:-555px; width:145px;}		
		#logo h1 a:hover
			{ border-bottom:transparent solid 1px;}
/*== Site Nav ==*/
#nav 
	{ position:relative; height:25px; font-size:12px; }
	
	#nav .sponsors 
		{ left:10px;position:absolute;top:4px; }
		
	#nav ul 
		{ position:absolute; right:0; top:2px; }
		
	#nav ul li 
		{ border-right:1px solid #fff; float:left; padding:0 8px; }
		
	#nav ul li.last 
		{ border-width:0;}
		
	#nav a 
		{ border-color:transparent!important;display:block; font-size:12px; font-family:sans-serif; height:20px; line-height:20px; text-transform:uppercase; width:auto;	}
	#nav a:hover
		{border-width:0!important;}
		

/*== general styles for the site's content area ==*/	
#content 
	{ background-color: transparent; font-size: .75em; line-height:1.4em; }
	
	#content .submit 
		{
		background-color:#fff; border-width:0; display:inline; font-size:1.4em; padding:5px 10px; padding:5px 10px; text-transform:uppercase;
		/* css 3 \ browser specific */
		 -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
		}
		 
	#content h2
		{ color:#fff;font-size:2.5em;line-height:1.75em; }
		
	#content h3 
		{ color:#fff; display:block; font-size:1.4em; font-weight:normal; line-height:1.55em; letter-spacing:.1em; padding:0 0 10px;text-transform:uppercase; }

	#content p 
		{ padding:0 0 20px; }
		
	#content ul
		{ padding:0 0 20px; }
		
	#content .seperator 
		{ background-color:#999; font-size:1px; height:2px; margin:0 0 20px 0; width:100%; }
	
	#content .readmore 
		{ cursor:pointer;display:block;float:right;margin-bottom:10px;margin-top:5px;}
	
	#content .col1, #content .col2 
		{ float:left; }
		
	#content .col1 
		{ margin:0 20px; padding-top:150px; width:410px;}
		
	#content .col2 
		{ margin:0 0 0 50px; padding-top:50px; width:400px; }
	
	#content .col4
		{margin:0; padding:10px 0 0 300px;}
	
	#content .col_lesson
		{ padding-top:150px; position:relative; z-index:2; }
		
	#content .row_lesson
		{ left:0; padding-left:350px; position:absolute; top:35px; z-index:0; width:500px; }
		
	#content .evencols
		{ margin:0 0 0 20px; padding-top:242px; }
	#content .evencols2
		{ margin:0 0 0 20px; padding-top:225px; }
		
	#content .floatL 
		{ float:left; margin:0 10px 5px 0; }
		
	#content .section 
		{ padding-left:55px; }
	
/*== special box is a rounded corner box ==*/
.specialBox 
	{ background:transparent none;color:#333;margin-bottom:20px;position:relative; }
	
	.specialBox .top
		{ background: transparent url('../img/bg_top-specialBox.png') no-repeat bottom left; height:10px;}
	
	.specialBox .bottom 
		{ background: transparent url('../img/bg_bottom-specialBox.png') no-repeat bottom left; height:10px;}

	.specialBox .wrapper 
		{ background: #d4d4d4 none;padding:0 10px;width:380px!important;}
	
	.specialBox h3 
		{ color:#4C60B0;padding-bottom:0;padding-left:10px;}
	
	.specialBox strong
		{ color:#333; text-shadow: none; }
		
	.specialBox p 
		{ font-size:.9em; }
	.specialBox p 
		{	color:#000!important; } 
	.specialBox a
		{ color:#5e6ece!important; }	
		
	.specialBox a:hover
		{ border-color:#333!important; }	
		
	.specialBox .pdf_link
		{ bottom:5px; position:absolute; right:10px; z-index:1;}
		
	.specialBox .pdf_link, .specialBox .pdf_link2
		{ border-width:0!important; border-color:transparent!important;}
		
	.specialBox .pdf_link2
		{ color:#000!important;  border-color:transparent!important}

	
.initField
	{ color:#999;}


/*== Sponsors ==*/
#sponsorsBox h4
	{ color:#5E6ECE; font-size:1.6em; line-height:1.6em; text-align:center; width:100%; }
#sponsorsBox h5
	{ color:#5e6ece; font-size:1.2em;}
#sponsorsBox .wrapper div
	{ display:inline-block; text-align:center;}
#sponsorsBox a
	{ color:#555!important; text-align:center;}
#sponsorsBox a:hover
	{ border-width:0; color:#5e6ece!important;}
	
.sponsorsLinks, .sponsorsLinks2
	{ margin-bottom:20px; width:100%;}
		
.sponsorsLinks
	{ text-align:center;}
	.sponsorsLinks .wrapper div
		{ display:inline-block; text-align:center; margin-left:20px; }
	.sponsorsLinks a
		{ font-size:12px; }
	.sponsorsLinks a img
		{display:block;}
		
.sponsorsLinks2
	{ text-align:center;}
	.sponsorsLinks2 div
		{ display:inline-block; float:left; text-align:center;font-size:10px; margin-left:20px; width:100px; }
	.sponsorsLinks2 a img
		{display:block; width:100px;}
#pages
	{ display:block; overflow:hidden; }
#page_control
	{ display:none; }
#page_control a
	{ margin:0 10px 0 0; padding-left:20px; position:relative; }
#page_control a img
	{ left:0; position:absolute; top:2px;}
#page_control a.next
	{ margin:0 0 0 10px; padding:0 20px 0 0;}
#page_control a.next img
	{ left:auto; right:0;}
		
/*== classroom.php ==*/
	.expand, .hiddenList-target, #projectDetails-target
		{ background:transparent url(../img/plus.png) no-repeat;  padding-left:20px;}
		
	.contract
		{ background:transparent url(../img/minus.png) no-repeat!important;  padding-left:20px;}
		
	.hiddenList-target
		{ border-bottom:1px solid transparent; cursor:pointer; font-size:1.3em; font-weight:400; margin-bottom:20px; }
		
	.hiddenList
		{ margin-bottom:20px; display:none;}
		
		.hiddenList li
			{ list-style:disc; list-style-position:inside; margin-left:10px; }
				
		.hiddenList li a
			{ line-height:1.2em;font-weight:400!important; }
	
	#projectDetails-target 
		{ cursor: pointer; font-size:1.2em; font-weight:700;}
	#projectDetails 
		{display:none; padding:20px;}

/*== contact.php ==*/
#frm-contact
	{ margin:25px auto 0 auto; text-align:left; width:600px; }
	
	#frm-contact #contactInfo ul
		{float:left;}
		
	#frm-contact ul li
		{ margin:0 0 10px; }
		
	#frm-contact #contactInfo ul li
		{ width:250px; }
	
	#frm-contact label 
		{display:block;font-weight:700;}
		
	#frm-contact input, #frm-contact select, #frm-contact textarea
		{border:1px solid #666;font-size:1.1em;padding:2px 10px;
		-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
		}	
	#frm-contact input 
		{  width:250px;	}
	
	#frm-contact select{}
	
	#frm-contact textarea
		{ height:75px; width:300px; }
	
	#frm-contact #contactQuestions li
		{text-align:center;}
	#frm-contact .submit
		{ font-weight:700;margin-top:20px;width:auto;}

/*== interactive page for fossil to tank ==*/
#rotator-container
	{ position:relative; margin:0 auto; width:auto;}
	
#fossiltotank-rotator 
	{ height:489px; margin:0 auto; position:relative; top:20px; overflow:hidden; width:380px; }
	
#fossiltotank-rotator #wrap
	{ display:block; height:900px; left;0; position:relative; width:2500px; top:-510px; }
	
	#fossiltotank-rotator img
		{ position:absolute; }
	#rotator-container a
		{ position:absolute; top:0}
	#rotator-container a#next
		{ right:0; }
	#rotator-container a#prev
		{ left:0; }
		
/*== interactive page for timeline ==*/		
	#timeline-accordion dt
		{ cursor:pointer; font-size:2.0em; font-weight:700; line-height:2.0em; }
	#timeline-accordion dt:hover
		{ color:#A4AD00; }
	#timeline-accordion dt sup
		{ font-size:1.0em; font-weight:700; line-height:1.0em; }		
	#timeline-accordion li
		{ padding-left:100px; height:100px; list-style:none;}
	#timeline-accordion li span
		{ display:block; padding-top:20px;}
	#timeline-accordion li span.date
		{ font-size:1.8em;}
	#timeline-accordion .hiddenList-target, #timeline-accordion .contract
		{background-position: left center!important;}
		
	/*icons for fuel types*/
	.fire { background:url(../img/icons/fire.png) no-repeat left center; }
	.geotherm { background:url(../img/icons/geotherm.png) no-repeat left center; }
	.wind { background:url(../img/icons/wind.png) no-repeat left center; }
	.oil { background:url(../img/icons/oil.png) no-repeat left center; }
	.natgas { background:url(../img/icons/natgas.png) no-repeat left center; }
	.coal { background:url(../img/icons/coal.png) no-repeat left center; }
	.steam { background:url(../img/icons/steam.png) no-repeat left center; }
	.elect { background:url(../img/icons/elect.png) no-repeat left center; }
	.ethanol { background:url(../img/icons/ethanol.png) no-repeat left center; }
	.solar { background:url(../img/icons/solar.png) no-repeat left center; }
	.cec { background:url(../img/icons/cec.png) no-repeat left center; }
	.hydrogen { background:url(../img/icons/hydrogen.png) no-repeat left center; }
	.hydroelect { background:url(../img/icons/hydro-electric.png) no-repeat left center; }
	.ethanol-oil { background:url(../img/icons/ethanol-oil.png) no-repeat left center; }
	.hybredElectric { background:url(../img/icons/electric-oil.png) no-repeat left center; }
	
/*== interactive page for timeline ==*/
	.racingCar
		{ border-bottom:1px dashed #eee; clear:both; margin-bottom:20px; }
	.racingCar img
		{ float:left; margin-right:10px; }
	.racingCar ul
		{ display:block; float:left; width:250px;  margin-right:20px; }
	.racingCar li
		{ padding:5px; }

/*== interactive page for Emerging Energy Sources ==*/
	#emergingEnergy
		{ text-align:center; }
	#emergingEnergy a
		{ border:0 solid transparent!important; }
	#emergingEnergy img
		{ 
		cursor:pointer; margin:0 75px 30px 0;  border:0 solid transparent!important;
		filter:alpha(opacity=75); -moz-opacity:.75; -khtml-opacity:.75; opacity:.75;
		}
	#emergingEnergy img:hover
		{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;	}
	#emergingEnergy img.last
		{ margin-right:0; } 

/*== '#idea_box' uses '.specialBox' as a base ==*/
#idea_box 
	{ position:absolute; top:50px; right:100px; width:400px; z-index:9999; }
	
	#idea_box .wrapper 
		{ width: auto!important;}
		
	#idea_box ul li 
		{display:block;	clear:both;	padding:15px 20px 15px 15px;}
	#idea_box ul li span strong
		{color:#333;display:inline;	text-shadow:0 0 0px #000;}
	
	#idea_box label 
		{display:block;	font-size:1.1em;line-height:1.0em;text-transform:uppercase;padding-bottom:10px;	width:90%;}
	#idea_box strong
		{ font-size:12px; font-weigh:400; text-transform:none; }
	#idea_box label b
		{color:#4c5cc5;	letter-spacing:.2em;height:16px;float:left;	margin-right:10px;}
		
	#idea_box input
		{ clear:left;}
		
	#idea_box input, #idea_box textarea, #idea_box select 
		{ display:block;border:1px solid #666;font-size:1.1em;padding:2px 10px;
		 /* css 3 \ browser specific */
		 -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
		}
	#idea_box select 
		{ padding:1px 10px; }
		
	#idea_box textarea 
		{ height:100px;padding:5px;width:345px; }
			
	#idea_box .step3 input, .step3 select 
		{ float:left; }
		
	#idea_box .step3 input
		{ margin-right:20px;width:120px;}
		
	#idea_box .step4 span 
		{ display:block;float:left;width:50%;font-size:.90em;padding:0!important;margin:0!important;}
		
	#idea_box .step4 span input
		{width:auto!important;}
		
	#idea_box .step4 input, #idea_box .step7 input
		{border-width:0!important;display:inline;width:auto;}	
		
	#idea_box .step7 
		{text-align: center;}
		
	#idea_box .step5 input, #name
		{width:330px;}
		
	#idea_box .submit 
		{background:#565556;color:#fff;display:block;font-size:1.4em;padding:5px 10px;text-transform:uppercase;}
		
	#idea_box em 
		{color: #888; font-style:italic;text-shadow:0px 0px 0px #323C82;}
	
/*== uploader styles ==*/
	#uploadedPhotoUploader
		{float:right;margin-top:0;}
		
	.uploadifyQueue, .uploadifyQueueItem 
		{width:220px;}
		
	.uploadifyQueueItem
		{ margin-top: 0px!important;padding:7px 8px 9px 8px;border:1px solid #666;
		 /* css 3 \ browser specific */
		 -moz-border-radius: 10px;-webkit-border-radius:10px;border-radius: 10px;
		}
				
	.uploadifyProgress
		{display:none;}

/*== Gallery Styles ==*/
.col3
	{ background: #ccc url('../img/bg_idea-book-col.png') repeat-x 0 0; border:1px solid #A4AD00; border-width:0 2px; height:525px; margin:0 0 0 75px; padding:150px 10px 0 10px; position:relative; width:280px; z-index:1;}
	
	.panel
		{ text-align:center; }	
	.panel .idea img
		{ display:block; margin:0 auto; max-height:150px; max-width:200px; }
	.panel .idea span
		{ display:block; }
	.panel .idea .myidea
		{ background: url('../img/questionBanner.png') no-repeat top center; margin-top:10px; padding-top:50px; max-height:135px; }
	.panel .idea .name
		{ font-size:1.2em; font-weight:700; margin-top:10px; }
		
/* idea-book pages nav */
	.col3, .col3 p
		{ color:#333; }
	.col3 p
		{ padding-left:10px; padding-right:10px; }
	#ideabook b, #ideabook h3, #ideabook #weeklyWinners a
		{ color:#5e6ece!important; font-weight:700; }
	
	#ideabook-nav
		{margin-bottom:30px;}
		
		#ideabook-nav ul {}
		
		#ideabook-nav ul li
			{ display:block;float:left;margin-bottom:2px;text-align:right;width:140px;}		
			
			#ideabook-nav ul li.rowStart
				{ border-right:2px dotted #FFF;text-align:left;width:138px;}
		
		#ideabook-nav ul li a 
			{ font-size:11px;line-height:14px;text-transform:uppercase;border-width:0!important;}
			
			#ideabook-nav ul li a span
				{ color:#A4AD00;}
			
			#ideabook-nav ul li a:hover span
				{ color:#FFF;}
	
	/* find photo form */
	#ideabook #findphoto
		{ font-size:12px; line-height:12px; }
		
	#ideabook #findphoto a
		{ color:#4C5CC5; }
		
	#ideabook #findphoto p
		{ line-height: 1.4em; }
		
	#frm_findPhoto li
		{padding-bottom:10px;}
		
		#frm_findPhoto input#photoNum
			{ background:transparent url('../img/find-photo-input.png') repeat-y 0 0;border-width:0;color:#5e6ece;font-size:24px;letter-spacing:26px;margin-left:25px;padding-left:10px;width:158px;}
			
	/* PICTURE GRID*/ 
	#pictureGrid
		{  border:1px solid #A4AD00; border-width:0 4px; height:675px; left:0; position:absolute; overflow:hidden; top:0; width:900px; z-index:0;}
	
	#pictureGrid .wrap
		{ position:absolute; left:0; top:0; }
	
		/* General styles for this 'module' */
			#pictureGrid li
				{ height:75px!important; overflow:hidden!important; clear:both; float:left; margin:0;}
			#pictureGrid img, #pictureGrid a
				{ border:0 solid transparent; display:block; height:75px; width:75px; text-align:center; }
			#pictureGrid a:hover
				{ border:0 solid transparent; }
			#pictureGrid ul
				{ float:left; }
			#pictureGrid ul a:hover
				{ background:#ff0000; border:0 solid transparent; }
				
			#pictureGrid ul a:hover img
				{ border:4px solid transparent!important; height:67px; width:67px; }
				
		/* picture grid navigation */
		#pictureNavLeft, #pictureNavRight 
			{ font-size:11px; height:auto!important; padding:35px 0 10px; position:absolute; text-align:center;text-transform:uppercase;top:50%;z-index:2;}		
			
			#pictureNavLeft:hover, #pictureNavRight:hover 
				{ color:#4C5CC5; }		
			
			#pictureNavRight
				{ background:#A4AD00 url('../img/icon_next.png') no-repeat center 10px; right:0;}		
			
			#pictureNavLeft
				{ background:#A4AD00 url('../img/icon_prev.png') no-repeat center 10px; left:0; }
		
		
		/* weekly winners */
		#weeklyWinners
			{ height: 280px; overflow-y:auto; overflow-x:hidden;}
		#weeklyWinners li
			{ display:block; clear:both; }
		#weeklyWinners li a
			{ line-height: 1.5em; }
			
/*== interactive pages - for quizzes etc.. ==*/
.frm_quiz ol span div { cursor:pointer; }
.frm_quiz ol
	{ font-weight:700; list-style:decimal; list-style-position:outside; padding-left:40px; width:500px;}
	.frm_quiz ol li
		{ clear:both; padding:0 0 30px 0; list-style:decimal; list-style-position:outside;}
	.frm_quiz ol label
		{ font-size:1.2em; padding-top:10px;}
	.frm_quiz ol span
		{ display:block; line-height:normal;  font-weight:400; }
		
	.frm_quiz .correct
		{ background: url('../img/correct.png') no-repeat left center; font-weight:700; line-height:normal; padding-left:35px;}
	.frm_quiz .incorrect
		{ background: url('../img/incorrect.png') no-repeat left center; font-weight:700; line-height:normal; padding-left:35px;}
	.frm_quiz .review
		{ background: url('../img/refresh.png') no-repeat left center; font-weight:700; line-height:normal; padding-left:35px;}
	.frm_quiz .energyStar
		{ background: url('../img/Favorite.png') no-repeat left center; font-weight:700; line-height:32px; padding-left:35px;}
		
	.frm_quiz .icon-ethanol
		{ background: url('../img/energy-icon-1.png') no-repeat center center; display:block; height:50px; width:50px; }
	.frm_quiz .icon-petroleum
		{ background: url('../img/energy-icon-2.png') no-repeat center center; display:block; height:50px; width:50px; }
	.frm_quiz .icon-naturalgas
		{ background: url('../img/energy-icon-3.png') no-repeat center center; display:block; height:50px; width:50px; }
	.frm_quiz .icon-biodiesel
		{ background: url('../img/energy-icon-4.png') no-repeat center center; display:block; height:50px; width:50px; }
	.frm_quiz  .submit
		{ margin:10px 0 0 40px;}
		
	#frm_whatIsEnergy li, #frm_whatIsEnergy label
		{ clear:both; }
	#frm_whatIsEnergy li
		{ padding-bottom:20px; }
	#frm_whatIsEnergy label
		{ display:block; margin:10px 0 10px; }
	#frm_whatIsEnergy ol li span
		{ display:inline-block; float:left; margin:0 20px; text-align:center; }
	#frm_whatIsEnergy ol li span div
		{ margin:0 auto; border:4px solid transparent; }

/*== exhibit page ==*/
#exhibitList li
	{ padding:5px 0 5px 25px; }
#exhibitList li a span
	{ display:block; font-size:0.95em; font-style:italic; font-weight:400; margin-left:20px; }

/*== Roadshow page ==*/
	.calendarList dd
		{ padding-left:35px; }
	body#roadshow #calendar
		{ height:300px; overflow-x:hidden; overflow-y:auto; }
	#calendar .calMonth strong
		{ border-bottom:1px dashed #eee; font-size:1.20em; }
	#calendar .calName
		{ font-weight:700; letter-spacing:1px; }
	body#home #calendar .calDateTime, body#roadshow #calendar .calDateTime 
		{ text-align:left; font-weight:400; }
	body#home #calendar .calName, body#roadshow #calendar .calName
		{ border-top:0px dashed #eee; } 
/*== Footer ==*/
.negTopMargin-100{ margin-top:-150px!important; }

.foot
	{ background:transparent url(../img/bottom1a.png) repeat-x left bottom; border-bottom:5px solid #fff; bottom:0; position:static; }

#footer, #footer .wrapper
	{ height:226px; }
	
#footer2
	{ border-top:5px solid #fff; padding-top:5px; border-bottom-width:0;}	
	
#ideabook #footer, #ideabook #footer .wrapper
	{ background:transparent none; height:5px!important; }
	
	#footer #creditLine 
		{ bottom:5px;position:absolute;right:90px;z-index:6;}
	.wrapper #creditLine
		{ filter: Glow(Color=#333333, Strength=5);text-shadow: #111 0px 0px 5px;}
		
	#footer .overlay1, #footer .overlay1a, 
	#footer .overlay2, #footer .overlay2a,
	#footer .overlay  
		{ position:absolute; font-size:1px; overflow: hidden; text-indent:-555px; width:100%;}
	
	#footer .overlay1, #footer .overlay1a 
		{ height:289px;z-index:5; }		
	#footer .overlay1 
		{ background: transparent url(../img/bottom2.png) repeat-x left bottom; }
	#footer .overlay1a 
		{ background: transparent url(../img/bottom2a.png) repeat-x left bottom; }
	#footer .overlay1b
		{ background: transparent url(../img/bottom5.png) no-repeat bottom 450px; height:220px; }

	.foot .allkids
		{ background: transparent url(../img/footer-allkids.png) no-repeat center bottom; height:226px; }
	.foot .boy1
		{ background: transparent url(../img/footer-boy1.png) no-repeat center bottom; height:226px; }
	.foot .boy2
		{ background: transparent url(../img/footer-boy2.png) no-repeat center bottom; height:226px; }
	.foot .girl1
		{ background: transparent url(../img/footer-girl1.png) no-repeat center bottom; height:226px; }
	.foot .girl2
		{ background: transparent url(../img/footer-girl2.png) no-repeat center bottom; height:226px; }
		
/* classroom footer */
	body#classroom #content
		{ position:relative; z-index:1!important;}
	.classroomFooter, .classroomFooter .wrapper
		{ height:220px!important;z-index:0!important; }

/**
 *  special cases and exceptions 
 **/
/* "presskit Page has the content overlaying the footer - the home page has it hidden behind it*/
#presskit #footer, #ideabook #footer
	{z-index:0;}
	
#presskit #content, #ideabook #content 
	{position:relative;z-index:999;}

/*styled headers*/
#home h2, #ideabook h2, #presskit h2, h3.photoHeading, #carter50 h2, #energyfun h2, #classroom h2, #roadshow h2, #contact h2, h3#map-heading, #sponsors h2
	{ display:block; height:75px; width:100%; text-indent:-999px!important; overflow:hidden!important; font-size:1px!important;}

#home h2 
	{ background: transparent url(../img/heading_home.png) no-repeat 0 0;}
#ideabook h2 
	{ background: transparent url(../img/heading_ideabook.png) no-repeat -55px 0;}
h3#map-heading
	{ background: transparent url(../img/heading_cartermap.png) no-repeat 35px 0; height:30px;}
#presskit h2 
	{background: transparent url(../img/heading_press-kit.png) no-repeat 0 0; height:125px;}
#energyfun h2
	{background: transparent url(../img/heading_energyfun.png) no-repeat 0 0;}
#classroom h2
	{background: transparent url(../img/heading_classroom.png) no-repeat -20px -10px;}
#roadshow h2
	{background: transparent url(../img/heading_roadshow.png) no-repeat -10px 5px;}
#contact h2
	{background: transparent url(../img/heading_contact.png) no-repeat 0px 25px;}	
#carter50 h2
	{background: transparent url(../img/heading_carter50.png) no-repeat -25px 10px;}
#sponsors h2
	{background: transparent url(../img/heading_sponsors.png) no-repeat 95px 0px;}
	
h3.photoHeading{background: transparent url(../img/heading_ideabook2.png) no-repeat center top;height:40px;}
/*****************************************************************************/
div#calendar ul { width: 100%; height: auto; padding-bottom: 0.5em; list-style-type: none; overflow: hidden; }
div#calendar ul li { float: left; height: 100%; padding: 4px 0; text-align: center; }
div#calendar ul li.calName { font-weight:700; letter-spacing:1px; text-align: left; width: 100%; }
div#calendar ul li.calLocation { width: 95%; padding-left: 5%; text-align: left; }
div#calendar ul li.calDateTime { width: 95%; padding-left: 5%; }