html, body, ul, ol, li {  /* set everything to zero for a good cross-browser starting point */
margin: 0; /* zeroes the margins on the body */
padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
border: 0; /* zeroes off any existing border */	  
}

/* COLOR PALETTE taken from solr panel photo in \...8-8-07

4b4aa8 - top tip of logo letters
03043d - btm tip of logo letters
81f15e - top tip of ENERGY
04d700 - btm tip of ENERGY



 
*/

body {
background-image: url(../images/HEADERBODY_new8b.jpg);
background-repeat: repeat;

color: #3e3e3e;
	text-align: center;  /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;  /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 774px;  /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
	background-color: #F1FCD7;
}

#wrapper {
	width: 772px;  /* sets the width of the wrapper, and therefore our design with adjustments for IE5.x's broken box model hence the two extra pixels on the width */
	w\idth: 770px;  /* sets the correct width of the wrapperfor compliant browsers*/
	margin: 0 auto;  /* centers the wrapper for compliant browsers. First value is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative;  /* important to position it relatively */
	/*background-image: url(../images/tile-of-dots.gif);   sets the path to the wrappers bg image*/
/*background-repeat: repeat;   prevents the image from tiling in our page, we do not want this image to repeat */
/* background-color: #fff;  sets the wrapper's background color */
 /*border: 1px solid #DEFEF8;  sets a border to all 4 sides */
text-align: left;  /* Realigns the text to the left after the IE hack in the body rule */
	background-color: #FFFFFF;
}




/*begin laying out the banner*/
#banner {
background-image: url(../images/HEADER_new8c.jpg);  
background-repeat: no-repeat; /* prevents the bg image from repeating */
/*margin-top: 1px;sets margin of 20px to the top of the banner*/
height: 125px;/* set a height for the banner to allow all the bg image to be seen, no text resizing in this element to worry about */
position: relative;  
/* **PLEASE READ** ~ This position property and its relative value is not needed for your page to be rendered corectly in the browser - However, 
without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you you can safely 
delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
}


#banner #searchblock {

/*background-image: url(../images/searchBlock.gif);*/ 
height: 100px;
width: 235px;
position: relative;
top: 9px;
left: 480px;

}



/*begins laying out the main content area*/

#content {
float: left; /* newly floated */
margin: 0 10px 0 10px; /* new left margin value */
margin-right: -3px; /* prevents IE float drop */
width: 540px;
}

#content h1 {
font-size: 125%;  /*increases the font size*/
color: #4b4aa8;  /*sets the colour of the h1 text*/
font-family: Verdana,Arial,Helvetica, sans-serif;  /*changes the default font*/
/*padding: 0 0 0 3px;  sets a margin of 3px to the left to move the h1 in from the background colour's edge*/
margin: 0;  /*zeroes off the default margins*/
/*background-color: #F4F4F4;  sets the background colour*/
}






#content h2 {
font-size: 115%;  /*increases the font size*/
color: #4b4aa8; /*sets the colour of the h1 text*/
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 0 0 0 3px;  /*adds a 3px left padding*/
margin: 20px 0 0 0;  /*sets a margin of 20px to the top of the h2, and zeroes other default margins*/
/*background-color: #F4F4F4;  sets the background colour*/
}


#content h3 {
font-size: 100%;  /*increases the font size*/
color: #4b4aa8; /*sets the colour of the h1 text*/
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 0 0 0 3px;  /*adds a 3px left padding*/
margin: 20px 0 0 0;  /*sets a margin of 20px to the top of the h2, and zeroes other default margins*/
/*background-color: #F4F4F4;  sets the background colour*/
}


#content h4,
#leftcol #navbox h4 {
font-size: 80%;  /*increases the font size*/
color: #ffffff;  /*sets the colour of the h1 text*/
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 0 0 0 3px;  /*adds a 3px left padding*/
margin: 3px 0 0 0;  /*sets a margin of 20px to the top of the h2, and zeroes other default margins*/
background-color: #4b4aa8;  /*sets the background colour*/
}


