a{ color:#286ad9; text-decoration:underline}
a:hover{ color:#f60}
#head{ padding-bottom:24px; width:100%; background-image: url(bg.gif); background-repeat: repeat-x; background-position: 0 100%; padding-top: 10px}
#head h2{ float:left; width:38%;font-weight:100; margin:0; padding:0}
#head h3{ float:right; text-align:right; width:60%; font-size:12px; margin:0; padding:0; padding-top:40px; font-weight:100; padding-bottom: 10px}
/*box*/
.box{ margin:4px auto; text-align:left; background-color:#FFF; height: 450px}
.box .boxleft { float: left; width: 340px; padding-right: 48px; border-right:1px solid #eee}
.box .boxleft .err{ background:#fff2e9 url(icon_err.gif) no-repeat 4px 50%; font-size:12px; padding:6px 6px 4px 20px; border:1px solid #F96; display:block; font-weight:100; margin: 20px 0} 
.box .boxright { float: left; width: 460px; padding-left: 45px}
#loginForm{ background:url(form_body.gif) repeat-y; width:340px}
#loginForm h4{ background:url(icon_r.gif) no-repeat 4px 50%; padding-left:22px; font-size:12px; font-weight:bold;}
#loginForm form{ background:url(form_bottom.gif) no-repeat 0 100%}
#loginForm table{ background:url(form_top.gif) no-repeat; width:100%} 
#loginForm td{ padding:4px}
#loginForm td div{ float:left}
.boxleft ul{ padding:20px 0 20px 20px; display: block}
.boxleft li{ list-style-type:disc; margin:0px; line-height:140%; line-height:18px}
.boxleft li a{font-size:12px}
.boxright h4{ margin:6px 0 4px 0}
.boxright ul{ width:auto; padding-left:8px; color: #999}
.boxright li{ margin:4px; line-height:400%; font-size: 14px}
.boxright .cnt{ padding:8px}
.boxright .cnt ul li strong { color: #006DD7; margin-right: 5px; margin-left: 5px}
.wd900{width:900px;margin:0 auto; overflow:hidden}