html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

html, body {margin:0; padding:0; height:100%; width:100%; position:absolute; background:#303030;}
body {height:100%; color:#999; font-family: Arial,Helvetica,sans-serif; font-size: 0.75em; line-height: 120%;}

/* clearfix */
.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Normal link */
a {color: #999; text-decoration:underline; outline:none;}
a:hover, a:active, a:focus {color: #999;text-decoration: underline;}

/* H1-H6 */
h1,h2,h3,h4,h5,h6{color:#bfb000; font-weight:400;}
h1 {font-size:155%; color:#958901;}
h2 {font-size:145%;}
h3 {font-size:135%;}
h4 {font-size:125%;}
h5 {font-size:115%;}
h6 {font-size:105%;}

hr {line-height:2px; border:none; border-bottom:1px dotted #666;}
p {padding:4px 0;}

/* MAIN LAYOUT
--------------------------------------------------------- */
.all {height:98%; width:100%; float:left;}
.main_l {width:100%; height:531px; float:left; background:url(images/bg-l.jpg) #000 0 0 repeat-y;}
.main_l td {white-space:nowrap;}
.main_l td.left,
.main_l .left_c {width:350px; vertical-align:top;}
.main_l td.center,
.main_l .center_c {width:260px;}
.main_l td.right {}
.main_l td.right img {margin-right:15px; margin-top:4px;}
.main_l .end_content {width:50px; background:url(images/bg-l.jpg) top right repeat-y;}
.main_l .end_content a {margin-left:-24px; position:relative; z-index:10000;}
.main_l td.footer {height:25px; background:#5b5a5f; clear:both;}
.main_l td.footer strong {display:block; margin-left:15px; font-size:90%; float:left;}

.main_l .left_c {background:url(images/top_logo.gif) no-repeat scroll 16px 3px; zoom:1; overflow:hidden;}

/* logo */
.logo {background:url(images/logo.gif) 0 0 no-repeat; display:block; height:72px; margin:140px 0 0 16px; text-transform:uppercase; text-indent:-9999px;}

/* copy */
img.copy {margin-left:-15px; margin-bottom:-15px;}

/* main_menu */
.main_menu {list-style:none; margin:25px 35px 10px 56px;}
.main_menu li {display:block;}
.main_menu li a {display:block; height:19px; text-transform:uppercase; text-indent:-9999px;}
.main_menu a.m0,
.main_menu a.m1,
.main_menu a.m2,
.main_menu a.m3,
.main_menu a.m4,
.main_menu a.m5 {background:url(images/PH_ROUT_MENU.jpg) 0 0 no-repeat;}
.main_menu a.m0 {background-position:0 0;}
.main_menu a.m0:hover, .main_menu a.m0:active, .main_menu a.m0:focus {background-position:0 -19px;}
.main_menu a.active0 {background-position:0 -38px;}
.main_menu a.m1 {background-position:0 -63px;}
.main_menu a.m1:hover, .main_menu a.m1:active, .main_menu a.m1:focus {background-position:0 -81px;}
.main_menu a.active1 {background-position:0 -98px;}
.main_menu a.m2 {background-position:0 -122px;}
.main_menu a.m2:hover, .main_menu a.m2:active, .main_menu a.m2:focus {background-position:0 -140px;}
.main_menu a.active2 {background-position:0 -157px;}

.main_menu a.m3 {background-position:0 -183px;}
.main_menu a.m3:hover, .main_menu a.m3:active, .main_menu a.m3:focus {background-position:0 -201px;}
.main_menu a.active3 {background-position:0 -219px;}

.main_menu a.m4 {background-position:0 -258px; margin-top:20px;}
.main_menu a.m4:hover, .main_menu a.m4:active, .main_menu a.m4:focus {background-position:0 -276px;}
.main_menu a.active4 {background-position:0 -294px;}

.main_menu a.m5 {background-position:0 -325px; margin-top:120px;}
.main_menu a.m5:hover, .main_menu a.m5:active, .main_menu a.m5:focus {background-position:0 -341px;}
.main_menu a.active5 {background-position:0 -341px;}

.main_menu li ul {margin-left:24px; padding:6px 0 12px 0; list-style:none;}
.main_menu li li {background:none; color:#FFF; font-size:11px; list-style:none;}
.main_menu li li a {color:#FFF; height:15px; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; text-indent:0;}
.main_menu li li a:hover, .main_menu li li a:active, .main_menu li li a:focus {color:#CC0000;}

.main_menu .red {color:#CC0000;}

/* tabs */
.tabs { width:98%; margin-top:18px; }
.tabs .in {padding:10px 0 5px 0; border-bottom:3px solid #F00;}
.tabs .news_content {padding:5px 0; border:dotted #CCC; border-width:1px 0 0 0;}
.tabs .ui-tabs-hide {display:none;}

/* .tab_nav */
.tab_nav {list-style:none; border-bottom:1px solid #F00; height:25px; padding-left:20px;}
.tab_nav li {float:left; height:25px; display:inline-block;}
.tab_nav a {background:#333; height:25px; display:inline-block; line-height:25px; padding:0 15px; text-decoration:none; outline:none;}
.tab_nav li.ui-state-active {border:solid #F00; border-width:1px 1px 0 1px; height:30px; margin-top:-5px;}
.tab_nav li.ui-state-active a {background:#000; height:30px; line-height:31px; color:#F00;}

/* scrol */
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa;}
.jScrollPaneDrag {position: absolute; cursor: pointer; overflow: hidden; background:url(images/skrol.gif) 0 0 no-repeat; height:7px;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 15px; background:url(images/scrol_up.gif) 0 0 no-repeat;}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 15px; background:url(images/scrol_down.gif) 0 0 no-repeat;}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

.scroll-pane {height:431px; overflow:auto;}

.tablebodytext {display:none;}

span.mini_descr {float:left; margin-left:190px; display:block;}
div.sect_descr {width:250px; height:450px; display:inline-block; overflow:hidden;}

.ff_text {padding-left:190px;}
