/* CONTENT STYLES */

body
{
margin: 0; 
padding-top: 18px;
background-image:url('../images/gradient_bg_ss.jpg');
background-repeat:repeat-x;
background-color:#666666;
text-align: center;
}

#content {
width: 949px;
margin-left: auto;
margin-right: auto;
background-color:#ffffff;
padding-top:18px;
padding-bottom:18px;
padding-right:18px;
padding-left:18px;
}

table {
border-bottom: 5px solid #ffffff;
}

table.chart {
border-bottom: 0px solid #ffffff;
}

/* FONT STYLES */
.reg {font-size:70%;vertical-align:text-top}

p {
font-size:12px;
color:#666666;
font-family:"arial",helvetica,san-serif;
text-align:left;
}

p.top {
font-size:12px;
line-height:16px;
color:#666666;
font-family:"arial",helvetica,san-serif;
text-align:right;
}

p.topnav {
font-size:12px;
line-height:16px;
color:#999999;
font-family:"arial",helvetica,san-serif;
text-align:left;
}

p.chart {
font-size:12px;
line-height:16px;
color:#000000;
font-family:"arial",helvetica,san-serif;
text-align:left;
}

p.ecostory {
font-size:12px;
line-height:16px;
color:#ffffff;
font-family:"arial",helvetica,san-serif;
text-align:left;
padding-left: 26px;
padding-right: 32px;
}

h1 {
font-size:24px;
line-height:16px;
color:#ffffff;
font-family:"arial",helvetica,san-serif;
text-align:left;
}

p.footer {
font-size:11px;
line-height:11px;
color:#ffffff;
font-family:"arial",helvetica,san-serif;
text-align:left;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}

p.footer1 {
font-size:11px;
line-height:11px;
color:#ffffff;
font-family:"arial",helvetica,san-serif;
text-align:right;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}

p.rightcol {
font-size:12px;
line-height:16px;
color:#ffffff;
font-family:"arial",helvetica,san-serif;
text-align:left;
}

ul.rightcol {
font-size:12px;
line-height:16px;
color:#ffffff;
font-family:"arial",helvetica,san-serif;
text-align:left;
}

ul.rightcol li {
margin-bottom:0.5em
}

p.rightcol2 {
font-size:12px;
line-height:16px;
color:#ffffff;
font-family:"arial",helvetica,san-serif;
text-align:right;
}

p.table {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}

#vids td {padding:10px;text-align:center;font-family:"arial",helvetica,san-serif;color:#fff;font-size:14px}
td.mainmsg {padding:10px 20px;font-size:18px;line-height:22px;background-color:#7e807e;font-family:"arial",helvetica,san-serif;color:#fff;}

/* POP-UPs */
body.video {font-family:Arial, Helvetica, san-serif;font-size:0.8em;padding-top:0;margin:5px;background-image:none;background-color:#fff;}
#closewin {text-align:right;margin-bottom:1em;font-size:10px}
#closewin img {vertical-align:text-bottom}
.video a {color:#039;text-decoration:underline}
.video a:hover {color:#666;text-decoration:underline}
.video a:visited {color:#039;text-decoration:underline}
.video a:visited:hover {color:#666;text-decoration:underline}


/* LINK STYLES */

.top a:link {text-decoration: underline; color: #666666;}
.top a:visited {text-decoration: underline; color: #666666;}
.top a:active {text-decoration: underline; color: #666666;}
.top a:hover {text-decoration: underline; color: #666666;}

.broch a:link {text-decoration: underline; color: #666666;font-weight:bold}
.broch:visited {text-decoration: underline; color: #666666;font-weight:bold}
.broch a:active {text-decoration: underline; color: #666666;font-weight:bold}
.broch a:hover {text-decoration: underline; color: #666666;font-weight:bold}

.charts a:link {text-decoration: underline; color: #000000;}
.charts a:visited {text-decoration: underline; color: #000000;}
.charts a:active {text-decoration: underline; color: #000000;}
.charts a:hover {text-decoration: underline; color: #999999;}

.bottom a:link {text-decoration: underline; color: #ffffff;}
.bottom a:visited {text-decoration: underline; color: #ffffff;}
.bottom a:active {text-decoration: underline; color: #ffffff;}
.bottom a:hover {text-decoration: underline; color: #ffffff;}

.mainmsg a:link {text-decoration: underline; color: #ffffff;}
.mainmsg a:visited {text-decoration: underline; color: #ffffff;}
.mainmsg a:active {text-decoration: underline; color: #ffffff;}
.mainmsg a:hover {text-decoration: underline; color: #ffffff;}

#vids
a:link {text-decoration: underline; color: #ffffff;}
a:visited {text-decoration: underline; color: #ffffff;}
a:active {text-decoration: underline; color: #ffffff;}
a:hover {text-decoration: underline; color: #ffffff;}