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

* {
 margin: 0;
 padding: 0;
}
html, body {
 height: 100%;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 10px;
}

img{border:none;}

#bg_container {
 margin: 0 auto;
 width: 100%;
 background: url(../img/containerBg.jpg);
}
#container {
 margin: 0 auto;
 padding-top: 20px;
 padding-bottom: 20px;
 width: 975px;
 background:url(../img/bg_home.jpg);
 height: 100%;
}

/* header styles */

#topheader {
 width: 875px;
 height: 135px;
 margin: 0 0 0 50px;
 background-color: transparent;
}
#headlogo {
 width: 865px;
 height: 70px;
 margin: 0 5px 0 5px;
 background-color: transparent;
}
.logo {
 width: 250px;
 height: 70px;
 float: left;
 
}
.headicons {
 width: 356px;
 height: 70px;
 float: right;
}
.toplinks {
 width: 346px;
 height: 24px;
 padding: 3px 5px 3px 5px;
}
.bottomlinks {
 width: 356px;
 height: 30px;
 margin: 10px 0 0 0;
}
.mininav {
 width: 356px;
 height: 30px;
 background: url(../img/nav/mini_navbg.png) no-repeat;
}
.minimenu {
 font-family: "Trebuchet MS", Arial, san-serif;
 width: 356px;
 height: 30px;
 position: relative;
 font-size: 11px;
 margin: 0;
}
.minimenu ul li a {
 display: block;
 text-decoration: none;
 color: #fff;
 font-style: italic;
 width: 81px; 
 height: 30px; 
 text-align: center;
 border-bottom: 0;
 line-height: 31px; 
 font-size: 11px; 
 overflow: hidden;
 padding-left: 1px;
 z-index: 9999;
}
.minimenu ul {padding: 0; margin: 0; list-style: none;}
.minimenu ul li {float: right; position: relative;}
.minimenu ul li ul {display: none;}

.minimenu ul li:hover a {color: #000;}
.minimenu ul li:hover ul {display: block; position: absolute; top: 30px; left: 0; width: 157px; margin: 0; padding: 0;}
.minimenu ul li:hover ul li ul {display: none;}

.minimenu ul li:hover ul li a {
 background-image: none; 
 display: block;
 height: 28px; 
 line-height: 26px; 
 color: #660000; 
 width: 142px; 
 text-align: left; 
 margin: 0; 
 padding: 0 0 0 11px;
}
.minimenu ul li:hover ul { margin: 0 0 0 3px; padding: 0; background: url(../img/nav/menu_dropitembg.png) no-repeat bottom left; z-index: 9999;}
.minimenu ul li:hover ul .hlight { margin-right: 1px;}
.minimenu ul li:hover ul li a:hover {color: #000; background:url(../img/nav/minimenu_itemhlight.png) no-repeat;}
.minimenu ul li:hover ul li:hover ul {display: block; position: absolute; left: 105px; top: 0;}
.minimenu ul li:hover ul li:hover ul.left {left: -105px;}

/* main nav */

#navbox {
 width: 875px;
 height: 48px;
 margin: 15px 0 0 0;
}
#nav {
 width: 507px;
 height: 48px;
 float: left;
 background-image: url(../img/nav/navbg.png);
 margin: 0 0 0 5px;
 
}
.menu {
 font-family: "Trebuchet MS", Arial, san-serif;
 width: 492px;
 height: 42px;
 position: relative;
 font-size: 11px;
 margin: 0;
 z-index: 9999;
}
.menu ul li a {
 display: block;
 text-decoration: none;
 color: #fff;
 width: 81px; 
 height: 42px; 
 text-align: center;
 border-bottom: 0;
 line-height: 48px; 
 font-size: 11px;
 font-style: italic;
 overflow: hidden;
 padding-left: 1px;
 z-index: 9999;
}

.menu ul {padding: 0; margin: 0; list-style: none;}
.menu ul li {float: left; position: relative;}
.menu ul li ul {display: none;}

.menu ul li:hover a {color:#000000;}
.menu ul li:hover ul {display: block; position: absolute; top: 42px; left: 0; width: 152px; margin: 0; padding: 0;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {
 background-image: none; 
 display: block;
 height: 28px; 
 line-height: 26px; 
 color: #660000; 
 width: 142px; 
 text-align: left; 
 margin: 0; 
 padding: 0 0 0 11px;
 font-weight: normal;
 z-index: 9999;
}
.menu ul li:hover ul {
 margin: 0 0 0 3px;
 padding: 0;
 background: url(../img/nav/menu_dropitembg.png) no-repeat bottom left;
 z-index: 9999;
}
.menu ul li:hover ul .hlight { background-image: url(../img/nav/menu_itemhlight.png); margin-right: 1px; z-index: 9999;}
.menu ul li:hover ul li a:hover {color: #000; background: url(../img/nav/menu_itemhlight.png) no-repeat; z-index: 9999;}
.menu ul li:hover ul li:hover ul {display: block; position: absolute; left: 105px; top: 0;}
.menu ul li:hover ul li:hover ul.left {left: -105px;}

.searchspace {
 width: 320px;
 height: 48px;
 float: right;
 margin: 0 5px 0 0;
 background-color: transparent;
}

/* home banner styles */

#banner_container {
 width: 875px;
 height: 241px;
 margin: 0 0 0 50px;
}
.bannerBox {
 width: 865px;
 height: 241px;
 margin: 0 5px 2em 5px;
}
#content{
 position:relative;
 background: #CCCCCC;
}	
		
/* slider */

#slider{}	
#slider ul, #slider li{
 margin:0;
 padding:0;
 list-style:none;
 z-index: 500;
}
#slider li{ 
 width:865px;
 height:241px;
 overflow:hidden; 
}	
#prevBtn, #nextBtn{ 
 display:block;
 width:30px;
 height:77px;
 position:absolute;
 left:-30px;
 top:71px;
}	
#nextBtn{ 
 left:865px;
}													
#prevBtn a, #nextBtn a{  
 display:block;
 width:30px;
 height:77px;
 background:url(../img/btn_prev.gif) no-repeat 0 0;
}	
#nextBtn a{ 
 background:url(../img/btn_next.gif) no-repeat 0 0;	
}
.graphic, #prevBtn, #nextBtn{
 margin:0;
 padding:0;
 display:block;
 overflow:hidden; 
 text-indent:-8000px;
}					

