﻿html, body { background: #b6bec9 url(images/global/pagebg.gif); background-repeat: repeat-x; background-position: left top; }

#wrap { position: relative; width: 980px; margin: 0 auto; }

#masthead { height: 20px; padding: 0px 0px 10px 0px; }

#toplogo { float: left; width: 221px; height: 60px; padding: 10px 0 0 10px; }

.logo { float: left; width: 302px; height: 61px; padding-top: 25px; padding-left: 25px; }

.cplogin { float: right; width: 127px; height: 31px; padding-top: 0px; padding-right: 15px; }

/** Horizontal Navigation Area **/

#topnav { width: 979px; margin-top: 5px; }

/** Sub Nav Links **/

#sub-nav { margin: 0px; padding: 0px; font-size: 12px; list-style: none; }

#sub-nav ul { margin-left: 0px; padding-right: 0px; }

#sub-nav li { border-bottom: 1px solid #f2e0d0; height: 29px; }

#sub-nav li a { border: 0; color: #663; height: 29px; voice-family: "\"}\""; voice-family: inherit; height: 22px; text-decoration: none; background: url(images/global/sub-nav-bullet.gif) no-repeat 0 11px; display: block; padding: 7.5px 0 0 15px; }

#sub-nav li a:hover { color: #fff; background: url(images/global/sub-nav-hover.gif) no-repeat; padding: 7.5px 0 0 15px; border: 0; }

#sub-nav .bottom { border: none; }

.sidebarheader { vertical-align: middle; background: #E0F1B1 url(images/bg-menu-example.png) repeat-x left top; font: 16px/16px Arial, Helvetica, sans-serif; font-weight: bold; color: #669900; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; border-bottom-color: #a7da29; border-bottom-style: solid; border-bottom-width: 1px; border-top-color: #a7da29; border-top-style: solid; border-top-width: 1px; margin-top: 5px; }

/** Banner Area **/

#banner { margin: 10px 0px 0px 0px; width: 980px; height: 120px; background: url(images/global/banner.jpg) top left no-repeat; position: relative; }

#bannertitle { padding-left: 20px; padding-top: 8px; height: 30px; width: 650px; }

#bannermidbox { position: absolute; top: 2px; left: 350px; clear: both; }

#promobanner { position: absolute; top: 0px; right: 0px; background: url(images/global/promobanner.gif) top right no-repeat; width: 130px; height: 104px; }

#breadcrumbs { padding: 0px; color: #666666; margin: 13px 0 0 0; font-size: 10px; font-weight: bold; }

#breadsupport { padding: 0 5px 0 15px; width: 80px; float: left; }

#breadcrumb-list { width: 850px; }

#breadcrumb-list li { background: url(images/global/breaddiv.gif) no-repeat; padding: 0 0 0 15px; display: inline; list-style-type: none; }

/** Backgrounds **/

.bgheader { background: url(images/global/subnavbar.gif) no-repeat left top; width: 980px; height: 69px; }
.bgmiddle { background: url(images/global/contentbg.gif) repeat-y left top; width: 980px; height: 100%; }
.bgfooter { background: url(images/global/footer.gif) no-repeat left bottom; width: 980px; height: 54px; }

/** Content Layout **/

#content { clear: both; overflow: hidden; height: 1%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/** 1-Column Layout **/

#maincontent { width: 980px; margin-right: 30px; margin-left: 30px; }

/** 2-Column Layout **/

#primarycontent {
    margin: 0 10px 0 30px;
    position: relative;
    width: 650px;
    float: left;
}

#secondarycontent { width: 250px; float: right; margin-left: 8px; margin-right: 30px; }

#footericons { margin: 5px 0px 5px 0px; padding: 0px; background-position: center bottom; background: #fff url(images/global/footericons.jpg) no-repeat center bottom; width: 980px; height: 46px; clear: both; }

/** Footer Area **/

#footer { clear: both; width: 980px; }
#footer ul { margin:auto; text-align:center; width:960px; font: normal 12px/19px Arial, Helvetica, sans-serif; }
#footer ul li { display:inline; padding:0 20px; text-decoration: none; }
#footer ul li a { color:#a5c4dd; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }
#footer ul li a:hover { color: #3366CC; text-decoration: underline; }

#copyright { margin: auto; font: normal 11px/19px Arial, Helvetica, sans-serif; color: #a5c4dd; background-color: inherit; text-align: center; margin-bottom: 0px; width: 960px; }

.legallinks { color: #a5c4dd; }