* { padding: 0px; margin: 0px}

body {background: rgb(55,75,95); font-family: verdana, arial; font-size: 10pt; line-height: 160%; color: rgb(0,0,0); text-align: center;}
a {color: rgb(51,102,102); text-decoration: none}
a:hover {text-decoration: underline}
a.ov {color: rgb(51,102,102); text-decoration: underline}
a img {border: none}
.both1 {clear: both; font-size: 1px; line-height: 1px; height: 1px}
.rg {float: right}
table {border: 0px}
table td {text-align: left; vertical-align: top}

#main_box {width: 1024px; height: auto; border-top: none; margin: 0px auto; text-align: left; background: rgb(55,75,95) url(../images/bg_1.gif) 0 0 repeat-x}


/* ÃËÀÂÍÀß ØÀÏÊÀ */

#header {width: 1024px; background: url(../images/tit_1.jpg) right 0 no-repeat; height: 342px;}
#header .zrb {float: left}
#header .menu_left {float: left; padding-left: 21px; padding-top: 45px; width: 136px}
#header .menu_left ul {width: 136px; list-style: none}
#header .menu_left ul li {list-style: none; background: url(../images/m_1.gif) 0 0 no-repeat; height: 24px}
#header .menu_left ul li.ost {list-style: none; background: url(../images/m_2.gif) 0 0 no-repeat; height: 23px}
#header .menu_left ul li a {font-size: 12px; line-height: 22px; color: rgb(37,53,70); font-weight: bold; padding-left: 31px;}
#header .menu_left ul li.ost a {font-size: 12px; line-height: 20px; color: rgb(37,53,70); font-weight: bold; padding-left: 31px;}
#header .comm {float: left; padding-left: 55px; margin-top: 45px; width: 450px}
#header .comm li {list-style: none;  background: url(../images/str.gif) 0 0 no-repeat; height: 30px; color: rgb(37,53,70); font-size: 10px; line-height: 30px; padding-left: 18px}
#header .comm li span {color: rgb(180,60,46)}


/* ÃËÀÂÍÀß ÊÎÍÒÅÍÒ */

#content {width: 1024px; height: auto; background: url(../images/bg_2.gif) 0 0 repeat-y; margin-top: -30px}

#content .menu {width: 214px; float: left}
#content .menu #vertical_container {width: 214px; height: auto}
#content .menu #vertical_container .h_1 {width: 196px; height: 35px; border-bottom: 2px solid rgb(55,75,95); line-height: 35px; font-size: 13px; color: rgb(180,60,78); font-weight: bold; padding-left: 18px}
#content .menu #vertical_container h2 {width: 196px; height: 28px; border-bottom: 2px solid rgb(55,75,95); line-height: 28px; font-family: tahoma, arial; font-size: 11px; color: rgb(255,255,255); font-weight: normal; padding-left: 18px}
#content .menu #vertical_container #inner {width: 196px; height: auto; border-bottom: 2px solid rgb(55,75,95); padding: 5px 0px 5px 18px; background: url(../images/bg_4.gif) 0 0 repeat-y;}
#content .menu #vertical_container #inner .in_inner {width: 176px; height: auto; border-bottom: 2px solid rgb(55,75,95); padding: 3px 6px 3px 12px; background: url(../images/bg_5.gif) 0 7px no-repeat;}
#content .menu #vertical_container #inner .in_inner a {line-height: 13px; font-family: arial; font-size: 11px; color: rgb(255,255,255); font-weight: normal}
#content .menu #vertical_container .accordion_toggle {display: block; outline: none; cursor: pointer; margin: 0 0 0 0}
#content .menu #vertical_container .accordion_content {overflow: hidden}

#content .main_co {float: left; width: 541px; height: auto; padding: 0px 35px 20px 20px}
#content .main_co h1 {line-height: 28px; font-size: 14px; font-family: verdana; color: rgb(255,255,255); width: 447px;}
#content .main_co p {line-height: 15px; font-size: 11px; font-family: verdana; color: rgb(211,234,243)}
#content .main_co p a {line-height: 15px; font-size: 11px; font-family: verdana; color: rgb(144,208,0); text-decoration: none}
#content .main_co p a:hover {color: rgb(211,234,243); text-decoration: none}
#content .main_co ul, #content .main_co li {list-style: none; line-height: 15px; font-size: 11px; font-family: verdana; color: rgb(144,208,0)}
#content .main_co li a:before {content: "- "}
#content .main_co li a {line-height: 15px; font-size: 11px; font-family: verdana; color: rgb(144,208,0); text-decoration: none}
#content .main_co li a:hover {color: rgb(211,234,243); text-decoration: none}

#content .info_box {float: right; width: 214px; height: auto}
#content .info_box .border {width: 174px; height: auto; background: url(../images/bg_4.gif) 0 0 repeat-y; padding: 5px 20px 15px}
#content .info_box .border h2 {line-height: 26px; font-size: 15px; font-family: verdana; color: rgb(144,208,0)}
#content .info_box .border p {line-height: 21px; font-size: 11px; font-family: verdana; font-weight: bold; color: rgb(211,234,243)}
#content .info_box .border p span {font-weight: bold; font-size: 14px; color: rgb(255,255,255)}

/* ÃËÀÂÍÀß ÏÎÄÂÀË */

#footer {width: 1008px; height: 82px; background: url(../images/bg_3.gif) 0 0 repeat-x; margin-top: 2px; padding: 5px 8px}

#footer .left {width: 226px; float: left; margin-top: 18px}
#footer .left p {font-size: 11px; line-height: 22px; color: rgb(37,53,70)}
#footer .left p a {color: rgb(37,53,70)}
#footer .left p a:hover {color: rgb(255,255,255)}

#footer .right {width: 400px; float: left; padding-top: 2px}
#footer .right p {font-size: 11px; line-height: 19px; color: rgb(37,53,70)}
#footer .right p a {color: rgb(37,53,70)}
#footer .right p a:hover {color: rgb(255,255,255)}

#footer .rgg {float: left; padding: 27px 0px 0px 280px}

