body {
  font-size: 11px;
  color: #676767;
  background-color: #ececec;
  font: normal 11px Tahoma;
  background-image:  url(../images/gradient.jpg) ;
  background-repeat: repeat-x;
  background-position: top left;
  margin: 0;
  padding: 0;
  font-family: "Verdana";
}

#header_desc {position:absolute;right: 0;top: 44px;width: auto;margin-right:25px;}
#header_desc h1 {font-size: 11px;color: #3993D1; display: inline;}
#header_desc img {margin-left: 5px;}

a img {border: 0px;}
a {color: #073E6F;}
hr {color: #ccc; height: 1px; font-size: 1px;background: #ccc;}

#viewport{
  margin: auto;
  width: 1000px;
  border: 0px #ccc solid;
  overflow: hidden;
}

.mooquee {border: solid 0px #C0C0C0; padding: 0px; position: absolute; overflow: hidden; white-space: nowrap; margin-left: 10px;}
.mooquee-text {position: absolute;}
.mooquee img {margin-left: 10px;} 

.timer {float: left; width: 152px; height: 20px; text-align: center; margin-top: 5px; font-size: 12px; color: #5394D6; font-family: Georgia; font-weight: bold; margin-right: 30px; border: 0px #ccc dotted; background-color: #fff; margin-left: 10px; height: 18px;}

.floatRight{float: right;}
.floatLeft{float: left;}
.clearLeft{clear: left}
.clearRight{clear: right}
.clearAll{clear: both}
.hide{display: none;}
.show{display: block;}


.textRight{text-align: right;}
.textLeft{text-align: left;}
.textCenter{text-align: center;}
.textJustify{text-align: justify;}

.borderNone{border: 0;}
.borderAll{border: 1px #ccc solid;}
.borderTop{border-top: 1px #ccc solid;}
.borderLeft{border-left: 1px #ccc solid;}
.borderRight{border-right: 1px #ccc solid;}
.borderBottom{border-bottom: 1px #ccc solid;}

.hint{
  background-color: #FEFFBE;
  border: 1px #ccc solid;
  width: auto;
  height: auto;
  z-index: 1000;
  position: absolute;  
  padding: 10px;
}
.hint * {margin: 0px;}

/*Main page*/
/*TOP MENU*/
#top_menu {height: 75px; width: 1000px; background: transparent url(../images/top_banner_bg.gif) repeat-x; position: relative;}
.top_menu_items {height: 75px; width: auto; position: absolute; top: 25px; right: 0px;}
.top_menu_items ul {margin: 0; padding: 0;}
.top_menu_items ul li{display: inline;}
.top_menu_items ul li a{display: block; float: left; margin-right: 20px; color: #3993d1; text-decoration: none; border-bottom: 0px #3993d1 dotted; font-size: 12px;}
.top_menu_items ul li a:hover{border-bottom: 1px #3993d1 dotted; font-size: 12px;}

/*Banner menu*/
.main_page_big_menu {height: 254px; width: auto; position: relative; margin-left: 251px;}
.main_page_big_menu ul{margin: 0; padding: 0;}
.main_page_big_menu ul li{display: inline;}
.main_page_big_menu ul li div{display: block; float: left; height: 254px; width: 106px;}
.main_page_big_menu ul li div.volume{border-left: 1px #fff solid;}
.main_page_big_menu ul li.item{cursor: pointer;}
.main_page_big_menu ul li.item .caption{margin-top: 170px; margin-left: 0px; color: #fff; font-size: 15px; text-align: center;}
.main_page_big_menu ul li.item .vol_1{background: #3399CC url(../images/vol_img_1.jpg) no-repeat top left;}
.main_page_big_menu ul li.item .vol_2{background: #FFCC33 url(../images/vol_img_2.jpg) no-repeat top left;}
.main_page_big_menu ul li.item .vol_3{background: #FF6699 url(../images/vol_img_3.jpg) no-repeat top left;}
.main_page_big_menu ul li.item .vol_4{background: #8ACF67 url(../images/vol_img_4.jpg) no-repeat top left;}
.main_page_big_menu ul li.item .vol_5{background: #FF9966 url(../images/vol_img_5.jpg) no-repeat top left;}
.main_page_big_menu ul li.item .vol_6{background: #CC66FF url(../images/vol_img_6.jpg) no-repeat top left;}
.main_page_big_menu ul li.item .vol_7{background: #66CCFF url(../images/vol_img_7.jpg) no-repeat top left;}

#main_page_logo {position: absolute; top: 10px; left: 20px;}

.scroll_wrapper {overflow: hidden; width: 1000px;}
.scroll_wrapper .scroll_inner{width: 1000px; height: 350px; position: relative;}
.scroll_wrapper .scroll_inner .scroller{color: #fff; height: 350px; padding: 20px; float: left; width: 1000px; position: absolute; top: 0; left: 0;}
.scroll_wrapper .scroll_inner .scroller .img_container{float: left; margin-right: 20px;}
.scroll_wrapper .scroll_inner .scroller .img_container img{border: 2px #fff solid;}
.scroll_wrapper .scroll_inner .scroller h1{font-size: 40px; font-weight: normal; font-family: Tahoma; margin: 0; padding: 0;}
.scroll_wrapper .scroll_inner .scroller .goto{position: absolute; right: 60px; bottom: 60px;}
.scroll_wrapper .scroll_inner #v1{background-color: #3399CC;}
.scroll_wrapper .scroll_inner #v2{background-color: #FFCC33;}
.scroll_wrapper .scroll_inner #v3{background-color: #FF6699;}
.scroll_wrapper .scroll_inner #v4{background-color: #8ACF67;}
.scroll_wrapper .scroll_inner #v5{background-color: #FF9966;}
.scroll_wrapper .scroll_inner #v6{background-color: #CC66FF;}
.scroll_wrapper .scroll_inner #v7{background-color: #66CCFF;}

#footer {height: 40px; width: 1000px; background-color: #70bdff; color: #fff;}
#footer ul {margin: 0; padding: 0;}
#footer ul li{display: inline;}
#footer ul li a{display: block; float: left; margin-right: 20px; color: #fff; text-decoration: none; border-bottom: 0px #3993d1 dotted; font-size: 14px;}

.note {width: 500px; padding: 10px 10px;  background: transparent url(../images/note_bg.png) no-repeat; height: 200px;}
.note *{margin: 0; color: #fff; width: 450px;}
.note p {vertical-align: top; font-style: italic; font-weight: bold;}

.text_block1 {padding: 10px; margin-right: 30px;;}

#body_content {
  padding: 10px;
  min-height: 500px;
  background-color: #fff;
}

.tabnav ul{
  height: 20px;
  padding-left: 10px;
  background: url(../images/tab_bottom.gif) repeat-x bottom;
  margin: 0;
}

.tabnav ul li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.tabnav ul a {outline-style: none;}
.tabnav ul a:link, .tabnav ul a:visited {
  float: left;
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  margin-right: 4px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #666;
  background: url(../images/tab_bg.gif) repeat-x;
  padding: 2px 10px;
}

.tabnav ul a:link.active, .tabnav ul a:visited.active {
  border-bottom: 1px solid #fff;
  background: #fff;
  color: #000;
}

.tabnav ul a:hover {
  background: #fff;
}

.bg_1 {background: #3399CC;}
.bg_2 {background: #ffcc33;}
.bg_3 {background: #ff6699;}
.bg_4 {background: #8ACF67;}
.bg_5 {background: #ff9966;}
.bg_6 {background: #cc66ff;}
.bg_7 {background: #66ccff;}

.banner_bg_1 {background: url(../images/banner_bg_1.jpg);}
.banner_bg_2 {background: url(../images/banner_bg_2.jpg);}
.banner_bg_3 {background: url(../images/banner_bg_3.jpg);}
.banner_bg_4 {background: url(../images/banner_bg_4.jpg);}
.banner_bg_5 {background: url(../images/banner_bg_5.jpg);}
.banner_bg_6 {background: url(../images/banner_bg_6.jpg);}
.banner_bg_7 {background: url(../images/banner_bg_7.jpg);}
.banner_bg_podcast {background: url(../images/banner_bg_podcast.jpg);}

hr {color: #ccc; font-size: 1px; line-height: 1px;}

.pager {margin: 10px 0px;}
.pager a div  {margin-right: 2px; background: #292218; color: #fff; display: block; float: left; padding: 2px; text-align: center; width: 20px; border: 1px #ccc solid; cursor: pointer;}
.pager .nolink{margin-right: 2px; display: block; float: left; padding: 2px; text-align: center; width: 20px; border: 1px #ccc solid; cursor: default;}