@charset "utf-8";
/* CSS Document */

/*GENERAL STYLES*/
* { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
table { border-collapse:collapse; border-spacing:0; }
body { font: 12px Tahoma, Arial, Helvetica, sans-serif; line-height: normal; color: #676767; background: url(../images/bg.jpg); } 
a { color: #197480; text-decoration: none; }
a:hover { color: #8cbac0; text-decoration: underline; }
p{margin: 0px 0px 10px 0px;}

/*DESIGN STYLES*/
#wrapper { width: 781px; margin: 0 auto; background: #FFFFFF; position: relative;}
#top{height: 68px; background: url(../images/tbg.jpg) repeat-x; position: relative;}
#lmenu{position: relative; width: 168px; height: 68px; float: left; background: url(../images/t1.jpg) no-repeat top left;}
#menu{position: absolute; height: 26px; left: 170px; bottom: 0px;}
    #menu ul li{float: left; padding: 5px 10px 4px 10px;}
    #menu ul li.active{ background: #a9a9a9;}
    #menu a{color: #494949; font-weight: bold;}
    #menu ul li.active a{color: #FFFFFF;}
#head{position: relative; height: 207px; background: url(../images/hbg.jpg) repeat-x;}    
#headContainer{position: relative; left: 22px; top: 0px; width: 759px; height: 207px; background: url(../images/h1.jpg) no-repeat;}
#logo{position: relative; width: 325px; height: 95px; float: left; top: 60px; left: 0px;}
#headImage{position: relative; width: 264px; height: 207px; overflow: hidden; float: right;}
#mainContainer{ background: url(../images/sbg.jpg) repeat-y top left;}
#side{float: left; width: 166px; position: relative; }
    #side .sidebox{position: relative; width: 166px; height: 184px; top: 0px; left: 0px; background: url(../images/s1.jpg) no-repeat;}
#main{float: right; width: 615px; position: relative;}
#fsep{position: relative; height: 2px; background: #494949; font-size: 1px; line-height: 1px;}
#footer{position: relative; height: 75px; background: #FFFFFF; font-size: 11px; color: #494949; text-align: center;}
    #footer div{padding: 7px 0px 0px 0px;}
/* --------------------clear float -------------------- */
* html .clearfix { 	height: 1%; /* IE5-6 */ } 
.clearfix { 	display: inline-block; /* IE7xhtml*/ }
html[xmlns] .clearfix { /* O */ 	display: block;   }
.clearfix:after { /* FF, O, etc. */ 	content: "."; 	display: block; 	height: 0; 	clear: both; 	visibility: hidden; }
.clear{clear:both; font-size: 0px; line-height: 0px; padding: 0px; margin: 0px;}

/*CONTENT STYLES*/
.mainContent{padding: 35px 10px 10px 10px;}
.mainContent h1{font-weight: bold; font-size: 16px; margin: 0px 0px 10px 0px;}

#footer p{margin: 0px;}