body {
  font-size: 13px;
}
div#main {
    width: 993px;
    position: relative;
    margin: 0 auto;
}
a:link {
	color: #00357D;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #00357D;
}
a:hover {
	text-decoration: underline;
	color: #00357D;
}
a:active {
	text-decoration: none;
	color: #00357D;
}

em {
    color: #ff6600;
    font-weight: bold;
    font-size: larger;
}
em b {
    color: #ff3200;
    font-size: xx-large;
}

img#unravelit-logo {
    float: left;
}

.right {
    float: right;
}

div#nav-top {
    clear: both;
    /*float: left;*/
}
div#nav-top ul {
    margin: 0;
    padding: 0;
    list-style-type:none;
}
div#nav-top li {
	/*float:left;*/
    display: inline;
	margin-right:1px;
}
div#nav-top li a {
	font:bold 11px Verdana, Arial, sans-serif;
	padding:9px 10px;
	color:#fff;
	white-space: pre;
	text-transform:uppercase; 
	display: inline-block; 
	text-decoration:none;
	text-align:center;
}
div#nav-top a:active, div#nav-top a:visited, div#nav-top a:link {
    color: #fff;
}
div#nav-top a:hover {
    color: #fff;
    text-decoration:underline;
}
.tab-generic {
	background: url(../images/tab_blue.jpg);
	height: 12px;
	width: 46px;
}
.tab-energy {
    background: url(../images/tab_energy.jpg);
    height: 12px;
	width: 69px;
}
h1#welcome {
    color: #fff;
    background-color: #00355f;
    height: 32px;
    line-height: 32px;
    margin: 0 0 5px 0;
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    padding: 0 0 0 5px;
}
h1#welcome span {
    display: inline-block;
    vertical-align: middle;
}
div#nav-left {
    float: left;
    width: 160px;
}
div#content {
    float: left;
    margin-left: 10px;
    max-width: 780px;
}
div#header, div#footer {
    clear: both;
}

div#nav-left h3.nav-header{
	font: bold 13px Verdana;
	color: white;
	background: #00355f url(../images/nav-header.jpg);
	margin: 0;
	text-transform: uppercase;
	padding: 7px 0 7px 6px;
}
div#nav-left ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#nav-left ul li{
    padding-bottom: 2px;
}
div#nav-left ul li a{
	font: normal 12px Arial;
	color: #2c5b87;
	background: #e2f1ff;
	display: block;
	padding: 5px 0 5px 8px;
	line-height: 17px;
	text-decoration: none;
}
div#nav-left ul li a:visited{
	color: #2c5b87;
}
div#nav-left ul li a:hover{ /*hover state CSS*/
	color: white;
	background: #2c5b87;
}

div#content, div#nav-left {
    margin-bottom: 10px;
}
div#content h2, div#content h3 {
    color: #2c5b87;
    margin: 10px 0 5px 0;
}
div#content p {
    margin: 5px 0;
}

div#footer {
	font-size: 11px;
	color:#00355f;
	font-weight: bold;
	padding: 15px 0 10px 5px;
	border-top: 2px solid #00355f;
	border-bottom: 15px solid #00355f;
}
div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active {
	color: #00355f;
	text-decoration: none;
}

iframe#energy-channel {
    padding: 0;
    margin:  0;
    border:  none;
    width:   800px;
    height:  550px;
}