#content p {
	font-size: 80%;  /*reduces the default font size*/
	margin: 12px 0 0 0;  /*sets a margin of 12px to the top of the p, and zeroes other default margins*/
	line-height: 120%;
}

#content a {
color: #273fc4;
}

#content a:hover,
#content a:focus {
text-decoration: none;
color: #215f9c;
}


#content ul, #content dl, #content ol{
font-size: 80%;  /*reduces the default font size*/
margin: 12px 0 0 0;  /*sets a margin of 12px to the top of the p, and zeroes other default margins*/
line-height: 130%;

list-style-type: circle;
font-weight: normal;
}

#content dl dt {
font-weight:bold;
margin-top:5px;
}




/* ::::::: generic float rules for our IMAGES in the content area ::::::::: */

#content .left{
float: left;  /*float the image to the left*/
border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
margin: 5px 12px 1px 0;  /*set the margins to give some "air" around the text*/
}

#content .right {
float: right;  /*float the image to the right*/
border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
margin: 5px 0 1px 10px;  /*set the margins to give some "air" around the text*/
}


/* ::::::: generic float rules for our GOOGLE SEARCH in the content area ::::::::: */

#content #google_left{
float: left;  /*float the box to the left*/
margin: 5px 12px 1px 0;  /*set the margins to give some "air" around the text*/
border: 1px solid #B8BAB5;
}

#content #google_right {
float: right;  /*float the boxe to the right*/
margin: 5px 0 1px 10px;  /*set the margins to give some "air" around the text*/
border: 1px solid #B8BAB5;
}

/*  :::::::::::::  use this for square ads  :::::::::::::::::::*/
#content .googlebox_left{
float: left;  /*float the box to the left*/
margin: 5px 12px 1px 0;  /*set the margins to give some "air" around the text*/
border: 1px solid #B8BAB5;
}

#content .googlebox_right {
float: right;  /*float the box to the right*/
 margin: 5px 0 1px 10px;  /*set the margins to give some "air" around the text*/
border: 1px solid #B8BAB5;
}


/* ::::::: byline ::::::::: */



#byline  {
	background-color: #F3F4EE;
	background-image: url(../images/gradStrip.jpg); 
	font-style: italic;
	padding: 12px;
	border: 1px solid #B8BAB5;
	margin-top: 5px;	

}



#adbox  {
	background-color: #F3F4EE;
	padding: 0 5px 5px 12px;
	border: 1px solid #B8BAB5;
	margin-top:5px;
	background-image: url(../images/gradStrip.jpg);  
	background-repeat: repeat; 
	
	
}



/* ::::::::  SUBCONTENT and LEFT AND RIGHT within content ::::::::::::::: */



/*begin laying out the subcontent - this is the area below the main content that contains the two columns, the subcontent div is a container for the left and right divs*/
#subcontent {
margin: 25px 0 0 0;  /*adds a 25px margin to the top of the div*/
}



/*The selector below defines the left column in the lower content area*/
#subcontent #left {
float: left;  /*we float it to the left*/
width: 255px;  /*give it a width*/
margin-bottom: 20px;  /*provides clearance below the div*/
background-image: url(../images/gradStrip.jpg);  
background-repeat: repeat;  
background-color:#F3F4EE; 
}


/*The selector below defines the right column in the lower content area*/
#subcontent #right {
float: right;  /*we float it to the right*/
width: 255px;  /*give it a width*/
margin-bottom: 20px;  /*provides clearance below the div*/
background-image: url(../images/gradStrip.jpg);  /*supplies the path to the image*/
background-repeat: repeat;  
background-color:#F3F4EE; 
}


/*provides the titles for the columns in the lower content area*/
#subcontent h2 {
font-size: 115%;  /*increase the default font size*/
color: #625757;  /*set a colour for the font*/
font-family: Verdana,Arial,Helvetica,sans-serif;  /*change the default font face*/
margin: 0;  /*zero off the default margins*/
background-color: transparent;  /*declare transparent as the background to prevent inheritance*/
text-align: center;  /*align the heading to the center of the div*/
}

