﻿
/* ------------------------------------------------------------------------------------------ html Classes */
body, div, input, textarea, a, h1, h2, h3, h4, h5, h6, select, li, ul
{
    font-size:8pt;
    font-family: Verdana, Arial, Sans-Serif;
    color:#000;
}

body
{
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6{color:#ef1808;}
h1{font-size: 18px;}
h2{font-size: 16px;}
h3{font-size: 14px;}
h4{font-size: 12px;}

a:link, a:visited
{
    color: #ef1808;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

/* ---------------------------------------------------------------------------------------- Main containers */

#main
{
    width:780px;
    text-align:left;
}

#content
{
    width:780px;
    text-align:left;

}

/* ---------------------------------------------------------------------------------------- Header Classes */
#header
{
    margin:20px 0px 20px 0px;
    height:54px;
    width:780px;
}

#logo
{
    width:144px;
    float:left;
    height:54px;
}

#logo img
{
    margin:0px 18px 0px 36px;
}

.bannerMenu
{
    float:left;
}

.bannerMenu ul
{
    list-style-type:none;
    margin:4px 0px 0px 0px;
    padding:0px;

}

.bannerMenu ul li
{
    float:left;  
    width:90px;
    height:50px;
    line-height:140%;
}

.bannerMenu a
{
    font-size:8pt;
    font-weight:bold;
    display:block;
    width:70px;
    height:30px;
    padding:10px;
}

.bannerMenu li a:link, .bannerMenu li a:visited, .bannerMenu li a:active
{
    color:#fff;
    background:#fff url(/Resources/EnergyChallengeResources/Images/menubg.jpg) left no-repeat;
}


.bannerMenu li.l1Current a:link, .bannerMenu li.l1Current a:visited, .bannerMenu li.l1Current a:active, .bannerMenu li a:hover
{
    background:#fff url(/Resources/EnergyChallengeResources/Images/menubgover.jpg) left no-repeat;
    color:#ef1808;    
}


/* --------------------------------------------------------------------------------------- Footer Classes */

.footer
{
    width:780px;
    clear:both;
    margin:20px 0px 0px 0px;
    color: #979797;
    height:50px;
}

.footer ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-left:1px solid #979797;
}

.footer li
{
    color: #969696;
    display: inline;

}

.footer a
{
    border-right:1px solid #979797;
    padding:0px 8px 0px 8px;
}

.footer a:link, .footer a:visited
{
    color: #979797;
}

.divCertAuthority
{
    text-align:right;
    clear:both;
}

/* ---------------------------------------------------------------------------------------- stuff Classes */
.colLeft, .colRight
{
    float:left;
}

.colLeft{width:490px;}
.colRight{width:290px;}

.colRight a img.blockImage
{
    width:290px;
}

.colLeft .title img.titleImage{width:490px;}
.colLeft .copy
{
    clear:both;
    line-height:140%;
    margin:20px 0px 20px 0px;
}


/* ---------------------------------------------------------------------------------------- Accessibility Classes */
.hidden
{
    position:absolute;
    left:-3000px;
}