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

html,body,div,span,table,tr,th,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: #CCCCCC url('../images/layout/page-bg.jpg') repeat-x; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


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


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

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

h1 { color: #000000; font-size: 24px; line-height: 24px; margin: 8px 0px 4px 0px; padding-top: 41px; }
h2 { color: #336600; font-size: 20px; line-height: 14px; margin: 8px 0px 15px 0px; }
h3 { color: #336600; font-size: 16px; margin: 0px 0px 15px 0px; }
h4 { color: #000000; font-size: 14px; margin: 0px 0px 10px 0px; font-family: Verdana;}
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #333333; font-size: 12px;  line-height: 17px; }
a  { color: #336600; font: normal 12px Verdana; text-decoration: none; }
a:hover { text-decoration: underline; }


.tagline { font-family: arial; color: #666666; font-weight: bold; }


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

#main {
	width: 950px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}

#main { background: url('../images/layout/body-bg.jpg') repeat-y; }
#main2 { background: url('../images/layout/bg-top.jpg') no-repeat top left; }


#header { height: 150px; }
    #headerLeft { float: left; width: 300px; color: #FFFFFF; padding-top: 20px; font-weight: bold; margin-left: 90px; }
    #headerRight { float: right; width: 300px; color: #FFFFFF; padding-top: 20px; text-align: right; font-weight: bold; margin-right: 90px; }

#nav { height: 27px; text-align: center; }
    #nav a { height: 27px; line-height: 27px; color: #336600; padding: 7px 17px 6px 17px; }
    #nav a:hover { background: #336600; color: #FFFFFF; text-decoration: none; }
    #nav a.o { background: #59a50d; color: #FFFFFF; }

#content { width: 750px; margin: 0px auto; margin-top: 50px; min-height: 400px; }

#pageTitle { height: 120px; }


#foot { border-width: 1px; border-color: #CCCCCC; border-top-style: solid; width: 780px; margin: 0px auto; margin-top: 50px; }
    #footLeft { float: left; margin-left: 10px; }
    #footRight { float: right; text-align: right; margin-right: 10px; }


    #footLeft, #footRight { color: #999999; margin-top: 8px; line-height: 22px; font-size: 10px;}
    #footLeft a, #footRight a { color: #999999; font-size: 10px;}
    #footLeft a:hover, #footRight a:hover { color: #999999; }




.pdf { background: url('../images/pdf.jpg') no-repeat center left; padding-left: 25px; line-height: 26px; padding-top: 2px; padding-bottom: 2px; }
.ppt { background: url('../images/ppt.jpg') no-repeat center left; padding-left: 25px; line-height: 26px; padding-top: 2px; padding-bottom: 2px; }



.form {  }
.form td, th { padding-bottom: 6px; }
.form th { padding-right: 10px; text-align: left; }