#subcontent p {
margin: 10px;  /*set a 10px all around margin on the p element within the columns*/
}

#subcontent ul  {
list-style-type: none;  
padding:  12px;  
color: #000; 
font-weight: 400; 
font-size:70%;
line-height:150%;
}






/* :::::::::::: use the same rules as subcontent for adcontent ::::::::::::  */

#adcontent {
margin: 15px 0 0 0;  /*adds a 25px margin to the top of the div*/
}

/* right now adleft is the VIDEO news holder  */

#adcontent #adleft {
float: left;  /*we float it to the left*/
width: 300px;  /*give it a width*/
margin-right: 10px;
margin-bottom: 20px;  

}




/*The selector below defines the right column in the lower content area*/
#adcontent #adright {
float: right;  /*we float it to the right*/
width: 195px;  /*give it a width*/
margin-left: 5px;
margin-bottom: 20px;  /*provides clearance below the div*/
}







/* special width for the newsfeed on the right of the video newsfeed*/
#adcontent #adrightnarrow {
float: right;  /*we float it to the right*/
width: 160px;  /*give it a width*/
margin-left: 10px;
margin-bottom: 20px;  /*provides clearance below the div*/
/*border: 1px solid #625757;*/
}










/*provides the titles for the columns in the lower content area*/
#adcontent h2 {
font-size: 115%;  /*increase the default font size*/
color: #625757;  /*set a colour for the font*/
font-family: Verdana,Arial,Helvetica,sans-serif;  /*change the default font face*/
margin: 0;  /*zero off the default margins*/
background-color: transparent;  /*declare transparent as the background to prevent inheritance*/
text-align: center;  /*align the heading to the center of the div*/
}

#adcontent p {
margin: 10px;  /*set a 10px all around margin on the p element within the columns*/
}


/* ::::::::::::::::::: rightCOL is within content div :::::::::::::::::::::: */

#rightcol {
	 display: inline; /* fix for IE doubled margin */
	 float: right;/*float to the left to create our column*/
	 width: 155px;/*provides a width for IE5x pc*/
	 w\idth: 153px;/*corrects the width for modern browsers*/
	 margin: 10px 1px 20px 10px;
	 background-color:#e5e5e9;
	 padding: 1px 6px 12px 6px;
	 border: 1px solid #B8BAB5;
	}







/* :::::::::::::::::::  LEFTCOL AND NAVBOX are outside content div :::::::::::::::::::::: */

#leftcol {
 display: inline; /* fix for IE doubled margin */
 float: left;/*float to the left to create our column*/
 width: 162px;/*provides a width for IE5x pc*/
 w\idth: 160px;/*corrects the width for modern browsers*/
 margin-left: 11px;
 margin-bottom: 20px;
 /*padding-left: 1px;*/
 padding-right: 10px; 
}

#navbox {
margin-bottom: 20px;  
}




/*  |||||||||||||||||  Begin styling the navigation  ||||||||||||||||||| */

#navbox ul,
#rightcol ul {
list-style-type: none;  
padding:  0 0 2px 0;  
color: #000; 
font-weight: 400;  

}



/*  |||||||||||||||||  MAINNAVBOX taminglists LIST AS BUTTONS
                            THIS IS FOR THE MAIN NAV LINKS ONLY  ||||||||||||||||||| */

#mainnavbox ul {
padding: 0 0 0 0;
margin: 0 0 22px 0;
color:white;
background-color: #fff;

}

#mainnavbox {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	}
	
	

#mainnavbox ul li a {
		display: block;
		padding: 5px 5px 5px 12px;
		background-color: #fff;
		text-decoration: none;
		width: 100%;
		
		border-bottom: 1px solid #4a48b3;
		}



html>body #mainnavbox ul li a {
		width: auto;
		


		}

	#mainnavbox ul li a:hover,
	#mainnavbox ul li a:focus {
		background-color: #F1FCD7;
		color: #000000;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		}
		
