body {background-color:#c8c8c8; margin:0; font-family:arial, verdana, geneva, tahoma, sans-serif;
    text-align:center;/* IE hack to center page contents */}

table, td, h1, h2, h3, p, a, span, ul, li, dl, dt, dd, input, textarea {text-align:left;}
    
.clearFloats {clear:both; line-height:1px; font-size:1px;}

.skiplink {display:none;}

img {border:0;}


/* ---- links ----------------------------------------- */
a:link {color:#eb5f01; text-decoration:underline;}  
a:visited {color:#369; color:#eb5f01;}
a:hover {color:#369; text-decoration:none;}
a:active {color:#369;}

/* ---- ids & classes ----------------------------------------- */

#frame { /* this centers the page */
    margin:5px auto; width:755px; background-color:white; position:relative; border:1px solid white;}
    
#container { /* holds contentWrap & menuBox divs */
    width:auto;}
    
#metaInfo {position:absolute; top:4px; left:192px; color:white; font-size:70%; width:300px; text-align:left;}
    #metaInfo a {color:white; text-decoration:none;}
    #metaInfo a:hover {color:#4082a3; text-decoration:underline;}
    #metaInfo span {padding-left:8px; padding-right:8px;}
    #metaInfo #spiderTrap a:link, #spiderTrap a:visited, #spiderTrap a:hover, #spiderTrap a:active { color: white;
        text-decoration: none; cursor: default }
    
#headerTop {width:755px; height:106px; background:url(images/headerTop.jpg) no-repeat; text-align:left;}
    #headerTop h1, #headerTop h2 {display:none;}
    .logolink {margin:20px 0 0 80px;width:245px;display:block;}

    #headerBottom {width:560px; height:73px; background:url(images/headerBottom.jpg) 319px 0 no-repeat; 
        /*border-bottom:1px solid black;*/ margin-right:10px; vertical-align:text-bottom; overflow:visible;}
    #headerBottomLine {width:560px; margin:0 10px 0 0;}
    #headerBottom h1 {width:310px; float:left; margin:0;}
    #headerBottom h1.interior {font-size:105%; padding:30px 0 5px 11px;margin:0;}
    #headerBottom h1.home {font-size:75%; padding:12px 0 8px 11px; line-height:140%; color:#666;}

#qksrvlinks {margin-top:12px; width:560px;} /* small ads at top of home page */
    #qksrvlinks img {margin:0 6px;}
    
#contentWrap {float:right; width:572px;}
    #contentWrap h2 {color:#eb5f01;}
    #contentWrap h3 {color:#004f6f;}
    #contentHome {background-color:#eff5f7; font-size:75%; padding:12px 12px 0 14px; margin:10px 0; margin-right:12px; 
        border-right:2px solid #bfd5e0; border-bottom:2px solid #bfd5e0;}
        #contentHome h3 {margin:0; font-size:135%;}
        #contentHome p {margin:0; padding-bottom:14px;}
        #contentHome a.black {color:black;text-decoration:none;}
    .content {background-color:#f4f2e8; font-size:75%; padding:12px 12px 0 14px; margin:10px 0; margin-right:12px;
        border-right:2px solid #ebdcc1; border-bottom:2px solid #ebdcc1;text-align:left;}
        .content h2 {margin: 0 0 10px; font-size:135%;}
        .content h3 {margin: 14px 0 10px 0; font-size:120%;}
        .content p {margin: 0 0 14px 0}
            .content p.right {text-align:right !important; padding-top:0;}
    #contentAds {background-color:#eff5f7; padding:12px 12px 10px 14px; margin-right:12px; 
        border-right:2px solid #bfd5e0; border-bottom:2px solid #bfd5e0;}
        #contentAds table {margin-bottom:10px; width:100%;}
        #contentAds table td {font-size:75%; padding:3px; background-color:white; vertical-align:top;}
        #contentAds table td h2 {font-size:125%; margin-top:12px;}
        #contentAds table td .title {color:#369; text-decoration:none;}
        #contentAds table td h2 a {color:#369; text-decoration:none;}
        #contentAds table td h2 a:hover {text-decoration:underline;}
        /*#contentAds table td a.title {color:#369; text-decoration:none;}
        #contentAds table td a.title:hover {text-decoration:underline;}*/
        #contentAds table td.imageCell {width:30%;}
            td.imageCell img {margin:10px;}
            
#menuBox {float:left; width:165px;}
        
#menuWrap {position:absolute; top:105px; left:0px;  width:165px; text-align:left;}
    #navMenu {background-color:#005884; font-size:75%;}
        #navMenu ul {margin:0 0 0 0;}
        #navMenu ul {padding:10px 0 8px 0;}
        #navMenu li {padding-left:13px; padding-right:8px;}
        #navMenu ul, #navMenu li {list-style:none; line-height:160%;}
        #navMenu a {color:white; text-decoration:none;}
        #navMenu a:hover {color:#4082a3; text-decoration:underline;}
        #navMenu li.on {color:white; background-color:#4082a3;}
        #navMenu li.on a:hover {color:#005884;}
        #navMenu h3 {display:none;}
    #articlesMenu {color:#004f6e; font-size:70%; padding-left:13px; padding-right:10px;}
        #articlesMenu h3 {margin:14px 5px 10px 0; font-size:120%;}
        #articlesMenu dl, #articlesMenu dt, #articlesMenu dd {margin:0; padding:0;}
        #articlesMenu dd {padding-bottom:8px;}
        #articlesMenu dt {padding-bottom:8px;}
        #articlesMenu a {font-weight:bold;color:#004f6e; text-decoration:none;}
        #articlesMenu a:hover {color:#4082a3; text-decoration:underline;}

#siteMap {background-color:#f4f2e8; font-size:65%; padding:12px 12px 10px 14px; margin:10px 0; margin-right:12px;
    border-right:2px solid #ebdcc1; border-bottom:2px solid #ebdcc1; text-align:left;}
    #siteMap h2 {margin:0; padding-bottom:0; font-size:155%;}
    #siteMap table {padding:2px; width:100%;}
    #siteMap table td {vertical-align:top; width:25%;}
    #siteMap a {color:#000; text-decoration:none;}
    #siteMap a:hover {color:#369; text-decoration:underline;}

#teaserlinks{
    color:#666;
}


#footer {text-align:left; font-size:65%; padding:18px 6px 6px 6px;}
    #footer p {margin:0;}
    #footer a {color:#369; text-decoration:underline;}
    #footer a:hover {color:#eb5f01; text-decoration:none;}
