html
{
 height: 100%;
}

body
{
 height: 100%;
 margin: 0;
 padding: 0;
 font: 11px Tahoma;
 color: #000;
}

img
{
 border: 0px;
 vertical-align: bottom;
}

a
{
 color: #006471;
 text-decoration: none;
}

a:hover
{
 text-decoration: underline;
}

/* Списки с буллитами */
table.list td.item  {padding-bottom: 8px;}
table.list td.bullet {padding: 0 10px 5px 0; vertical-align: top;}

/* Каркас страницы */
#main-frame
{
 width: 1000px;
 text-align: left;
}

/* Верхняя панель с ссылками */
#top-panel
{
 height: 23px;
 padding: 6px 36px 0 25px;
 /*border: 1px solid red;*/
}

#top-panel a
{
 font: 13px Tahoma;
}

/* Логотип */
#top-logo
{
 clear: both;
 float: left;
 height: 61px;
}

/* Верхнее меню */
#top-menu
{
 height: 61px;
 /*border: 1px solid blue;*/
 background: url('img/bg-menu.gif') repeat-x top left;
}

#top-menu div.menu-item
{
 float: left;
 height: 20px;
 /*border: 1px solid blue;*/
 padding: 20px 15px;
}

/* Первая ссылка */
#top-menu #first
{
 margin-left: 15px;
}

#top-menu div.menu-sep
{
 float: left;
}

#top-menu div.menu-item a {font: bold 13px Tahoma;}
#top-menu div.menu-item:hover {background: url('img/bg-active-menu.gif') repeat-x top left;}
#top-menu div.menu-item:hover a {color: #fff;}
#top-menu div.menu-item:hover a:hover {text-decoration: none;}

/* Поисковая форма */
#top-menu #search
{
 float: left;
 /*border: 1px solid red;*/
 background: url('img/bg-search.jpg') no-repeat;
 margin-top: 20px;
 width: 119px;
 height: 17px;
}

#top-menu #search #str
{
 float: left;
 width: 88px;
 height: 14px;
 margin: 1px 5px 1px 10px;
 border: 0;
 background: #bcd9dc;
 color: #006471;
 font: 12px Tahoma;
}

/* Левая панель с кнопками */
#button-panel
{
 overflow: hidden;
 clear: both;
 float: left;
 width: 193px;
 /*border: 1px solid red;*/
 margin-top: 20px;
}

#button-panel div.button
{
 clear: both;
 width: 198px;
 height: 84px;
 text-align: left;
 /*border: 1px solid gray;*/
}

#button-panel div.button img
{
 float: left;
 margin: 0 10px 0 12px;;
}

#button-panel div.button a
{
 font: bold 12px Verdana;
 color: #006471;
}

#index-block
{
 overflow: hidden;
 float: left;
 height: 339px;
 width: 807px;
 background: url('img/bg-index-block.gif') no-repeat top left;
}

#index-menu
{
 visibility: hidden;
 /*border: 1px solid orange;*/
 height: 23px;
 margin-left: 22px;
 margin-top: 15px;
}

#index-menu div.menu-item
{
 height: 20px;
 float: left;
 /*border: 1px solid green;*/
 width: 120px;
 padding-top: 3px;
 text-align: center;
}

#index-menu div.menu-item a {font: bold 13px Tahoma; color: #00a8b4;}
#index-menu div.menu-item:hover {background: url('img/bg-active-button.jpg') no-repeat center center;}
#index-menu div.menu-item:hover a {color: #fff;}
#index-menu div.menu-item:hover a:hover {text-decoration: none;}

#index-splash
{
 float: left;
 margin: 4px 14px 0 19px;
}

#index-banner
{
 float: left;
 margin-top: 4px;
}

#left-block
{
 overflow: hidden;
 clear: both;
 float: left;
 margin: 8px 13px 0 0;
 /*border: 1px solid pink;*/
 width: 1000px;
 background: url('img/bg-block.gif') no-repeat;
}

#right-block
{
 overflow: hidden;
 float: left;
 /*border: 1px solid tomato;*/
 margin: 8px 0 0 0;
 width: 295px;
 background: url('img/bg-right-block.gif') no-repeat;
}

div.block-header {margin-bottom: 10px; margin-top: 15px;}
div.block-header a {font: bold 13px Tahoma; text-decoration: none;}
div.block-header img {margin-right: 6px;}

div.block-content {padding: 0 20px 20px 20px;}

div.news {margin-top: 20px;}
div.news div.date {color: #777;}
div.news div.head {}
div.news div.text {}

div.events-b {margin-top: 10px;}
div.events-b a {}
div.events-b div.date {color: #777;}
div.events-b div.text {}
div.events-b div.link {}

#bottom-panel
{
 clear: both;
 float: left;
 width: 680px;
 /*border: 1px solid gray;*/
 margin: 10px 20px 0 34px;
}

#bottom-panel a
{
 font: 13px Tahoma;
}

#contact-panel
{
 float: left;
 margin: 5px 0 10px 0;
 color: #888;
 font: 12px Tahoma;
 /*border: 1px solid yellow;*/
}

#contact-panel img
{
 margin-right: 10px;
}

#contact-panel a
{
 color: #888;
}
