*{margin:0; padding:0}

fieldset, img{border:0}
 
a:focus{outline:none}

ul{padding-left:16px}

 
html{height:100%; margin-bottom:1px}

a:link, a:visited{text-decoration:none}
a:hover{text-decoration:underline}

h1, h2, h3, h4, h5, h6{font-weight:bold; line-height:100%}

h1{font-size:300%}
h2{font-size:250%}
h3{font-size:200%}
h4{font-size:175%}
h5{font-size:150%}
h6{font-size:125%}

body{font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:150%; color:#646464; background:#F5F5F5 url(../images/bg.gif) repeat-y 50%}
a:link, a:visited{color:#3BA0BC}

a:hover{color:#2F7D93}
h1, h2, h3, h4, h5, h6{font-family:Arial,Helvetica,sans-serif}

h1{font-weight:normal; color:#7887A0}

h2{color:#b4b4be}

h3{color:#646478}

h4{font-weight:normal; color:#7887A0}

h5{color:#878796}

h6{color:#7887A0}
.inside-right{padding:0 20px 0 0}
.inside{padding:8px}
.clear{clear:both}
.gap{height:8px; display:block; clear:both}

#wrap{padding:0; width:960px!important; margin:0 auto; text-align:left; position:relative; background:#fff}
#header{float:left; color:#fff; width:100%; height:100px; background:url(../images/header.gif) repeat-x; position:relative}
#logo{width:299px; height:100px; float:left; background:url(../images/logo.gif) no-repeat}
#top-menu{width:auto; height:auto; position:absolute; right:8px; top:5px}
#date{width:auto; height:auto; position:absolute; right:16px; top:25px; color:#C8C8C8; font-size:9px; width:auto}
#container{margin:0; padding:0; width:auto; height:auto; background:#fff; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3}
#top-m{width:100%; height:5px; background:url(../images/top-m.gif) repeat-x}
#top-lt{width:100%; height:5px; background:url(../images/top-lt.gif) no-repeat left}
#top-rt{width:100%; height:5px; background:url(../images/top-rt.gif) no-repeat right}
#bottom-m{width:100%; height:5px; background:url(../images/bottom-m.gif) repeat-x}
#bottom-lt{width:100%; height:5px; background:url(../images/bottom-lt.gif) no-repeat left}
#bottom-rt{width:100%; height:5px; background:url(../images/bottom-rt.gif) no-repeat right}

#right{float:right; width:30%; overflow:hidden; background:none}

#content80{float:left; width:67%; overflow:hidden}
#content100{float:left; width:100%; overflow:hidden}
#user{width:auto; height:auto; background:#f9f9f9}
#user1, #user2, #user3{height:auto; float:left}
#user h2{font-family:Helvetica,Arial,sans-serif; font-weight:bold; color:#59B5EB; font-size:12px; text-transform:uppercase; font-family:Cambria,serif; line-height:auto; padding-bottom:0; border:0}
.imgborder{border:1px solid #DDD; background:#fff; padding:4px; margin:0 10px 10px 0}
.usertop-inside{padding:16px 16px 0 16px}
.userpadding{padding:10px 20px 10px 10px}
#footer{background:url(../images/footer_bg.gif) no-repeat; text-align:left; clear:both; height:104px}
#copyright{height:auto; width:auto; padding:5px 10px; font-size:10px; color:#808080; float:left}
#footer-nav{width:auto; height:45px; line-height:45px; margin:0; padding:0; float:right}

#login-button{width:auto; height:32px; overflow:hidden; float:left}
#login_area, 
#login{background:url('../images/member_bg.png') repeat-x 0 0; height:32px; line-height:32px; font-size:10px}
#login{display:none}
#login_area .inside, #login .inside{padding:0 16px}
#login_area a{background:url('../images/button_left.png') no-repeat 0 50%; color:#666; padding:4px 3px; margin-right:1px}
#login_area  a span{background:url('../images/button_right.png') no-repeat 100% 50%; padding:4px 7px 4px 4px}
#login_area a:hover{}

#search{width:auto; height:auto; float:right}
.search{margin-top:5px}
.search input{border:1px solid #e1e1e1; padding:2px 2px; color:#c0c0c0; width:215px}
.search input:focus{color:#000}
.search .button, 
.logout input.button, #login .button{color:#fff; border:none; width:auto; height:19px; padding:0 0 1px; margin-left:3px; background:#3CA2BE; cursor:pointer}

#login li{float:left; background:none; padding:3px 6px 0 0; line-height:30px; border:none; list-style-type:none; font-size:12px}
#login label{color:#666; font-size:12px; margin-right:4px}
input#modlogin_username, 
input#modlogin_passwd{border:1px solid #E1E1E1; color:#C0C0C0; padding:3px 2px; width:117px}
.main-inside{padding:10px 16px}

.slide-padding{padding:16px 16px 0 16px}
#slide-wrap{padding:20px 40px; background:#f1f1f1; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px}
#slide-box{position:absolute}
#slide-box p{font-size:12px; line-height:18px; color:#8C8C8C}
#slide-box h1{color:#666; font-size:20px; line-height:120%}
#slide-box .inner{width:850px; height:180px; display:block; float:left}
.bg-img{border:1px solid #DDD; background:#fff; padding:4px; margin:0 20px 0 0}

.slide-box{position:relative; width:850px; height:180px; overflow:hidden}

.button-left{width:20px; height:100%; position:absolute; top:0; left:0; background:url(../images/left-button.png) no-repeat 0 50%; opacity:0.4; filter:alpha(opacity=40); z-index:1024; cursor:pointer}
.button-right{width:20px; height:100%; position:absolute; top:0; right:0; background:url(../images/right-button.png) no-repeat 100% 50%; opacity:0.4; filter:alpha(opacity=40); z-index:1024; cursor:pointer}
.button-left:hover{opacity:1; filter:alpha(opacity=100)}
.button-right:hover{opacity:1; filter:alpha(opacity=100)}