/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,table,tr,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }

html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #DEE0E2; }
hr { border-color: #AAAAAA; border-width: 1px; border-top-style: solid; border-bottom-style: none; border-left-style: none; border-right-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; }

.mr0 { margin-right: 0px; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ul li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #FFFFFF; font-size: 20px; line-height: 24px; margin-top: 280px; margin-left: 220px; font-weight: normal; }
h2.title { color: #414c7b; font-size: 20px; line-height: 24px; margin-bottom: 16px; margin-top: 15px; }


h2 { color: #368CCC; font-size: 13px; margin: 0px 0px 2px 0px; font-weight: normal; font-weight: bold; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a, textarea, input, select  { color: #333333; font-size: 11px;  line-height: 16px; }
a  { color: #368CCC; font: normal 11px Verdana; text-decoration: underline; }
a:hover { text-decoration: underline; }



/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main { width: 961px; margin: 0px auto; }

#header { margin-bottom: 20px; }
#logo { margin-top: 20px; margin-left: 40px; float: left; border: none; }
#tagline { margin-top: 57px; margin-left: 50px; float: left; }


#headerBox { height: 350px; }
#topNav { text-align: right; margin-right: 40px;  }
#topNav a { font-size: 12px; color: #000000; text-decoration: none; background: url('../images/layout/nav-top-bg.gif') no-repeat center left; height: 33px; line-height: 32px; height: 32px; padding: 9px 0px 9px 11px; margin-left: 35px; }
#topNav a:hover, #topNav a.o { text-decoration: underline; }




#leftNav { width: 199px; float: left; padding-top: 20px; }
    #leftNav ul { margin: 0px; padding: 0px; }
    #leftNav ul li { margin: 0px; padding: 0px; list-style-type: none; }

    #leftNav ul li ul { display: none; position: absolute; float: left; margin-left: 199px; padding-left: 2px; margin-top: -33px; width: 219px; z-index: 1000; }
    #leftNav ul li ul li a { text-decoration: none; text-align: left; color: #FFFFFF; padding-left: 12px; background: #BDBEC0; }
    #leftNav ul li ul li a:hover { background: #ABACAE; }

    #leftNav a { text-decoration: none; display: block;  font-size: 13px; line-height: 17px; color: #333333;  text-align: right; padding-right: 20px; padding-top: 8px; padding-bottom: 8px; }
    #leftNav a:hover, #leftNav a.o { text-decoration: none; background: url('../images/layout/nav-left-bg.gif') no-repeat center right;  }

#leftNav li ul a { font-size: 12px; }


#body { min-height: 270px; width: 750px;  float: left; padding-top: 30px; border-width: 2px; border-color: #AAAAAA; border-left-style: solid; padding-left: 20px; }


#footer_left { color: #808285; margin-left: 40px; margin-top: 20px; font-size: 10px; width: 400px; float: left; }
#footer_right { color: #808285;  margin-top: 20px; font-size: 10px; width: 500px; float: right; }
#footer span { color: #368CCC; }

#footer a { color: #808285; font-size: 10px; }
#footer a:hover, #footer a.o { color: #808285; font-size: 10px; text-decoration: underline; }

#footer_right a { color: #808285; text-decoration: none; font-size: 10px; }



.homeBox { width: 200px; float: left; margin-right: 25px; margin-left: 15px; }
.homeBox h2 { margin-top: 10px; font-size: 16px; font-weight: normal; font-weight: bold;  }
.homeBox a img { border: none; opacity: 0.75; MoZOpacity: 0.75; filter: alpha(opacity=75); }
.homeBox a:hover img { border: none; opacity: 0.99; MoZOpacity: 0.99; filter: alpha(opacity=99); }


.homeBox a p { border: none; opacity: 0.50; MoZOpacity: 0.50; filter: alpha(opacity=50); }
.homeBox a:hover { text-decoration: none; }
.homeBox a:hover p { border: none; opacity: 0.99; MoZOpacity: 0.99; filter: alpha(opacity=99);  text-decoration: none; }
.homeBox a:hover h2 { text-decoration: underline; }


#leftColumn { width: 505px; float: left; padding-right: 20px; }


#rightColumn { min-height: 190px; float: right; width: 220px; margin-left: 0px; padding-left: 15px; border-width: 2px; border-color: #AAAAAA; border-left-style: solid; }
#rightColumn h2 { margin-bottom: 8px; }

#rightColumn2 { min-height: 190px; float: right; width: 220px; margin-left: 0px; padding-left: 15px; padding-right: 0px; border-width: 2px; border-color: #AAAAAA; border-left-style: solid; }
#rightColumn2 h2 { margin-bottom: 8px; }


#sitemap ul { margin-left: 15px; float: left; width: 165px; }
#sitemap ul li { list-style-type: none; }



.contactForm th { padding-right: 10px;  }
.contactForm th, .contactForm td { padding-bottom: 5px; }



.tab { width: 100%; border-color: #368CCC; border-width: 1px; border-right-style: solid; border-top-style: solid; }
.tab th { background: #368CCC; color: #FFFFFF; font-weight: normal; text-align: left; vertical-align: bottom; border-color: #FFFFFF; border-width: 1px; border-left-style: solid; }
.tab td { border-color: #368CCC; border-width: 1px; border-left-style: solid; border-bottom-style: solid; vertical-align: top; }
.tab td, .tab th { padding: 5px 8px 5px 8px; }



.small { font-size: 10px; }


a.moreInfo { background: url('../images/arrow.gif') no-repeat center right; line-height: 22px; padding-right: 20px; color: #0070af; }
.sm { font-size: 10px; line-height: 12px; }

.readmore { color: #333333; font-size: 10px; font-weight: bold; text-decoration: none; background: url('../images/readmore_arrow.gif') no-repeat center right; padding-right: 12px; letter-spacing: -0.05em; }
.readmore:hover { text-decoration: none; }