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

*{margin:0; padding:0;}
body{background:url(../images/page-bg.jpg) top center fixed; font:normal 13px/18px "Microsoft Sans Serif";}

#wrapper{margin:0 auto; width:960px;}
#header{float:left; width:960px; height:156px; background:url(../images/header-bg.jpg) top center no-repeat; position:fixed; z-index:999;}
#logo{float:left; width:960px; height:108px; clear:both;}
#logo p.lhs{float:left; padding-left:10px;}
#logo div.rhs{float:right; padding-right:20px; font-size:16px; color:#fff; font-weight:bold; width:350px; margin-top:20px;}
#login{float:left;}
#login input{float:left; width:130px; height:20px; margin-right:6px;border:1px solid #090;}
#login input.btn{float:left; width:60px; height:22px; margin-right:6px; background-color:#036; color:#fff; border:1px solid #036; font-weight:bold;}
#login input.btn:hover{background-color:#090; cursor:pointer;border:1px solid #090;}
#logo div.rhs p{float:left; width:100%; margin-top:20px;}

#navbar{float:left; width:940px; height:48px; padding:0 10px;}
#navbar ul{float:left; width:940px; height:48px; list-style:none;}
#navbar ul li{float:left; line-height:48px;}
#navbar ul li a{display:block; width:auto; height:48px; font-size:14px; text-decoration:none; color:#fff; padding:0 10px; background:url(../images/nav-div.png) left center no-repeat;}
#navbar ul li.home{display:block; width:80px; height:35px; line-height:48px; text-align:center;}
#navbar ul li.home a{background:url(../images/nav-on.jpg) top repeat-x; padding-top:13px; border:none;}
#navbar ul li a:hover{background:url(../images/nav-on.jpg) top repeat-x;}

#banner{float:left; width:960px; height:409px; margin-top:156px;}
#cnt-banner{float:left; width:960px; height:200px; margin-top:156px;}
#infobox{float:left; width:960px; height:240px; background:url(../images/box-bg.jpg) top repeat-x;}
#infobox h1{font:bold 22px/50px "Microsoft Sans Serif"; color:#7CA32C;}
#box1{float:left; width:300px; height:220px; border-top:#004F9D 4px solid; padding:10px;}
#box2{float:left; width:298px; height:220px; border-top:#3399FF 4px solid; padding:10px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#box3{float:left; width:300px; height:220px; border-top:#8CC6FF 4px solid; padding:10px;}
#infobox span.more{float:right; margin-top:10px;}
#box-shadow{float:left; width:960px; height:24px; background:#003366 url(../images/shadow.png) top center;}

#content{float:left; width:960px; background-color:#003366; color:#fff; padding-bottom:30px;}
#app-content{float:left; width:900px; background-color:#003366; color:#fff; padding:30px;}
#content h1,#app-content h1{font:normal 24px/24px "Microsoft Sans Serif"; color:#fff;}
#content h2,#app-content h2{font:normal 16px/16px "Microsoft Sans Serif"; color:#d6d6d6;}
#app-content input{width:auto; height:24px; line-height:24px;}
#app-content input.btn{background-color:#090; color:#fff;font:bold 20px/20px "Microsoft Sans Serif"; padding:0 15px; width:120px !important; height:40px; line-height:40px; margin-right:10px;}
#app-content input.btn:hover{-moz-box-shadow: 10px 10px 5px #000; -webkit-box-shadow: 10px 10px 5px #000; box-shadow: 2px 4px 4px #000;cursor:pointer; background-color:#333;}
#app-content td{padding-bottom:4px;}
#content-main{float:left; width:590px; padding:10px 30px 10px 20px;}
#content-main P{margin-bottom:20px; width:590px; float:left;}
#sidebar{float:left; width:280px; background:url(../images/v-shadow.png) left center no-repeat; padding:10px 10px 10px 30px;}
.lists{float:left; list-style:none; margin-bottom:20px;}
.lists li{float:left; margin-bottom:4px; background:url(../images/arrow.png) left center no-repeat; padding-left:15px; width:100%;}
.lists li a{color:#0C0; text-decoration:none;}
.lists li a:hover{text-decoration:underline;}
.sidelist{float:left; width:280px; list-style:none;}
.sidelist li{float:left; width:240px; height:32px; line-height:32px; padding-left:40px; background-position:left center; background-repeat:no-repeat; margin-bottom:10px;}
.sidelist li a{font:bold 14px/14px "Microsoft Sans Serif"; color:#fff; text-decoration:none;}
.sidelist li a:hover{color:#9C0;}
.sidelist li.apply{background-image:url(../images/apply.png);}
.sidelist li.print{background-image:url(../images/print.png);}
.sidelist li.map{background-image:url(../images/map.png);}
.sidelist li.ph{background-image:url(../images/ph.png);}
.sidelist li.fax{background-image:url(../images/fax.png);}

.locations{float:left; width:590px; list-style:none;}
.locations li{float:left; height:150px; margin-top:10px; margin-bottom:10px;}
.locations li.address{width:290px;}
.locations li.map{width:300px; }

#fform{float:left; width:590px; list-style:none;}
#fform li{float:left; width:590px; text-align:left; clear:both; height:30px; line-height:30px; margin-bottom:10px;}
#fform li.cms{height:100px !important;}
#fform li span{float:right; width:390px;}
#fform li span input{width:300px; height:30px; line-height:30px;}
#fform li span textarea{width:300px; height:100px;}
#fform li span input.radio{width:30px !important;}
#fform li span input.btn{background-color:#090; border:none; border-bottom:#0C0 2px solid !important; color:#fff; font-weight:bold; border:none;}
#fform li span input.btn:hover{background-color:#0C0; border:none; border-bottom:#090 2px solid !important; cursor:pointer;}


.staffs{float:left; color:#fff; width:590px;}
.staffs tr{float:left; width:590px; border-bottom:#004B97 1px solid;}
.staffs td.name{width:180px; padding:15px 10px;}
.staffs td.dtls{width:270px; padding:15px 10px;}
.staffs td.dtls a{color:#090; text-decoration:none;}
.staffs td.dtls a:hover{color:#0C0; text-decoration:underline;}

#pform{float:left; width:900px; list-style:none; margin:40px 0;}
#pform li{text-align:center; background-color:#fff; margin-bottom:10px; border:#003366 2px dashed; padding:20px 0;}
#sent-to{float:left; width:900px; list-style:none; margin-top:15px;}
#sent-to li{float:left; width:210px; padding-left:10px; border-left:#069 5px solid;}

#footer{float:left; width:940px; padding:20px 10px; background:#003366 url(../images/lines.png) top repeat-x; font-size:12px; color:#999;}
#footer a{color:#999; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#flhs{float:left; width:610px; padding:10px 30px 10px 10px;}
#frhs{float:left; width:260px; padding:10px 10px 10px 20px;}
#frhs ul{float:left; list-style:none;}
#frhs ul li{float:left; width:100%; padding-left:25px; margin-bottom:10px;}
#frhs ul li.address{background:url(../images/location.png) top left no-repeat;}
#frhs ul li.ph{background:url(../images/phone.png) top left no-repeat;}