/***************************************************************************************/

/* 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; } /* Forces IE & IE to treat padding the same */

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: #999999; }

hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }

textarea, select, select * { color: #333333; }



img.fr { float: right; margin: 0px 0px 10px 10px; }





.hr1 { background: url('../images/layout/dot.gif'); height: 2px; overflow: hidden; margin: 8px 0px 8px 0px; }

.vr1 { background: url('../images/layout/dot2.gif'); width: 2px; height: 100%; overflow: hidden; margin: 0px 20px 0px 20px; }





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: #333333; font-size: 20px; line-height: 28px; line-height: 28px; font-family: Arial; margin: 0px 0px 15px 0px; font-weight: normal; }

h2 { color: #000000; font-size: 24px; margin: 0px 0px 0px 0px; line-height: 28px; font-weight: normal; font-family: Georgia; }

h3 { color: #FF6600; font-size: 11px; margin: 20px 0px 2px 0px; line-height: 11px; font-weight: normal; font-family: georgia; }

h4 { color: #0696D2; font-size: 14px; margin: 0px 0px 8px 0px; line-height: 14px; font-weight: bold; font-family: Arial; }



p  { margin: 0px 0px 12px 0px;  }

p, table, td, div, a  { color: #000000; font-size: 11px;  line-height: 15px; font-family: arial; }

a  { color: #000000; font: normal 11px Verdana; text-decoration: none; }

a:hover { text-decoration: underline; }







/***************************************************************************************/

/* SPECIFIC TO THIS LAYOUT */

/***************************************************************************************/



#main {

	width: 836px; /* Main Content Width */

	margin: 0px auto; /* Align to Center */

    margin-top: 20px;
    background: url('../images/layout/bg_bg.gif');
}



#nav { width: 570px; float: left; margin: 40px 0px 0px 14px; }

    #nav a { font-family: arial; font-size: 11px; color: #FFFFFF; padding: 4px 10px 4px 10px; margin-right: 35px; }

    #nav a:hover { text-decoration: none; background: #0696D2; }



#logo { float: right; margin: 0px 13px 10px 0px; border: none; }



#container {  min-height: 410px;  }

#body { margin: 0px 22px 0px 22px; }



#footerLeft { color: #333333; font-size: 10px; font-family: arial; width: 350px; float: left; margin-left: 14px; line-height: 11px; }

#footerRight { color: #333333; font-size: 10px; font-family: arial; width: 350px; float: right; text-align: right; margin-right: 14px; line-height: 11px; }

#footerLeft a, #footerRight a { font-size: 10px; font-family: arial; text-decoration: none; line-height: 11px; }

#footerLeft a:hover, #footerRight a:hover { text-decoration: underline; }





#leftNav { width: 129px; float: left; }

    #leftNav a { line-height: 14px; font-family: arial; font-weight: bold; font-size: 14px; display: block; cursor: pointer; cursor: hand; padding: 7px 0px 10px 0px; background: url('../images/layout/dot.gif') repeat-x bottom left; color: #FF6600; }

        #leftNav a span {  color: #444444; font-size: 11px; font-weight: bold; font-family: arial; display: block; width: 110px; float: left; }

        #leftNav a:hover, #leftNav a.o { text-decoration: none; color: #0696D2;  background: url('../images/layout/dot.gif') repeat-x bottom left; }

        #leftNav a:hover span, #leftNav a.o span  { color: #000000; }



#contentRight { width: 640px; min-height: 340px; float: left; background: url('../images/layout/dot.gif') repeat-y top left; padding: 20px 0px 0px 20px; }









.h1 { width: 150px; float: left; }

.h2 { width: 300px; float: left; height: 67px;} /* was 150px */