/* ---- BASIC LAYOUT ---- */
html, body, #wrap {
    height: 100%; 
    margin:0; 
    padding:0;
}
body {
    background: #326e9c url(images/bg_top.gif) repeat-x top;
}
#wrap {
    background:url(images/bg_body.png) repeat-y center; 
    width: 986px; 
    margin: 0 auto; 
}
body > #wrap {
    height: auto; 
    min-height: 100%;}
#main {
    background:url(images/bg_page.jpg) no-repeat top center; 
    padding:0 51px 100px 52px; /* bottom padding = footer height */
}  
/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#footer {
    position: relative;
    height: 100px;
    clear:both;
    background:url(images/bg_footer.png) no-repeat top center; 
    width:986px; 
    margin:-100px auto 0 auto;  /* negative value of footer height */
} 

/* ---- FONTS ---- */
body {color:#292728; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; line-height: 1.2;}
p {padding:0; margin:4px 0 14px 0;}
h1, h2, h3, h4 {padding:0; margin:0; font-weight:bold;}
h1 {font-size:13px; color:#004b84; padding:10px 0;}
h2 {font-size:12px; color:#004b84;}
h3 {font-size:11px;}
a:link, a:visited {color:#005006;}
a:hover {text-decoration:none;}

/* ---- REPEATED ELEMENTS ---- */
.clear {clear:both;}
img {border:none;}
select, input {font-size:11px;}
select.styled {height:22px; padding:2px;}
.box {position:relative; color:#004b84; height:99px; z-index:2;}
.box img {margin: 11px 7px;}
.boxContent {background:url(images/bg_side_box.png) no-repeat; position:absolute; top:0; left:-4px; width:233px; height:99px;}
.boxContentReddot {background:url(images/bg_side_box.png) no-repeat; position:absolute; top:0; left:-4px; width:233px; height:auto;}
/* ---- UTLITY NAV AND SEARCH ---- */
.utility {padding:24px 0 0 0; font-size:10px; text-align:right; width:712px; float:left; color:#FFF}
.utility a:link, .utility a:visited {color:#FFF; text-decoration:none;}
.utility a:hover {text-decoration:underline;}
.search {padding:15px 10px 0; text-align:right; width:146px; float:left;}
.search input.text {font-size:10px; border-color:#8E8E8E; margin:0; width:112px;}
.search input.btn {vertical-align:bottom; margin:0; width:34px; height:28px;}

/* ---- HEADER ---- */
.header {background:url(images/bg_header.png) no-repeat top center; width:883px; height:381px; position:relative; z-index:1}
.flash, .logo, .caption {position:absolute; top:30px; left:30px; z-index:10;}
.caption {background:url(images/bg_header_text.png) no-repeat right; color:#fff; left:auto; right:31px; padding: 5px 15px; font-size:13px;}

/* ---- MAIN CONTENT ---- */
.content {background:url(images/bg_content.jpg) no-repeat top center; padding:0 13px; width:857px;}
.contentMain {float:left; width: 529px; padding:10px 29px;}
.contentWide {float:left; width: 799px; padding:10px 29px;}
    .breadcrumb {color:#407048; font-size:11px; padding-bottom:8px; border-bottom:1px solid #b9babb; margin-bottom:10px;}
    .breadcrumb a:link, .breadcrumb a:visited {color:#004b84; text-decoration:none; background:url(images/arrow_bc.gif) no-repeat right; padding-right:9px;}
    .breadcrumb a:hover {text-decoration:underline;}
    
    .breadcrumb .sizer {float:right; width: 100px; color:#292728; text-align:right;}
    .breadcrumb .sizer a, .sizer a:visited {color:#292728; padding:0 2px; background:none;}
    .breadcrumb #sm {font-size:11px;}
    .breadcrumb #md {font-size:12px;}
    .breadcrumb #lg {font-size:13px;}
    
    .icons {text-align:right; padding:10px 0; border-top: 1px solid #b9babb; margin-top:20px;}
    .icons img {margin-left:10px;}
    .icons table {float:right;}
    
    .tertiary .box {float:left; margin: 0 4px 14px 0;}
    .tertiary .boxContent {background:url(images/bg_nav_tertiary.png) no-repeat; width:137px; height:116px;}
    .tertiary .boxContent table {position:absolute; top:92px; left:11px; font-size:10px; line-height:10px; height:20px;}
    .tertiary .boxContent img {margin:0;}
    .main .box {height:164px;}
    .main .boxContent {background:url(images/bg_main.png) no-repeat; width:537px; height:164px;}
    .main .boxContent p {position:absolute; right:50px; top:139px; z-index:12}
    .main .boxContent img {position:absolute; right:4px; top:131px; z-index:12}
    
    .callout .box {height:170px;}
    .callout .box img {margin: 24px 7px 11px;}
    .callout .boxContent {background:url(images/bg_callout.png) no-repeat; width:537px; height:164px; padding: 7px 11px;}
    .callout .copy {position:absolute; right:12px; top:30px; z-index:13; width:278px; color:#292728;}    
    .callout .copy a, .callout .copy a:visited {color:#292728;}
    .callout .copy strong a, .callout .copy strong a:visited {color:#004b84}
    
    .thumb .box {float: right; margin:-10px 10px 5px 10px; height:134px;}
    .thumb .boxContent {background:url(images/bg_thumb.png) no-repeat; width:186px; height:134px;}

    .gallery .box {float: left; margin:-10px 6px 5px 12px; height:auto; width:177px; color:#292728;}
    .gallery .box p {padding:0 12px 0 2px;}
    .gallery .boxContent {background:url(images/bg_gallery_thumb.png) no-repeat; width:177px; height:128px;}
    .galleryReddot .box {float: left; margin:-10px 6px 5px 12px; height:auto; width:177px; color:#292728; border:1px;}

.contentSide {float:left; width:245px; padding:5px 0 0 25px;}
    .resBox {background:#004a82 url(images/corner_res.gif) no-repeat bottom right; width:195px; padding:10px 15px 1px; color:#FFF; margin-bottom:4px;}
    .resBox h1 {color:#FFF; padding:0 0 2px 0;}
    .resBox a:link, .resBox a:visited {color:#FFF;}
    
    .contentSide .boxContent p {position:absolute; left:11px; top:74px; z-index:12}
    .contentSide .boxContent img {position:absolute; left:190px; top:66px; z-index:12}
    .eNewsBox {background:#959595 url(images/corner_enews.gif) no-repeat bottom right; width:195px; padding:10px 15px 1px; margin-top:4px; color:#4B4B4B;}
    .eNewsBox h1 {padding:0 0 2px 0; color:#4B4B4B}
    .eNewsBox a:link, .eNewsBox a:visited {color:#4B4B4B;}

/* ---- RedDot Style ---- */
.reddot p span {color:#FF0000;}

/* --- Dynamic Text Area --- */
.optioncontentDark 
{
    background-color: Lime;
}

/* ---- FOOTER ---- */
.footerLogos {
    width:190px;
    float:left;
    padding: 40px 0 0 50px;
}
.footerLogos img {
    margin: 0 5px 0 0;
}
.foot {
    width:620px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    margin: 42px 10px 0 0;
    padding-top:10px;
    border-top: 1px solid #b9babb;
    color:#666;
}
.footer {
    width:450px;
    float: left;
}
.terms {
    width:170px;
    float: left;
    text-align:right;
}
.footer ul {
    margin: 0 0 5px 0;
    padding:0;
    height:11px;
}
.footer ul li {
    list-style:none;
    display:inline;
    margin:0;
    padding: 0 3px 0 4px;
}
.footer ul li {
    border-left: 1px solid #b2b2b2;
}
.footer ul li.first {
    border:none;
    padding-left:0;
}
.footer a:link, .footer a:visited, .terms a:link, .terms a:visited {
    color:#666;
    text-decoration:none;
}
.footer a:hover, .terms a:hover {
    color:#AAA;
    text-decoration:none;
}
.terms p, .footer p {
    margin:0 0 5px 0;
    padding:0;
    line-height:11px;
}
.dnc {width:58px; 
    float:left; 
    padding:31px 0 0 0;}