
html 
{
    min-height: 100.1%;
}
BODY
{
    background-color: #FFF; 
    margin: 0; 
    font-size: 82.5%; 
    font-family: Myriad Pro, Helvetica, Arial, sans-serif; 
    line-height: 18px; 
    text-align: left; 
    color: #000;
}
p 
{
    text-align: left;
}
div#footer {font-size: 85.7%; width: 940px; margin: 48px 0 24px 0; clear: both; background-color: #DDD; padding: 10px}
div#footer A {color: #333; text-decoration: underline}
div#footer A:hover {color: #000; text-decoration: underline}
div#footer #footerCopyright {float: left}
div#footer #footerLegal {float: right; text-align: right}
h1, h2, h3, h4, h5, h6
{
    font-family: Myriad Pro, Helvetica, Arial, sans-serif; 
    font-weight: bold;
}
H2 
{
    font-size: 18px; 
    margin: 0 0 15px 0;
}
H3 {font-size: 14px; font-weight: normal; margin: 0 0 5px 0px; border-bottom: 1px solid #eee; line-height: normal}
H3.features {font-size: 14px; font-weight: normal; margin: 0 0 5px 0px; padding-bottom: 3px; border-bottom: 1px solid #ccc}
H4 {font-size: 14px; font-weight: bold; margin: 0 0 5px 0px; padding-bottom: 3px; border-bottom: 1px solid #aaa}
H2#featuredHeader
{
    color: #3094ec;
}
#header {background: url(../images/bgHeader.jpg) repeat-x 0 0; height: 310px;}
#header #headerContent 
{
    color: #ffffff;
    width: 960px; 
    margin-left: auto; 
    margin-right: auto;
}
#header #headerContent #top {height: 50px; padding: 11px 0px 6px; margin: 0 0 15px; border-bottom: 1px solid #444444}
div#carousel {width: 240px; float: left}
div#advertisementFrame {width: 210px; height: 210px;}
div#fcopy {width: 720px; color: #eee; float: right;}
div#fcopy h2 {color: #7ebef7}
#frame #content {width: 960px; margin-left: auto; margin-right: auto; padding-top: 15px}
div#lcol {width: 596px; padding-right: 24px; border-right: 1px solid #ddd; float: left}
div#rcol {width: 315px; margin-left: 24px; float: left}
div#main {width: 960px}
#contactForm form {margin-bottom: 24px}
#contactForm form input {font-family: Myriad Pro, Helvetica, Arial, sans-serif; font-size: 12px; color: #000}
#contactForm form dl {margin: 0}
#contactForm form dl dt {margin: 0 0 3px 0; font-weight: normal}
#contactForm form dl dd {margin: 0 0 10px 0}
#contactForm form textarea {font-family: Myriad Pro, Helvetica, Arial, sans-serif; font-size: 12px; color: #000; width: 306px; height: 75px; padding: 3px; border: 1px solid #DDD}
#contactForm form div#error img {float: left; margin-right: 10px}
#contactForm form div#footer A:visited {color: #000; text-decoration: underline}
#contactForm input.small {width: 200px; padding: 3px; border: 1px solid #DDD}
#contactForm #contactFormResponse .success {padding: 10px 10px 10px 50px; background: #ebeba9 url(images/promote/website/live/success.png) no-repeat 6px 6px; border: 1px solid #D4D4A7; margin-bottom: 10px}
#contactForm #contactFormResponse .error {padding: 10px 10px 10px 50px; background: #FFD4D9 url(images/promote/website/live/error.png) no-repeat 6px 6px; border: 1px solid #D4D4A7; margin-bottom: 10px}
#contactForm #contactFormResponse p {margin-bottom: 0}
.boxBL {background: url(../images/imgBoxBL.jpg) 0 100% no-repeat #dddddd;}
.boxBR {background: url(../images/imgBoxBR.jpg) 100% 100% no-repeat;}
.boxUL {background: url(../images/imgBoxUL.jpg) 0 0 no-repeat;}
.boxUR {background: url(../images/imgBoxUR.jpg) 100% 0 no-repeat; padding:10px;}
.clear {clear: both; line-height: 0; height: 0; font-size: 0}
.weak {color: #999}
