/*@import "home.css";*/

* { margin: 0; padding: 0; }
body { background: #000; text-align: center; font: normal 0.65em/1.4em Verdana, sans-serif; padding-bottom: 30px; }
td { font-size: 0.65em; }
a { text-decoration: none; }
a img { border: none; }
.cleaner { display: block; clear: both; height: 1px; overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: Tahoma, Arial, sans-serif; color: #999; background: left top no-repeat; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: none; }
h1 { font-weight: normal; }

input, select, option, textarea { font: normal 1em Verdana, sans-serif; }
textarea { overflow: auto; }
textarea.inp { height: auto; }

.inp { height: 18px; border: none; padding: 3px 6px; }
.btn { height: 20px; border: none; background: #FB0097 url(icon_more.gif) left top no-repeat; font: bold 11px/20px Tahoma, Verdana, sans-serif; color: #FFF; text-transform: uppercase; text-align: left; text-decoration: none; padding-left: 20px; }
a.btn { padding-left: 20px; text-decoration: none; }

#page { width: 960px; background: #191919 url(bgrd.gif); color: #CCC; margin: 0 auto 30px auto; text-align: left; position: relative; }

#header { font: bold 11px/16px Tahoma, Verdana, sans-serif; text-transform: uppercase; padding: 22px 0 5px 0; background: #191919; color: #888; }
#header .hdr { width: 140px; position: absolute; left: 20px; top: 20px; text-align: right; }
#header .hdr h2 { background: url(logo.gif) left top no-repeat; width: 140px; height: 35px; overflow: hidden; margin-bottom: 2px; }
#header .hdr h2 a { display: block; padding-left: 1000px; }
#header .cnt { height: 30px; background: url(hdr_bgrd_bar.gif) left top repeat-x; margin-left: 180px; position: relative; color: #FFF; }
#header form { width: auto; float: left; padding: 5px 15px; }
#header form label { padding-right: 10px; color: #FF9; }
#header form .inp { height: 18px; border: none; background: left top no-repeat; padding: 3px 6px; }
#header form .btn { height: 18px; background: none; padding-left: 10px; }
#header form#login .b1 { width:53px; }
#header form#login .b2 { width:103px; }
#header form#login .inp { width: 100px; background-image: url(hdr_bgrd_input.gif); color: #603; }
#header form#search { position: absolute; right: 0; }
#header form#search .inp { width: 120px; background-image: url(hdr_bgrd_search.gif); color: #666; }
#header form#search .btn { width:50px; }

#footer { background: #191919; color: #666; position: relative;  }
#footer .inner { margin-left: 180px; border-top: solid 5px #FB0097; padding: 25px 40px; }
#footer h4 { background: url(logo_ftr.gif) left top no-repeat; width: 61px; height: 16px; overflow: hidden; position: absolute; right: 40px; top: 35px; }
#footer h4 a { display: block; padding-left: 1000px; }
#footer a { color: #999; }

#container { border-bottom: solid 5px #191919; }

#nav { width: 180px; float: left; overflow: hidden; }
#nav ul { padding: 70px 20px 50px 20px; }
#nav li { list-style: none; border-bottom: dotted 1px #999; text-transform: uppercase; font: bold 10px/28px Tahoma, Verdana, sans-serif; }
#nav li ul { padding: 10px 20px; border-top: dotted 1px #999; }
#nav li li { line-height: 16px; border: none; }
#nav .last { border: none; }
#nav li, #nav li a { color: #FFF; }
#nav li li, #nav li li a { color: #999; }

#cnt { float: left; margin-right: 5px; padding: 10px; width: 525px; max-width: 505px; overflow: hidden; }
#sub { float: left; width: 250px; overflow: hidden; }

.adv { background: #333; padding: 0; }
.adv#a1 { height: 250px; }
.adv#a2 { height: 150px; }

.panel h3 { margin-bottom: 5px; font-size: 1.25em; text-transform: uppercase; }

.sub .panel { border-bottom: solid 5px #191919; padding: 10px; }
.sub .panel.last { border-bottom: none; }
.sub .panel.adv { padding: 0; }
.sub .panel ul { margin-bottom: 10px; }
.sub .panel li { background: url(pointer_col_cl.gif) left 0.5em no-repeat; padding-left: 8px; list-style: none; }
.sub .panel a { color: #B8B8B8; text-decoration: underline; }
.sub .panel li a { display: block; width: 99%; overflow: hidden; white-space: nowrap; }
.sub .panel .more { display: block; background: url(pointer_col_cl.gif) left 0.5em no-repeat; padding-left: 8px; margin-top: 5px; }

.news_s { border: solid 1px #4D4D4D; border-width: 0 1px 1px 0; width: 50%; max-width: 251px; float: left; overflow: hidden; position: relative; }
.news_s h3 { color: #FF9; font-size: 1.4em; font-weight: normal; text-transform: uppercase; }
.news_s .name { color: #999; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
.news_s .more { display: block; position: absolute; left: 10px; bottom: 10px; background: url(pointer_gray_sq.gif) left 0.5em no-repeat; padding-left: 12px; }
.news_s .img { float: right; width: 80px; height: 80px; overflow: hidden; }
.news_s p { display: none; font-size: 10px; line-height: 12px; }

.news_s a { display: block; padding: 10px; height: 102px; max-height: 82px; overflow: hidden; color: #999; }
.news_s a:hover { background: #FF9 url(bgrd_news_s.jpg) left top no-repeat; padding-top: 15px; max-height: 77px; }
.news_s a:hover span, .news_s a:hover img, .news_s a:hover .more { display: none; background: none; }
.news_s a:hover h3 { color: #FB0097; font-size: 1.6em; display: none; }
.news_s a:hover p { display: block; color: #000; margin-top: 5px; height: 38px; overflow: hidden; }

.err { padding: 10px 20px; background: #C00; color: #FFF; font-weight: bold; margin-bottom: 10px; }

#more_arts { background: #333; width: 250px; overflow: hidden; border-bottom: solid 5xp #191919; }
#more_arts a { color: #FF9; }
#more_arts h3 { text-transform: uppercase; color: #FB0097; font-size: 12px; line-height: 12px; position: relative; text-indent: 0; background: none; margin: 10px 0; }
#more_arts h3 a.more { position: absolute; top: 0; right: 10px; color: #999; text-decoration: none; }
#more_arts .inner { padding: 0 10px; }
#more_arts .image { display: block; margin: 0 0 10px 0; height: 80px; overflow: hidden; }
#more_arts strong { color: #FFF; display: block; margin-bottom: 3px; }
#more_arts li { overflow: hidden; width: 97.5%; list-style: none; }
#more_arts li a { text-decoration: underline; color: #E6E6E6; white-space: nowrap; }
#more_arts .cleaner { background: #666; margin: 10px -10px 0 -10px; }