/* format all*/
*{margin:0 auto 0 auto;padding: 0;font-size:12px;}

/* --------   genaral css   */
body{color:#333;background:#fafafa;font:normal 10px/12pt Verdana, Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6,p{margin: 0 0 12px 0;padding: 0;}
h1 {font-size: 26px;line-height:30pt;}
h2 {font-size: 24px;line-height:28pt;}
h3 {font-size: 22px;line-height:26pt;}
h4 {font-size: 20px;line-height:24pt;}
h5 {font-size: 18px;line-height:22pt;}
h6 {font-size: 16px;line-height:20pt;}

p, blockquote, ul, ol {margin-bottom: 1.4em;line-height: 1.8em;text-align: justify;}
blockquote {margin-left: 2em;margin-right: 2em;font-style: italic;}
ul {list-style:none;margin-left: 2em;}
ol {margin-left: 2em;}
a {color: #F60; text-decoration: none;}
a:link {color: #F60;}
a:hover {color: #4153AD;}

img {border:none;}
hr{height:1px;border-bottom:1px solid #91a7b4;padding:0;}
.topline{margin:0;line-height:1px;}
#box{display:table;width:778px;text-align:left;}

/* general div class css  */
.bottom-border {border-bottom: 1px solid #D8D8D8;margin-bottom:8px;padding-bottom:8px;}
.headline {margin:6px 0 0 0;padding: 0;font-size:10pt;line-height:13pt;font-weight:normal;}
.date {font-size:9pt;color: #808080;padding-right:1em;}
.right,.r{float: right;}
.left,.l {float: left;}
.byline{text-align:right;margin:0;padding:0;}
.nextpage{width:100%;display:table;clear:both;text-align:center;padding:8px 0 6px 0;}
.nextpage a{}
.nextpage a:hover{}

/* --------   header css   */
#head{width:100%;height:78px;background: #F3F3F3 url(../images/background.png) repeat-x;text-align:center;display:table;
}
#header{width:778px;color:#000;text-align:left;margin-top:12px;
}
#header h1{display:block;width:160px;height:66px;float:left;line-height:66px;
}
#header h1 a{color:#103667;font-size:12pt;text-decoration:none;
}
#logo{float:left;width:282px;height:66px;
}
h1.sitename{font-size:15pt;text-align:center;
}
#topbanner{float:right;height:66px;
}

/* --------   top nav css  */
#topNav{width:98%;height:30px;margin:0 auto;background:url(../images/top_nav_bg.gif) no-repeat 0 0 #F2F2F2;color:#000;
}
#topNav ul{width:490px;margin:0 auto;
}
#topNav ul li{float:left;margin:0 1px 0 0 ;
}
#topNav ul li a{font:bold 12px/29px Arial, Helvetica, sans-serif;color:#595959;
background:url(../images/top_nav_btn_bg.gif) repeat-x 0 0 #FFF;padding:0 12px;display:block;text-decoration:none;
}
#topNav ul li a:hover{font:bold 12px/27px Arial, Helvetica, sans-serif;color:#337BA6;background-color:#FFF;
background-image:none;border:#DADADA 1px solid;border-bottom:#fff 0px solid;padding:0 11px;margin:2px 0 0 0;
display:block;text-decoration:none;
}
#topNav ul li a.hover{font:bold 12px/27px Arial, Helvetica, sans-serif;color:#F60;background-color:#F8F8F8;background-image:none;
border:#DADADA 1px solid;border-bottom:#fff 0px solid;padding:0 11px;margin:2px 0 0 0;display:block;text-decoration:none;
}

/* --------   Search Form CSS   */
#search {
margin:8px 0 0 4px;
}
#search input#s {margin-right:3px;vertical-align: middle;border: 1px solid #6A7A86;padding: 0.24em;width: 135px;background-color: #fff;
color: #6C7074;line-height:16px;
}
#search input#s:focus {background-color: #fff;
color: #6C7074;
}
#search input#submit{background: url(../images/home_search_bg.gif) repeat-x;color: #D8DCE0; border: 1px solid #515D67;
vertical-align: middle; padding:2px 0 0 0;line-height:16px;
}

