HTML, BODY { margin: 0; height: 100%; }
FORM { margin: 0; }
TABLE { border-collapse: collapse; }
TD { padding: 0; }

A { color: #0497cb; text-decoration: none; }
A:hover { text-decoration: underline; }
A IMG { border: none; }

#canvas { width: 1010px; margin: 0 auto; }

#topline { height: 40px; width: 100%; background: #0497cb; }

#main { padding: 20px 15px; }
#main .container { width: 100%; }
#col_spacer { width: 15px; }
#col_left { width: 725px; }
#col_right { width: 240px; }
#col_left, #col_right { vertical-align: top; }

#user_menu_inactive { font: bold 11px tahoma; height: 26px; border-bottom: 1px solid #efefef; width: 100%; margin-bottom: 10px; }
#user_menu_inactive .links { border-collapse: separate; border-spacing: 1px; height: 25px; }
#user_menu_inactive .links TD { background: #efefef; color: #a9a9a9; padding: 0 10px; }

#col_left .infoblock { width: 100%; margin-bottom: 15px; }
#col_left .infoblock .header TD { border-top: 1px solid #4fa8d0; background: #ecf5fa; height: 24px; vertical-align: middle; }
#col_left .infoblock .header .title { background: #ecf5fa url(../img/infoblockarr1.gif) no-repeat left top; }
#col_left .infoblock .title { font: bold 11px tahoma; color: #0497cb; padding-left: 26px; }
#col_left .infoblock .more { text-align: right; vertical-align: top; padding-right: 10px; font: 11px tahoma; }
#col_left .infoblock .more A { color: #0497cb; text-decoration: none; }
#col_left .infoblock .more A:hover { text-decoration: underline; }
#col_left .infoblock .content { padding-top: 15px; }

#col_left A.button { font: 11px tahoma; color: white; background: #0497cb; padding: 4px 10px; display: block; float: left; text-decoration: none; }
#col_left A.button:hover { text-decoration: none; background: #edf6fa; color: #0497cb; }

#col_right A.button { font: 11px tahoma; color: white; background: #336600; padding: 4px 10px; display: block; float: left; text-decoration: none; }
#col_right A.button:hover { text-decoration: none; background: #ddf6c4; color: #336600; }

#col_right .adv {  margin-bottom: 15px; }

#col_right .infoblock { width: 100%; margin-bottom: 15px; }
#col_right .infoblock .header TD { border-top: 1px solid #53751e; background: #e8f5d2; height: 24px; vertical-align: middle;}
#col_right .infoblock .header .title { background: #e8f5d2 url(../img/infoblockarr2.gif) no-repeat left top; }
#col_right .infoblock .title { font: bold 11px tahoma; color: #52741e; padding-left: 26px; vertical-align: top; }
#col_right .infoblock .more { text-align: right; vertical-align: top; padding-top: 5px; padding-right: 10px; font: 11px tahoma; }
#col_right .infoblock .more A { color: #0497cb; text-decoration: none; }
#col_right .infoblock .more A:hover { text-decoration: underline; }
#col_right .infoblock .content { padding-top: 15px; }

#footer { border-top: 1px solid #999999; height: 90px; width: 100%; font: 11px tahoma; padding-top: 5px; }
#footer TABLE { width: 1000px; margin: 0 auto; }
#footer TD { vertical-align: top; }

/******************************************************************************/
/* Навигация */
/******************************************************************************/
#navigation TD { white-space: nowrap; }
#navigation { margin: 0 auto; font: 11px tahoma; text-align: left; height: 40px; color: white; }
#navigation A { color: white; }
#navigation .screenname { margin-left: 20px; font-weight: bold; }
#navigation .separator { margin-left: 20px; height: 19px; float: left; width: 1px; background-color: white; }

#navigation UL { list-style: none; margin: 0; margin-left: 18px; padding: 0; }
#navigation UL.topics { margin-top: 2px; }
#navigation .topic { display: block; float: left; margin: 0; padding: 0; }
#navigation .topic UL { position: absolute; }
#navigation .topic>A { font-weight: bold; display: block; height: 19px; text-decoration: none; background: url(../images/navigation/arr1.gif) no-repeat; padding: 3px 20px 0 29px; }
#navigation .topic:hover>A { background: white url(../images/navigation/arr1over.gif) no-repeat; color: #0497cb; }
#navigation .topic UL { background: white; position: absolute; z-index: 200; visibility: hidden; }
#navigation .topic UL A.item { display: block; background: white; color: #0497cb; }
#navigation .topic:hover>UL, #navigation .topic UL LI:hover UL { visibility: visible; }
#navigation .topic UL UL { margin-left: 211px; margin-top: -21px; border-top: 1px solid #0497cb; }
#navigation .topic UL { padding: 1px 1px; float: left; text-align: left;  width: 211px; margin-left: -1px; border: 1px solid #0497cb; border-top: none; }
#navigation .topic UL A.item { text-align: left; font-weight: normal;  padding: 0 13px; padding-top: 2px; padding-right: 20px; height: 18px; text-decoration: none; }
#navigation .topic UL A.item:hover { color: white; font-weight: normal; background: url(../images/navigation/selected.gif); }
#navigation .topic UL A.item .num { float: right; color: #999999; }
#navigation .topic UL A.item:hover .num { color: white; }

#navigation .upload { margin-left: 15px; margin-right: 15px; padding-top: 4px; background: url('../images/navigation/arr_upload.gif') no-repeat left center; height: 19px; display: block; padding-left: 25px; font-weight: bold; }
#navigation .reg { margin-left: 15px; padding-top: 4px; background: url('../images/navigation/arr_reg.gif') no-repeat left center; height: 19px; display: block; padding-left: 25px; font-weight: bold; }

#navigation .search_form .field { width: 120px; height: 14px; font: 11px tahoma; color: gray; padding: 0 2px; }
#navigation .exit { padding-left: 13px; background: url(/images/navigation/exit.gif) no-repeat left center; }

#navigation .login_form .field { width: 55px; height: 14px; font: 11px tahoma; }
#navigation FORM .submit { margin-left: 7px; }

#navigation .usermenu { height: 18px; padding-top: 5px; }
#navigation .usermenu .options { display: none; }
#navigation .usermenu:hover .options { display: block; margin-top: 17px; width: 130px; }
#navigation .usermenu .options { margin: 0; margin-top: 5px; padding: 1px; position: absolute; }
#navigation .usermenu .options { background: white; list-style: none; border: 1px solid #0497cb; border-top: none; }
#navigation .usermenu .options A { width: 100px; display: block; color: #0497cb; padding: 0 10px; padding-top: 2px;
    padding-right: 20px; height: 18px; text-decoration: none;}
#navigation .usermenu .options A:hover { color: white; background: #0497cb; }