/* CSS Document */
body {background:url(../images/body.jpg) repeat-x top; margin:0px; font-family:Arial, Helvetica, sans-serif;  font-size:12px;}

h1,h2,h3,h4,h5,h6,p,ul,li,form {margin:0px; padding:0px;}

#wapper {width:951px; margin:0px auto;}
.clear {clear:both;}
#left {width:680px; float:left;}
#right {width:241px; float:left;}


#logo {background:url(../images/header.jpg) no-repeat left; height:154px; width:670px;}

#menu {font-weight:bold; height:45px;}
#menu ul {margin:0px;}
#menu ul li {float:left; list-style-type:none; padding:0px 5px; line-height:32px;}
#menu ul li a {color:#4198bd; text-decoration:none; cursor: pointer; }
#menu ul li a:hover {color:#FFF;}
#menu ul li.select {color:#FFF;}

#left-box { width:221px; padding:0px 5px 0px 0px; float:left;}

.box {background:url(../images/left-back.gif) repeat-y; color:#405466; font-size:11px;}
.box-top {background:url(../images/left-top.gif) no-repeat; height:10px;}
.box-bottom {background:url(../images/left-bott.gif) no-repeat bottom; height:10px;}
.box h1 {font-size:18px; font-weight:bold; color:#3f5366; text-align:center; background:url(../images/line.gif) no-repeat bottom center; padding-bottom:5px; margin-bottom:5px;}
.box p {padding:2px 6px 8px 6px;}

.sign {background:url(../images/sign-back.gif) no-repeat; height:81px; padding:5px 10px; margin-top:10px;}
.sign h3 {color:#4198bd; font-size:14px; font-weight:bold; padding-bottom:5px;}
.sign .back {background:url(../images/input.gif) no-repeat; width:174px; height:32px; float:left;}
.sign .back input {width:170px; padding:7px 2px; border:none; background:none; font-size:11px; color:#c4c5c5; font-weight:bold;}
.sign .go {float:left; width:auto; padding-left:5px;}

.left-right { width:438px; float:right; color:#343536;}
.left-right .test { border-bottom:1px solid #e9e9e9; padding-top:15px;}
.left-right .test h2 {color:#4198bd; font-size:16px; float:left; border:none;}
.left-right .test p { font-size:12px; float:right; padding:0px;}
.left-right .test p a {color:#4198bd;}
.left-right {color:#198bd;}
.left-right h2 span {float:right; font-size:11px;}
.left-right p { padding:3px 0px 13px 0px;}
.left-right h2 {color:#4198bd; font-size:16px; border-bottom:1px solid #e9e9e9; padding:5px 0px;}

.account { width:145px; float:left; color:#c6efff; padding-top:3px; text-align:right;}
.account a {color:#c6efff; text-decoration:none;}
.sing-up {float:right; font-weight:bold; padding-right:10px;}
.sing-up a {color:#FFF; background:url(../images/sign-up.gif) no-repeat;  text-decoration:none; padding-left:5px; width:62px; height:25px; display:block; line-height:25px;}
.padd {padding:15px 0px;}

#new {background:url(../images/midd.gif) repeat-y;}
#new .top-img {background:url(../images/top.gif) no-repeat top; height:19px;}
#new .bott-img {background:url(../images/bottom.gif) no-repeat top; height:19px;}
#new h4 {font-size:15px; color:#070808; text-align:center;}
#new p {padding:10px 20px 15px 20px; text-align:justify; }
#new h5 {font-size:13px; font-weight:bold; color:#070808; padding:15px; text-align:center;}
#new h6 {font-size:12px; text-align:center; padding-bottom:10px; font-weight:normal;}
#new a {color:#405466; text-decoration:underline; text-transform:uppercase;}

.right-box { padding-left:12px;}

.income {background:url(../images/right-back.gif) repeat-y; width:216px;}
.income .top  {background:url(../images/right-top.gif) no-repeat; height:10px;}
.income .bott  {background:url(../images/right-bott.gif) no-repeat bottom; height:10px;}
.income p.bold {font-weight:bold; text-align:center; color:#405466;}
.income p {padding:0px 22px; color:#405466;}

.member {background:url(../images/right-back.gif) repeat-y; width:216px;}
.member .top  {background:url(../images/right-top.gif) no-repeat; height:10px;}
.member .bott  {background:url(../images/right-bott.gif) no-repeat bottom; height:10px;}
.member p {font-weight:bold; text-align:center; color:#405466; background:url(../images/line2.gif) no-repeat bottom; font-size:14px; padding-bottom:3px; margin-bottom:10px;}
.member ul {padding:0px 10px 10px 10px;}
.member ul li {list-style-type:none; height:38px; width:38px; border:3px solid #d7d7d7; text-align:center; display:block; float:left; margin:0px 0px 5px 4px;}
.member ul li img {margin:3px 0px 0px 0px; padding:0px; width:31px; height:35px;}


.height {height:8px; overflow:hidden;}

#fotter {background:url(../images/fotter.jpg) repeat-x; height:120px;}
#fotter #bottom {width:911px; margin:0px auto; padding-top:10px;}
#fotter #bottom .copy {width:173px; float:left; color:#717171; text-align:right;}
#fotter #bottom .home {width:550px; float:left; text-align:right;}
#fotter #bottom .lo {width:auto; float:right; padding-right:12px;}
#fotter #bottom a {color:#419ec6; text-decoration:none;}
#fotter #bottom a:hover {text-decoration:underline;}

img { border: 0; }
#left-box .inner { height: 284px; overflow: hidden; }
.padd { position: relative; }
#sign-in-box { 
	background: url("../images/sign-in-bg.png"); height: 176px; width: 251px; top: 42px;left: -46px; position: absolute; 
	padding: 16px 10px 0 18px; display: none; 
}
#sign-in-box input { margin: 5px 0; }
#sign-in-box .user { background:url("../images/input-bg.jpg") no-repeat; width: 197px; height: 19px; border: 0; padding: 3px; }
#sign-in-box .pass { background:url("../images/input-bg.jpg") no-repeat; width: 197px; height: 19px; border: 0; padding: 3px; }