/* --------   Main box CSS   */
#main{width:100%;padding:0 0 16px 0;
}
/*  left div  */
#mleft{width:532px;display:table;float:left;
}
#mleft h2{font-size:12pt;}
#pagenav{display:table;width:100%;height:27px;background:url(../images/icon_pagetitle.gif) no-repeat 10px 0px;
padding:0 0 0 45px;margin:12px 0 8px 0;line-height:28px;color:#808080;font-size:13px;
}
#pagenav a{color:#808080;font-size:13px;}

/*  right div  */
#mright{width:210px;display:table;float:right;border:1px solid #A4C3C8;padding:8px;
}
#mright ul{margin:0;padding:0 0 0 8px;text-align:left;display:table;clear:both;
}
#mright ul li{
}
#mright ul li a{font:12px/19px Arial, Helvetica, sans-serif;color:#535353;padding:0 0 0 12px;display:block;
text-decoration:none;background:url(../images/rss_icon_dot.gif) no-repeat 0 10px;line-height:20px;
}
#mright ul.hot li a{font:12px/20px Arial, Helvetica, sans-serif;background:url(../images/red_dot.gif) no-repeat 0 10px;
line-height:20px;color:#535353;text-decoration:none;display:block;padding:0 0 0 12px;
}
#mright ul li a:hover{font:normal 12px/19px Arial, Helvetica, sans-serif;color:#F60;padding:0 0 0 12px;
display:block;text-decoration:none;background:url(../images/red_arrow_bullet.gif) no-repeat 0 10px;line-height:20px;
}
#mright h2{font-size:16px;}
#mright #outbox2 #rrdiv h2{padding:0 0 0 6px;}
#mright #outbox2 #rrdiv h2 image{padding:6px 6px 0 0;}
#rrdiv{padding:16px 0 0 0;
}
/* --------   Footer CSS   */

#footer {
position: relative;width: 760px;height: 56px;background:url(../images/footer_background.png) repeat-x;
margin: 0 auto;clear: both;padding: 0;
color: #5B6973;text-align: left;
}
#footer-content {padding: 16px 15px;}
#footer p {margin: 0;}
#footer a {background: transparent;color:#535353}
#footer-navigation {float: right;margin:5px 0;}

/* --------   list css   */
#arclist{}
#arclist h2{
width:518px;display:table;border-bottom:1px solid #ececec;
margin:6px 0 0 0;padding:0 0 3px 0;
}
#arclist h2 a{font:bold 15px/22px Arial, Helvetica,sans-serif;color:#535353;}
#arclist h2 a:hover{line-height:22px;color:#F60;text-decoration:none;
padding-left:12px;background:url(../images/red_arrow_bullet.gif) no-repeat 0 8px;
}
#arclist span{display:block;height:16px;font:normal 10px/16px Verdana;color:#808080}
#arclist p{display:block;padding:6px 0 0 2px;line-height:19px;}
#arclist p a{color:#535353;font-size:12px;}
#arclist p a:hover{color:#f60;text-decoration:underline;}
.desp{display:table;margin-top:8px;width:100%;
}

/* --------   page css   */
#content{font-size:13px;padding:0 6px 0 12px;}
#content p{margin:8px 0 0 0;line-height:22px;font-size:13px;}
#content p strong{font-size:13px;}
#content a{font-size:13px;}
.arctitle{font:bold 16px/22px Arial, Helvetica, sans-serif;
width:96%;display:table;border-bottom:1px solid #ddd;
margin:6px 0 0 0;padding:6px 0 6px 0;}

