body
{
	margin: 0px 0px;	/* Need to set body margin and padding to get consistency between browsers. */
	padding: 0px;
	font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	text-align: center; 	/* Hack for IE5/Win */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


.content {
	width: 850px;
	padding: 4px;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	background-color: #fff;
	border: none;
}


#top {
z-index: 1;
margin: 0 0 0 0;
padding: 0 0 0 68px;
width: 840px;
height: 80px;
background-color: #fff;
background-image: url("http://www.energymatters.net/images/emlogo.gif");
background-position: 0 0;
background-repeat: no-repeat;
}

#top h1 {
	text-align: left;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 4px;
	color:#006;
	border-bottom: none;
}

#nav {margin: 0; padding:0;}
#nav li{list-style: none; float: left; margin: 0; width: 10%;
	font-size: 12px; line-height: 12px; white-space: nowrap; }
#nav a {display: block; float: left; padding: 0 0 0 10px;
	text-decoration: none; float: left; 
	border: 1px solid; border-color: #FFF #333 #333 #FFF;
	background: #FFCC33;
	color: #006;}

#nav a:hover {background-color: #FFCC33;
		color: #0000cd;
		border-color: #333 #fff #fff #333; }
	
/* Commented Backslah Hack hides rule from IE5-Mac \*/
#nav a {float: none;} /* End IE5-Mac hack */

#main {
clear: left;
float: left;
margin: 4px 0 16px 0;
padding: 0px 8px 4px 0px;
width: 610px;
min-height: 400px;
background:#fff;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}

#right {
float: left;
margin: 0;
padding: 2px;
width: 180px;
text-align: center;
background:#fff;
}

#right p {
text-align: center;
padding: 24px 2px 2px 2px;
}

#right table {
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 12px;
color: #006;
text-align: center;
border: 1px solid #006;
}

p, table {
	padding: 4px;
	margin-left: 4px;
	text-align: left;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #006;
}


li {
padding-top: 2px;
text-align: left;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 12px;
color: #006; 
}

h1 {
text-align: left;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 18px;
padding: 0 0 4px 0;
color:#006;
border-bottom: 2px solid #000066;
}

h2 {
text-align: right;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 16px;
color:#006;
}

h3 {
margin-left: 8px;
text-align: left;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 16px;
color:#006;
}


.headline {
position: absolute;
top: 2px;
right: 2px;
margin: 0;
padding: 0;
width: 40%;
text-align: center;
font-size: 16px;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
color:#666;
}


.this {
font-size: 14px;
font-weight: bold;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
color:#006;
}

.small {
font-size: 10px;
font-weight: normal;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
color:#006;
}

.smallgray {
font-size: 10px;
font-weight: normal;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
color:#AAA;
}

.black {
font-size: 18px;
text-decoration: underline;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
color:#000; 
}

.no {display: none;}


a:link {color:#00C;}
a:active {color:#00C; }
a:visited {color:#00C; }
a:hover {color: #DEA23B; }