@charset "utf-8";
body { font-family:Georgia, "Times New Roman", Times, serif;margin:0;margin:0; padding:0; width:100%; background-color: #00355e;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:985px; margin:0 auto;}

/********** header **********/
.headertop {background-color:#4a4f55; width:100%; height:7px;}

.header_toptext {background-color:#067bd5;  width:100px; height:20px; font-size:12px; font-weight:normal; color:#fff; padding-top:5px; margin:0px 0 0 850px; text-align:center;}
.header_toptext  a { color:#fff; font-size:12px; font-weight:normal; text-decoration:none}

.header { background:url(images/header_bg.gif) top repeat-x; height:170px; padding:0; margin:0 auto; }

.header_msg {width:600px; height: auto; font-size:12px; font-weight:normal;color:#fff; padding:2px 2px; margin:10px 0 0 600px; text-align:left;}

.block_header {margin:0 auto; width:982px; padding:0; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:auto;}
.logo a img { border-style:none; }
/*header_text*/
.header_text { height:325px; margin:0 auto 20px auto; padding:0; width:960px; border-bottom:0px solid #d9d9d9;}
.header_text .div { float:right; width:960px; padding:0; margin-top:5px;   border:0px  groove #999999 }
.header_text img.screen { float:left; margin:0; padding:10px 0 5px 0;}
.header_text .div .left1 { float:left ; width:330px; padding:10px 0 0 5px; margin:0;}
.header_text .div .left1 img { float:right; margin:0; padding:10px 10px 0 0;}
.header_text .div .left1 h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#858585; padding:10px 0 0 0; margin:0; border:0;}
.header_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#a2a2a2; padding:10px 0 10px 0; margin:0;}
/********** slider **********/
/* slider */
#slidecontainer{width:960px; height:310px; margin:10px 0 0 0px;}	
	

/* Easy Slider */
#slider { margin:0; padding:0; list-style:none; }
	#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/

#slider li { width:960px; height:310px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:38px; height:38px; position:absolute; left:-5px; top:-50px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:38px; height:38px; position:absolute; left: 930px; top:-50px; }
#prevBtn a { display:block; width:38px; height:38px; background: url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:38px; height:38px; background: url(images/r_arrow.gif) no-repeat 0 0; }
	
/* slider */
/********** block index **********/
.body {background:url(images/bg.gif); padding:0 0 30px 0; margin:0; }
.body_resize { width:980px; margin:0 auto; padding:0; background:#fff; border:1px solid #d9d9d9;}
.body h2 { font-size:18px; font-weight:normal; color: #000 ; padding:15px 5px; margin:0; border-bottom:0px solid #d9d9d9;}
.body h5 { font-size:18px; font-weight:normal;color:#858585; padding:15px 5px; margin:0;}
.body h4 { font-size:34px; font-weight:normal;color:#8d8d8d; padding:15px 5px; margin:0 20px; border-bottom:0px solid #d9d9d9;}
.body h3 { font-size:18px; font-weight:normal;color: #000   ; padding:15px 5px; margin:0; border-bottom:0px solid #d9d9d9;}
.body h3 span{ font-size:18px; font-weight:normal;color: #000   ; padding:15px 5px; margin:0; border-bottom:0px solid #d9d9d9;}
.body p { font-size:12px; font-weight:normal;color: #000; padding:10px 5px; margin:0; line-height:1.8em;}
.body p span {color:#4392ca;}
.body a { color:#3891d1; text-decoration:none;}
.body a img { border-style:none; }
.body img { float:left; margin:5px; padding:0;}
.body img.floated {float:right; margin:20px 25px 5px 5px; padding:0; }
.left  { width:283px; border:1px solid #e8e8e8; background:url(images/left_bg.gif) repeat; float:left; margin:5px; padding:10px 15px;}
.left2  { width:300px; float:left; margin:5px; padding:10px 15px;} 
.left2 ul {list-style:none;padding:0 0 0 5px;}
.left2 li {padding:0 0 0 16px;margin-bottom:5px;display:marker;background:url(images/listbullets.gif) no-repeat left}
.left2 li a:hover{background-color: #FFFFB0    ;}
.right  { width:595px; float:left; margin:5px; padding:10px 15px;}



/*************footer**********/
.footer {padding:0;  margin:0 auto; background: #323232 url(images/footer_bg.gif) top repeat-x;}
.footer_resize { margin:0 auto; padding:0; width:960px;}
.footer p {font-size:11px; font-weight:normal;color:#868686;}
.footer a { font-size:12px; font-weight:normal;color:#3891d1; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:310px; margin:0; padding:25px 0 0 0; float: left;} 
.footer p.rightt { text-align:left; width:310px; margin:0; padding:25px 0 0 0; float: right;} 


p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; line-height:0;}
li.bg2, .bg2 { clear:both; border-top:1px solid #484848; padding:0; margin:10px 0; background:none; line-height:0;}