.arcinfo1{text-align:right;font:normal 10px/18px Verdana;color:#808080;margin:0;padding:0;}
#content p.arcinfo1 span{padding-right:12px;font:normal 10px/18px Verdana;}
.keywords{font-weight:bold;color:#808080;margin:12px 0 18px 0;}
.keywords p{width:100%;display:table;}
.keywords a{font:bold 13px/18px Verdana;color:#f60;text-decoration:underline;}
.keywords p span{padding:0 1px 0 2px;font:bold 13px/18px Verdana;}
.keywords p .r a {font-weight:normal;}
.arcinfo2{text-align:right;font-family:Verdana;font-size:12px;color:#808080;}

#content ol{}
#content ol li{}

#content ul{}
#content ul li{}

.prenext{padding:6px 8px 6px 12px;display:table;width:96%;}
#relate{}
.reltitle{display:block;clear:both;width:96%;text-align:left;margin-left:10px;
border-bottom:1px solid #91a7b4;padding:2px 8px 2px 2px;font-weight:bold;}
#relate ul{padding:6px 8px 8px 12px;width:96%;margin:0;}
#relate ul.relist li{margin:0;display:block;width:45%;padding:0 1.5% 0 0;line-height:20px;float:left;}

/* king */
.k_in{border:1px solid #ccc;line-height:16px;padding:2px;}
.k_htm{width:100%;
}
.k_htm label{display:block;float:left;font-size:13px;font-weight:bold;padding:2px 16px 2px 0;width:80px;text-align:right;}
.k_htm input,.k_htm textarea{width:360px;
}
/* pagelist */
.pagelist{width:98%;padding:6px 1% 8px 1%;margin-top:16px;
}
.pagelist span{text-align:center;
}
.pagelist strong{text-decoration:underline;
}

/* calculator css */
#sbox{
width:500px;display:table;
margin-top:6px;clear:both;
}
#sbox ul li{list-style:circle;}
#sbox p{padding:0 0 6px 0;margin:0}
#sbleft{width:46%;border-top:1px solid #ececec;display:table;padding:8px 16px 12px 5px;margin:0;float:left;border-right:2px solid #ececec;}
#sbright{width:45%;border-top:1px solid #ececec;display:table;padding:8px 6px 12px 16px;margin:0;float:right;}
#sbleft h2,#sbright h2{width:98%;border-bottom:0px solid #fff;margin:0 0 12px 0;padding:0;font-size:12pt;color:#535353;background:url(../images/icon_celltitle_level2.gif) no-repeat top right;}
#sbox h2.topline{border-top:1px solid #ececec;padding-top:8px;}
#topintro h1{
font:bold 20px/28px Arial, Helvetica, sans-serif;
width:512px;display:table;border-bottom:1px solid #d8d8d8;
margin:6px 0 0 12px;padding:6px 0 3px 0;
}

.contact{
width:100%;
}

.conleft{float:left;
width:32%;
}
.red{color:#ff6633;}
.conright{float:right;
width:66%;
padding-top:26px;
line-height:22px;
}

#content form.contact label{
display:block;
width:100%;
font:normal 12px/22px Arial, Helvetica, sans-serif;
color:#337BA6;
padding:6px 0 0 0;
}
#content form.contact input{
width:110px;
height:15px;
padding:2px;
font:normal 12px/15px Arial, Helvetica, sans-serif;
background-color:#FFF;
color:#000;
margin:0;
}
#content form.contact select{
width:120px;
padding:2px;
font:normal 12px/15px Arial, Helvetica, sans-serif;
background-color:#FFF;
color:#000;
margin:0;
}
#content form.contact input.submitBtn{
width:52px;
height:16px;
padding:0;
margin:3px 0 0 0;
float:left;
}
#content .contact p{
font:bold 12pt/18px Arial, Helvetica, sans-serif;
color:#337BA6;
clear:both;
padding:0;
margin:0;
}
#content h2,#left h2 span{font-size:12pt;}
#content form.contact input.submit{width:50px;height:20px;padding:0 6px 0 6px;clear:both;margin:12px 0 0 0;}

.word_lists{line-height:22px;}
#search_form{border:1px solid #ddd;padding:0 8px 8px 8px;}
.search_field{border:1px solid #f60;height:22px;padding-left:2px;vertical-align:top;width:260px;}
#search_form input{line-height:18px;}
#content .last{text-align:left;}
.last span{padding-right:8px;}
.last span a{text-decoration:underline;color:#567cad;}
