html,body{ margin:0px;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background:#00A1CB url(../images/main_bg.jpg) left top repeat-x;}
img{ border:0px;}
*{ margin:0px; padding:0px;}
ul,li{ list-style-type:none;}
.wraper{ width:100%; clear:both; overflow:hidden;} 
.container{ width:844px; margin:0px auto;}

.header{ width:844px; height:179px; clear:both; background:url(../images/top_logo_image.jpg) no-repeat}
.logo{ width:344px; padding:125px 0px 0px 0px; float:left;}

.login{ width:844px; height:47px; margin:0 auto; clear:both; overflow:hidden; padding:0px 0px 0px 0px; background:url(../images/login_bg.jpg) left top no-repeat; }
.login-area { float:left; width:420px; padding-left:424px; padding-top:5px;}
.login-button {padding-left:4px; padding-right:4px;}


.middle{width:816px;clear:both;	background:url(../images/middle_bg.jpg) left top repeat-y;padding-top: 0px;	padding-right: 14px;padding-bottom: 0px;padding-left: 14px;}
.text-area { padding:10px;}
.text-area h1{ color:#333333; font-size:20px; padding-bottom:5px; border-bottom:1px solid #dadace;}
.text-area p{ color:#333; font-size:12px; line-height:19px; padding-top:5px;}


.footer{ width:844px; height:62px; margin:0 auto; clear:both; overflow:hidden; background:url(../images/footer_bg.jpg) left top no-repeat; text-align:center;}
.footer-link { padding-top:25px;  }
.footer-link a{ text-decoration:none; color:#333; padding:0px 8px;}
.footer-link a:hover{ text-decoration: underline; color:#000000; }