/*  ||||||||||||||||||||||||||||||||||*/		
		
		

/*sets the styling of li element*/
#navbox ul li,
#rightcol ul li {
line-height: 150%;  /*set the line-height*/
font-size: 80%;  /*scales the font size to 70% of the default on the body selector*/
}

/*styles the nested ul element that contains our navigation links*/
#navbox ul li ul
 {
padding: 0 0 0 12px;  /*adds 12px left padding*/
border: none;  /*declare "none" to prevent inheriting a border*/
}

/*styling the li in the nested ul*/
#navbox ul li ul li
 {
line-height: 150%;  /*set the line height*/
font-size: 70%;  /*increase the font size in relation to the parent ul*/
color: #555555;
}





#navbox ul li a,
#subcontent ul li a,
#subcontent #left p a, 
#subcontent #right p a,
#rightcol p a {
	color: #4b4aa8;  
	text-decoration: none;  
}

#navbox ul li a:hover,
#navbox ul li a:focus, 
#subcontent ul li a:hover,
#subcontent ul li a:focus,
#rightcol ul li a:hover,
#rightcol ul li a:focus {
color: #215f9c;  /*set the hover and focus text colour*/
text-decoration: underline;  /*set an underline to show on hover and focus*/
}



#leftcol img {
margin: 0 auto;
border: 1px solid #000;  /*add a black border 1 pixel wide to all 4 sides*/
}


#leftcol p {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

#leftcol h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#A0FDE6;
	background-color:#332C52;
}

/* The leftcol div is outside the flow of the document and won't respect the footer;
#leftcol would, if its content were great enough, poke through the bottom of the layout.
The clear left ensures the footer is always kept further down than leftcol div, and our design
remains intact. The content div is within the flow of the document and thus will always
push the footer div down as its content dictates */





/*  :::::::::::::::::::: FOOTER  :::::::::::::::::::::: */

#footer {  
background-color: #fff;
width: 770px;  
border: 1px solid #000;  
font-size: 60%;  
text-align: right;  
margin-top: 20px;  
clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
}

#footer p {
padding: 4px 4px 4px 10px; 
margin: 0;  
color: #5e5e5e;
font-weight:bold;
}

#footer ul{
margin: 0;/*zeroes off the margin defaults*/
padding: 4px;/*set a padding around the links*/
}

#footer li{
display: inline;/*sets the list to display inline*/
}

#footer a {  /* Styles the links within the footer */
color: #1e1e35;  /*sets the text to white*/
text-decoration: none;  /*keeps the underline*/
}

#footer a:hover,
#footer a:focus {
text-decoration: underline;  /*removes the underline*/
}




/*  :::::::::::::::::::: FOOTER-like NAVBAR (horizonatal nav bar)  :::::::::::::::::::::: */

#navbar {  
/*background-image: url(../images/topBanner2b.jpg);*/
width: 770px; 
font-size: 60%;  
text-align: center;  
clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
margin-bottom: 5px;
height: 52px;
}

#navbar p {
padding: 4px 4px 4px 4px;  
margin: 0;  /*zeroes off the margins */
color: #acb3c3;
font-weight:bold;
border-bottom: #2c3c56;
}

#navbar ul{
border-bottom: #2c3c56;
margin: 0;/*zeroes off the margin defaults*/
padding: 4px;/*set a padding around the links*/

}

#navbar li{
display: inline;/*sets the list to display inline*/
border-left: 1px solid #333;
}

#navbar a {  /* Styles the links within the footer */
color: #acb3c3;  /*sets the text to white*/
text-decoration: none;  /*keeps the underline*/
padding-left: 3px;

}

#navbar a:hover,
#navbar a:focus {
color: #f4fff4;
text-decoration: underline;  /*removes the underline*/
}





/* disclaimer  */
.disclaimer {
font-size: 40%;
color: #7e7e7e;
font-style: italic;
text-align: right;
}


/* credit other authors  */
.authorByline {
font-size: 7px;
color: #7e7e7e;
font-style: italic;
text-align: left;
}