body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,label,form,fieldset,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,th,var{font-style:normal;font-weight:normal;}ul li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: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 { height: 100%; text-align: center; font: normal 14px Tahoma; color: #000; background: #3E78A9 }

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;display: block;}
.empty { width: 100%; height: 282px; clear:both }

.all {width: 970px; min-height:100%; margin: 0 auto; text-align: left; background: #fff url(../i/all.gif) repeat-y}

.header { width: 970px; height: 153px; overflow: hidden; background: #3E78A9 url(../i/header.jpg) no-repeat bottom left }
.header .title { float: left; width: 616px; height: 40px; margin: 69px 0 0 35px; display: inline; }
.header .title a { width: 616px; height: 40px; display: block; background: url(../i/title.png) no-repeat; text-decoration: none; }
.header .title a:hover { background: url(../i/title_over.png) no-repeat }
.header .author { float: left; clear: left; margin: 0 0 0 35px; display: inline; font: italic 16px Georgia; color: #fff; white-space: nowrap; }
.header .serv { float: right; clear: right; margin: 49px 0 0 0; display: inline; }
.header .serv li { float: left; width: 85px; height: 85px; margin-left:-15px; display: inline; }
.header .serv li a { width: 85px; height: 85px; display: block; }
.header .serv li.twit a { background: url(../i/ic_twit.png) no-repeat }
.header .serv li.twit a:hover { background: url(../i/ic_twit_over.png) no-repeat }
.header .serv li.rss a { background: url(../i/ic_rss.png) no-repeat }
.header .serv li.rss a:hover { background: url(../i/ic_rss_over.png) no-repeat }

.menu { width: 970px; height: 54px; background: #EFF2F6 url(../i/menu.gif) no-repeat }
.menu .menu_l { float: left; height: 54px; background: #EFF2F6 url(../i/menu.gif) no-repeat }
.menu .menu_l li { float: left; height: 54px; padding-right:2px; background: url(../i/menu_line.gif) no-repeat right 2px;}
.menu .menu_l .i1 { width: 131px}
.menu .menu_l .i2 { width: 167px}
.menu .menu_l .i3 { width: 100px}
.menu .menu_l .i4 { width: 135px}
.menu .menu_l .i5 { width: 144px}
.menu .menu_l li a { display: block; width:100%; height:54px; outline: none; text-align: center; color: #00335E; text-decoration: none; line-height: 48px; }
.menu .menu_l li a:hover { background: url(../i/menu_over.gif) repeat-x 0 2px }
.menu .menu_l li a.active { margin-left:-1px; padding-left:1px; background: url(../i/menu_active.gif) repeat-x 0 2px !important; cursor: default; }
.menu .menu_l li.item_l a:hover { background: url(../i/menu_over_l.gif) no-repeat 5px 2px }
.menu .menu_l li.item_l a.active { background: url(../i/menu_active_l.gif) no-repeat 6px 2px !important }

.menu .menu_r { float: left; margin: 14px 0 0 15px; display: inline;}
.menu .menu_r li { float: left; padding-left:14px; margin-right:20px; line-height: 20px; display: inline; background: url(../i/menu_arr.gif) no-repeat 0 7px; }
.menu .menu_r li a { padding-bottom:4px; float: left; font: normal 11px/20px Tahoma; color: #0070BF }
.menu .menu_r li a:hover { color: #3A3A3A }

.main { width: 970px; margin-bottom:-1px}
.main h4 { margin-bottom:6px; padding: 0 15px 0 19px; font: italic 20px Trebuchet MS; color: #D6EEFF }
.main .content { float: left; width: 686px; overflow: hidden; }
.main .content .block { margin:0 10px 0 5px; background: url(../i/line2.gif) repeat-x left bottom }
.main .sidebar { overflow:hidden; position: relative; float: right; width: 284px; background:#002c52 url(../i/all.gif) repeat-y right }
.main .sidebar .wrap { width: 284px; min-height: 360px; overflow: hidden; padding-top:18px; background: url(../i/sidebar.jpg) no-repeat top left }
.main .sidebar .block { margin: 0 0 30px; }
.main .sidebar .block a { text-decoration: none; cursor: pointer; }
.main .sidebar .block .col {width: 278px; padding:3px 0; display: inline-block;display: block; }
.main .sidebar .block .col:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.main .sidebar .block .col.active { padding: 2px 0; border-top: 1px solid #004480; border-bottom: 1px solid #004480; background:#4279A8 url(../i/list_bg.gif) repeat-y left top }
.main .sidebar .block .col .l { float:left; margin:0 7px 0 19px; display: inline; padding: 5px 0 10px; line-height: 0; }
.main .sidebar .block .col .l img { margin-top:4px; }
.main .sidebar .block .col .r { overflow: hidden; display: block; padding: 4px 10px 6px 0; font: normal 12px/18px Tahoma; color: #fff  }
.main .sidebar .block .col .r .link { color: #D6EEFF; text-decoration: underline; }
.main .sidebar .block a:hover .col .r .link { color: #fff; }
.main .sidebar .block .col .r strong { font-weight: bold; }
.main .sidebar .block .col .r em { display: block; padding-top:5px; font: normal 10px Tahoma; color: #9FC1D8 }
.main .sidebar .block .col .r em a { font: normal 10px Tahoma; color: #9FC1D8 }
.main .sidebar .block .col .r .text { margin-top:3px; display: block; font: normal 11px/18px Tahoma; color: #fff }

.main .sidebar .block2 { margin: 0 0 30px; }
.main .sidebar .block2 dl {float:left; width: 139px; padding:1px 0; margin-bottom:4px;  }
.main .sidebar .block2 dl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.main .sidebar .block2 dl {display: inline-block;display: block;}
.main .sidebar .block2 dl.active { padding: 0; border-top: 1px solid #004480; border-bottom: 1px solid #004480; background:#4279A8 url(../i/list_bg.gif) repeat-y left top }
.main .sidebar .block2 dl dt { position: relative; float:left; margin:0 7px 0 19px; display: inline; padding:0 0 2px 0; line-height: 0; }
.main .sidebar .block2 dl dt img { position: relative; margin-top:6px }
.main .sidebar .block2 dl dd { overflow: hidden; padding: 0 0 2px 0; font: normal 12px/18px Tahoma; color: #fff  }
.main .sidebar .block2 dl dd a { font: normal 12px Tahoma; color: #D6EEFF }
.main .sidebar .block2 dl dd a:hover { color: #fff }
.main .sidebar .block2 dl dd span { font: normal 10px Tahoma; color: #9FC1D8 }
.main .sidebar .block2 dl dd span a { font: normal 10px Tahoma; color: #9FC1D8 }
.main .sidebar .block2 dl dd p { font: normal 11px/18px Tahoma; color: #fff }

.article { padding: 20px 25px 15px 30px; }
.article p { padding: 12px 0; line-height: 22px }
.article p a { color: #0070BF }
.article p a:hover { color: #3A3A3A }
.article h2 { margin-bottom:5px; font: italic 24px Trebuchet MS; color: #3A3A3A }
.article h2 a { color: #0070BF }
.article h2 a:hover { color: #3A3A3A }
.article .description { margin-bottom:6px; color: #6D6D6D; font: normal 11px Tahoma }
.article .description a { color: #6D6D6D; }
.article .presentation { position: relative; width: 681px; height: 51px; overflow: hidden; margin:0 0 12px -30px; border-bottom:1px solid #708ca5; border-top:1px solid #b5cce0; background: #d8e5f1 url(../i/presentation.gif) repeat-x top left }
.article .presentation li { float: left; width: 199px; height: 41px; margin-left:-2px; display: inline; padding:9px 0 0 30px; border-top:1px solid #fff; background: url(../i/presentation_item.gif) repeat-y left top }
.article .links { position: relative; width: 681px; overflow: hidden; margin-left:-30px;}
.article .links li { float: left; width: 310px; margin-left:-1px; padding:6px 0 0 30px; background: url(../i/line3.gif) no-repeat left 15px}
.article .links li li { float: none; padding:0 0 0 15px; margin-bottom:10px; width: auto; background: url(../i/links_arr.gif) no-repeat left 6px;}
.article .links li li a { color:#0070bf; font-size: 12px; }
.article .links li li a:hover { color:#3A3A3A; }
.article .more strong { font-size:18px; }

.comments { margin:0 10px 0 5px; padding-bottom:1px; background: url(../i/line2.gif) repeat-x left bottom }
.comments .title { padding: 20px 25px 15px 30px; }
.comments .title dt { float:left; display: inline; margin:0 9px 0 -3px; font: italic 24px Trebuchet MS; color: #000; }
.comments .title dd { padding-top:8px; overflow:auto }
.comments .items { margin-bottom:6px; }
.comments .item { width: 681px; margin-bottom:-1px; }
.comments .item dt { padding: 10px 17px 10px 28px; border-top:1px solid #d2dbe4; font: normal 12px Tahoma; }
.comments .item dt:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.comments .item dt {display: inline-block;display: block;}
.comments .item_blue dt { background: #eef5fc url(../i/comment1.gif) repeat-x top left; }
.comments .item_grey dt { background: #f4f4f4 url(../i/comment3.gif) repeat-x top left; }
.comments .item dt a { font: bold 12px Tahoma; color: #0070bf }
.comments .item dt a:hover { color: #000 }
.comments .item dt .l { float:left; display: inline; margin-right:9px; }
.comments .item dt .r { overflow: hidden !important; display: block; text-align: right; }
.comments .item dd { padding: 15px 17px 15px 28px; border-top:1px solid #d4dfe8; border-bottom:1px solid #c5c9ce; font: normal 12px/18px Tahoma; }
.comments .item_blue dd { background: #d7e2ec url(../i/comment2.gif) repeat-x top left; }
.comments .item_grey dd { background: #e4e4e4 url(../i/comment4.gif) repeat-x top left; }
.comments .form { width: 674px; margin: 0 0 0 0; padding:15px 0 20px; background: #ebeef1 url(../i/form.gif) no-repeat top left; }
.comments .form .column3 { width: 627px; margin: 0 0 16px 30px; overflow: hidden; position: relative }
.comments .form .column3 ul { width: 655px; }
.comments .form .column3 ul li { float: left; width: 203px; height: 32px; position:relative; overflow: hidden; margin-right:9px; display: inline; background:#e8e8e8 url(../i/text.gif) no-repeat }
.comments .form .column3 ul li .f_field { width: 193px; height: 23px; padding: 9px 1px 0 9px; border: 0; font: normal 12px Tahoma; color: #000; background: none }
.comments .form .column3 ul li label.overlabel {position:absolute; top:9px; left:9px; color:#828282; font: normal 12px Tahoma; }
.comments .form .column3 ul li label.overlabel-apply {position:absolute; top:9px; left:9px; z-index:1; color:#828282; font: normal 12px Tahoma;}

.comments .form .textarea { width: 617px; height: 133px; overflow: auto; padding: 6px 1px 1px 9px; margin:0 0 10px 30px; font-size: 12px; color: #000; background: #fff url(../i/textarea.gif) no-repeat; border: 0 }
.comments .form .subscribe { margin:0 0 16px 30px; }
.comments .form .subscribe dt { float:left; display: inline; margin-right:5px; }
.comments .form .subscribe dd { overflow:auto; }
.comments .form .subscribe dd label { font-size: 12px }
.comments .form .bn { padding: 10px 18px; margin-left:30px; overflow: visible; width: auto; font-size: 12px; cursor: pointer; }


.pagenav { padding: 25px 0; }
.pagenav .wrap { float:right; right:50%; position: relative; z-index: 10 }
.pagenav .wrap ul { float:left; right:-50%; position: relative; }
.pagenav .wrap ul li { float:left; height: 25px; line-height: 25px }
.pagenav .wrap ul li a { float: left; color: #0070BF; padding: 0 10px; line-height: 25px }
.pagenav .wrap ul li a:hover { color: #3A3A3A;}
.pagenav .wrap ul li.active { background: #F0F0F0 url(../i/pagenav_l.gif) no-repeat left top }
.pagenav .wrap ul li.active a { color: #000; font-weight: bold; text-decoration: none; background: url(../i/pagenav_r.gif) no-repeat right top }
.pagenav .steps { position: relative; float: left; width: 100%; margin-top:-25px; }
.pagenav .steps li { position: relative; float:left; margin-left:30px; display: inline;}
.pagenav .steps li a { color: #0070BF; }
.pagenav .steps li a:hover { color: #3A3A3A;}
.pagenav .steps .next { position: relative; z-index: 20; float:left; margin-left:30px; display: inline;}
.pagenav .steps .prev { position: relative; z-index: 20; float:right; margin-right:25px; display: inline;}
.pagenav .steps strong { font-size:18px; }

.col3 { padding: 20px 25px 20px 30px; }
.col3 h3 { margin-bottom:6px; font: italic 24px Trebuchet MS; color: #000 }
.col3 h3 a { color: #0070BF }
.col3 h3 a:hover { color: #000 }
.col3 .wrap { width: 616px; overflow: hidden; position: relative; }
.col3 .wrap ul { width: 700px; }
.col3 .wrap ul li { float: left; width: 190px; margin-right: 33px; display: inline; }
.col3 .wrap ul li a { color: #0070BF; line-height: 22px; text-decoration: none; }
.col3 .wrap ul li p { margin-bottom:7px; color: #000; line-height: 22px; }
.col3 .wrap ul li a:hover { color: #3A3A3A; }
.col3 .wrap ul li a.active span { color: #3A3A3A; }
.col3 .wrap ul li img { margin-top:13px; text-decoration: none; }
.col3 .wrap ul li span { text-decoration: underline; }
.col3 .wrap ul li sub { font-size: 11px; color: #6D6D6D !important }
.col3 .wrap ul li sub a { text-decoration: underline; color: #6D6D6D !important; text-decoration: underline; }
.twit li a { position: relative; display: block; color: #000 !important }
.twit li a sup { color: #0070BF !important; font-size:11px; display: block; margin-top:8px; text-decoration: underline; }
.twit li a:hover sup { color: #3A3A3A !important;}


.footer { position: relative; width: 970px; height:282px; overflow: hidden; margin:-282px auto 0; background: #3E78A9 url(../i/footer.gif) no-repeat left top; text-align: left; }
.footer .carousel { position: relative; width: 954px; height:178px; margin-left:8px; overflow: hidden; background: url(../i/line.gif) repeat-x bottom left; }
.footer .copyright { float: left; width: 720px; display: inline; margin:20px 0 0 8px; color: #FFF }
.footer .copyright dt { float:left; margin-right:5px; display: inline; font-size:12px; }
.footer .copyright dd { overflow:hidden; font-size:11px; }
.footer .copyright dd span { font-size:12px; }
.footer .copyright dd li { margin-bottom:10px; line-height: 1.5 }
.footer .copyright dd a { color: #D6EEFF }
.footer .copyright dd a:hover { color: #FFF }
.footer .serv { float: right; clear: right; margin: 5px 0 0 0; display: inline; }
.footer .serv li { float: left; width: 85px; height: 85px; margin-left:-15px; display: inline; }
.footer .serv li a { width: 85px; height: 85px; display: block; }
.footer .serv li.twit a { background: url(../i/ic_twit.png) no-repeat }
.footer .serv li.twit a:hover { background: url(../i/ic_twit_over.png) no-repeat }
.footer .serv li.rss a { background: url(../i/ic_rss.png) no-repeat }
.footer .serv li.rss a:hover { background: url(../i/ic_rss_over.png) no-repeat }


.contacts { position: absolute; top:0; left:0; width: 100%; height: 39px; background: #EDF0F3 url(../i/contacts.gif) repeat-x; text-align: center; }
.contacts .wrap { width: 970px; height: 39px; overflow: hidden; margin: 0 auto; text-align: left; background: url(../i/contacts2.gif) no-repeat right top; }
.contacts .wrap dl { margin: 11px 0 0 36px; }
.contacts .wrap dl dt { float:left; margin-right:14px; display: inline; font: bold 11px/16px Tahoma; color: #374B5B }
.contacts .wrap dl dd { overflow: hidden;}
.contacts .wrap dl dd ul {  }
.contacts .wrap dl dd ul li { margin-right:19px; display:inline; float: left; font: normal 11px/16px Tahoma; color: #374B5B; }
.contacts .wrap dl dd ul li img { float: left; margin-right:6px; display: inline; }