*{margin:0; padding:0}



fieldset, img{border:0; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px}

 

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:#393838; background:#F5F5F5 url(../images/bg.gif) repeat-y 50%}

a:link, a:visited{color:#CC6633}



a:hover{color:#CC6633}

h1, h2, h3, h4, h5, h6{font-family:Arial,Helvetica,sans-serif}



h1{font-weight:normal; color:#771100}



h2{color:#CC6633}



h3{color:#8f2614}



h4{font-weight:normal; color:#771100}



h5{color:#8f2614}



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; margin:0 auto; text-align:left; position:relative; background:#fff}

#header{float:left; color:#fff; width:960px; 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; width:960px; height:auto; background:#fff; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; position: relative}

#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:68%; 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:#CC6633; font-size:12px; text-transform:uppercase}

.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:#fff url(../images/footer_bg.gif) no-repeat; color:#fff; 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_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:3px 2px; color:#808080; width:215px}

.search input:focus{color:#000}

.search .button, 

.logout input.button, #login .button{color:#fff; border:none; width:auto; padding:0 0 2px; height:19px; margin-left:3px; background:#CC6633; 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)}