/* body styles */

#mainbody_container {
 width: 875px;
 height: 590px;
 margin: 0 0 0 50px;
 background-color: transparent;
}
.bodybox_top {
 width: 865px;
 height: 340px;
 margin: 5px 5px 0 5px;
 background-color: transparent;
}
.aboutbox {
 width: 507px;
 height: 340px;
 margin: 0 0 0 0;
 float: left;
 background: transparent;
}
.aboutHead {
 width: 507px;
 height: 40px;
 vertical-align: top;
}
#aboutBody {
 width: 487px;
 height: 300px;
 padding: 5px 20px 0 0;
 vertical-align: bottom;
 font-family: Calibri, "Arial Narrow";
 font-size: 13px;
 line-height:22px;
}

.space { line-height:10px;}
.learn { width: 108px; height: 18px; margin-left: 375px; }

.aboutbox2 {
 width: 358px;
 height: 340px;
 float: right;
 background: transparent;
}
.aboutInnerBox {
 width: 348px;
 height: 276px;
 padding: 44px 0 20px 10px;
 font-family: Calibri, "Arial Narrow";
 font-size: 13px;
 line-height: 22px;
 background: transparent;
}
.bodybox_bottom {
 width: 865px;
 height: 240px;
 margin: 5px 5px 0 5px;
 background: transparent;
}
.bottomBox1 {
 width: 282px;
 height: 240px;
 margin: 0 10px 0 0;
 float: left;
}
.bottomInnerBox1 {
 width: 242px;
 height: 100px;
 padding: 50px 20px 0 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 12px;
 line-height:20px;
}
.bottomInnerBox1Info {
 width: 168px;
 height: 65px;
 float: right;
 padding: 5px 20px 20px 10px;
 font-family: Calibri, "Arial Narrow";
 font-size: 11px;
 font-style: normal;
 line-height: 13px;
}
.bottomInnerBox1Info h3 {font-family: Calibri, "Arial Narrow"; font-size: 14px; line-height: 10px; font-style:normal; color:#660000;}

.bottomInnerBox1Pic {
 width: 64px;
 height: 63px;
 padding: 6px 0 21px 20px;
 float: left;
}
.bottomBox2 {
 width: 282px;
 height: 240px;
 margin: 0 5px 0 0;
 float: left;
 background: transparent;
}
.bottomInnerBox2 {
 width: 110px;
 height: 170px;
 padding: 50px 10px 20px 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 11px;
 line-height: 20px;
 float: left;
}
.bullet {
 width: 10px;
 float: left;
}
.text {
 width: 100px;
 float: right;
 margin: 0 0 2px 0;
}
.bottomBox3 {
 width: 282px;
 height: 240px;
 margin: 0 0 0 0;
 float: right;
 background: transparent;
}
.bottomInnerBox3 {
 width: 242px;
 height: 100px;
 padding: 50px 20px 0 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 12px;
 line-height: 20px;
}
.bottomInnerBox3Info {
 width: 168px;
 height: 65px;
 float: left;
 padding: 5px 10px 20px 20px;
 font-family: Calibri, "Arial Narrow";
 font-size: 11px;
 font-style: italic;
 line-height: 16px;
}
.bottomInnerBox3Info h3 {font-family: Calibri, "Arial Narrow"; font-size: 14px; line-height: 10px; font-style:normal; color:#660000;}
.bold { font-style: normal; font-weight: bold;}
.boldInfo {font-weight: bold; color:#660000; font-size: 13px;}

.bottomInnerBox3Pic {
 width: 64px;
 height: 63px;
 padding: 1px 20px 26px 0;
 float: right;
}

/* footer styles */

#footer {
 margin: 0 auto ;
 width: 100%;
 height: 165px;
 margin: 0 0 0 0;
 background: url(../img/footerBg.jpg) repeat-x;
}
.footerbox {
 width: 904px;
 height: 140px;
 margin: 0 auto 0 auto;
 padding: 20px 0 0 0;
 background: url(../img/footer.jpg);
 text-align: center;
 font-size: small;
 color: #fff;
}
#footer a {
 padding: 0 15px;
 text-decoration: none;
 color: #fff;
}
#footer a.static {
 text-transform: none;
}
#footer a:hover {
 color: #000;
}