/* page width = 960px*/

html,body{font-family:arial,sans-serif;font-size:100%;line-height:1.125em;/* 16*1.125=18 */font-weight:normal;color:#000;background-color:#FFF;margin:0px;padding:5px 5px 20px 5px;text-align:left;}

/*LINKS*/
a{color:#5D72B7;font-weight:bold;text-decoration:underline;background-color:transparent;}
a:link{color:#5D72B7;text-decoration:underline;background-color:transparent;}
a:visited{color:#5D72B7;text-decoration:underline;background-color:transparent;}
a:active{color:#5D72B7;text-decoration:underline;background-color:transparent;}
a:hover{color:#002FF1;text-decoration:underline;background-color:transparent;}
/*bold,black links, no underline*/
table#comparisonTable a, #about a {color:#000;text-decoration:none;}
table#comparisonTable a:hover, #about a:hover{color:#0024B7;}
/*gray links, no underline */
#sub_navcontainer li a{font-weight:normal;color:#888;text-decoration:none;}
#sub_navcontainer li a:hover{font-weight:normal;color:#002FF1;;text-decoration:underline;}

/* GENERAL TYPE STYLES */
img{padding:0px;border:0px;margin:0px;}
h1{font-family:helvetica,arial,sans-serif;font-size:1.5em;line-height:1.1em;font-weight:bold;padding:0px;margin:0px;}
h2{font-size:1.125em;/* 16x1.125=18px */font-family:arial,helvetica,sans-serif;color:#000;font-weight:bold;padding:0px 0 10px 0;border:0px;margin:0;}
h3{font-size:.9375em;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#004080;padding:0px 0 5px 0;border:0px;margin:0;}
h4{font-size:.9375em;font-family:arial,helvetica,sans-serif;font-weight:bold;padding:0px 0 3px 0;border:0px;margin:0;}
p{margin:0;padding:0 0 10px 0;font-size:0.8125em;/* 16x0.8125=13px */}
p.small{font-size:0.75em; /*14px*.857=12px*/}
h2 + p {margin:10px 0 0 0;}
table{font-size:.75em;margin:0;text-align:left;}
.endCol{border-right:1px solid #999;}
#wrapper{width:960px;margin:0px;padding:0px;}

/* HEADER STYLES */
#header{padding:0;margin:0;}
#header h1{float:left;width:900px;padding-bottom:5px;}
#header a{float:left; margin:0;padding:5px 0 0 5px; color:#000;text-decoration:none;}
#header a:hover{text-decoration:none;}
#header img{float:left; margin:0;padding:0;}

/* WRAPPER */
#wrapper #content{margin:0;float:left;border-right:1px solid #CCC;width:600px;voice-family:"\"}\"";voice-family:inherit;width:599px;padding-top:10px}
html>body #wrapper #content{width:599px;}
#wrapper #content h2 span a{font-size:.625em; font-weight: normal;}
#wrapper #content h2{margin-bottom:-10px;}
#wrapper #content ul,#wrapper #content p {padding-right:10px;}

/* WRAPPER REGIONS */
.data{border-top:1px solid #CCC;margin:5px 10px 0 0;padding:5px 0 0 0;}
h2 + .data{border-top:0;}
/* to stretch the container div to contain floated list */ 
.data:after {content:".";display:block;line-height:1px;font-size:1px;color:transparent;clear:both;}	
.data ul{margin:0;padding:0;width:100%; overflow: hidden;}
.data li{display:inline;width:200px;float:left;}
.data li.last{width:189px;}
.data span{display:block;font-size:.6875em;}


/* Hints that expand (via ajax) for more information when the user clicks on a link.*/
.data div.hint {margin-top:10px;}
.data div.hint a  {float:left; font-weight: normal; font-size: .6875em;}
div#energyUnits, div#energySource, div#factors {float:left; padding:0;  background-color:#EEE; width:100%;}
div#energyUnits p, div#energySource p,div#factors p {font-size: .75em; padding:5px; margin:0;}

#chart {position:relative; min-height:250px}
#chart img {display:inline; float:left; padding-right:10px;}
#chart ul#records {position:absolute; top: 45px;left:400px; width:200px;}/*Specialized rules for this list*/
#chart ul#records li {display:inline;float:left;padding-bottom:70px;}

#zoom{font-size:.6875em; color:#000;} 
#zoom a{font-weight:normal;}
.clear {clear: both;}


/* compare */
table#comparisonTable{font-size:.7em;}

/* about */
#status{margin-top:1em;}
#status p {font-size:.7em;line-height:1em;}

/* competition */
#competition ul {padding:0 0 0 10px;margin:0;list-style:none;font-size:0.8125em;/* 16x0.8125=13px */}

/* comments */
#comments ul {padding:0 0 0 10px;margin:0;list-style:none;font-size:0.625em;/* 16x0.8125=13px */}
#comments li{padding-bottom:.25em;}

/* footer styles */
#footer{width: 910px; text-align: center; border-top: 1px solid #ccc; padding: 10px 0 0 0; margin: 1em 0 0; color:#888;font-size:0.75em;/* 16x0.75=12px */}
/* navigation */
#navcontainer{margin:0;padding:0;font-family:arial,helvetica,sans-serif;text-align:right;}
#navcontainer p{padding:7px 7px 0 0;font-family:arial,sans-serif;font-weight:bold;width:200px;}/* to stretch the container div to contain floated list */ 
#navcontainer:after{content:".";display:block;line-height:1px;font-size:1px;color:transparent;clear:both;}
#navcontainer img{margin:0px;padding:0px 0 1px 0;}
ul#navlist{list-style:none;padding:0;margin:0px;background-color:#000;}
ul#navlist li{text-align:left;float:left;height:2em;margin:0;border-left:1px solid #CCC;padding:0;background-color:#888;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
ul#navlist li{width:200px;voice-family:"\"}\"";voice-family:inherit;width:199px;}
html>body ul#navlist li{width:199px;}
ul#navlist li a{display:block;padding:.25em 5px .75em 7px;color:#EEE;font-size:.875em;text-decoration:none;height:1%;text-shadow:0 0 0 #000;}
#navcontainer>ul#navlist li a{width:auto;height:auto;}
ul#navlist li#active a{background:#f0e7d7;color:#C30;}
ul#navlist li a:hover, ul#navlist li#active a:hover{color:#FFF;background-color:#0024B7;}

ul#navlist li.first{border-left:none;}
#navcontainer ul#navlist li#empty{width:160px;}
/* sub navigation*/
#sub_navcontainer{padding:10px 0 0 10px;float:left;}
#sub_navcontainer h4{padding:0;margin:0;}
#sub_navcontainer span{display:inline;padding:0;margin:0;}
#sub_navcontainer ul{list-style:url(../images/liIcon.gif);margin:0;padding:0 0 0 1em;}
#sub_navcontainer li{font-weight:bold;font-size:0.875em;/*15px*/ padding-bottom:0.25em}