html {
	height: 100%;
}

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
	height: 100%;
	background: url('pict/bg.gif');
	margin: 0;
	padding: 0;
	background-color: #fff;
}

a {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

p {
    margin: 0 0 15px;
	padding: 0;
}

div {
    margin: 0;
	padding: 0;
}

img {
	border: none;
}

input {
	vertical-align: middle;
}

#body-bg { height: 100%; background: url('pict/bg-top.jpg') repeat-x top center; }

#wrapper {
	min-width: 980px;
	max-width: 980px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#body-sub {
	background-color: #e4e4e4;
	width: 980px;
	background: url('pict/body-bg.png') repeat-y top center;
}

#shapka-bg  {
    float: left;
    background-color: #cbcbcb;
	width: 960px;
	height: 316px;
	background: url('pict/shapka-bg.jpg') repeat-x top center;
	margin: 3px 0 0 10px;
}

#shapka  {
	width: 942px;
	height: 298px;
	background: url('pict/001.jpg') no-repeat top center;
	margin: 9px 0 0 9px;
}

#shapka-bg-sec  {
    float: left;
    background-color: #cbcbcb;
	width: 960px;
	height: 216px;
	background: url('pict/shapka-bg.jpg') repeat-x top center;
	margin: 3px 0 0 10px;
}

#shapka-sec  {
	width: 942px;
	height: 198px;
	background: url('pict/002.jpg') no-repeat top center;
	margin: 9px 0 0 9px;
}

#shapka-sec-boats {
	width: 942px;
	height: 198px;
	background: url('pict/003.jpg') no-repeat top center;
	margin: 9px 0 0 9px;
}

#menu-bg {
	float: left;
	background-color: #c3cdd2;
	width: 960px;
	height: 177px;
	background: url('pict/bg-menu.jpg') repeat-x top center;
	margin: 7px 0 0 10px;
}

#razdel {
	background-color: #a9b5b9;
	width: 131px;
	height: 161px;
	background: url('pict/podlozhka.jpg') no-repeat top center;
	margin: 8px 0 0 10px;
	float: left;
	text-align: center;
}

    #razdel a { font-size: 11px; color: #fff; display: block; height: 100%; font-weight: bold; text-decoration: none; }
    #razdel a:hover { font-size: 11px; color: #666; display: block; height: 100%; font-weight: bold; text-decoration: none; }

#razdel-sec {
	background-color: #a9b5b9;
	width: 131px;
	height: 161px;
	background: url('pict/podlozhka.jpg') no-repeat top center;
	margin: 8px 0 0 4px;
	float: left;
	text-align: center;
}

    #razdel-sec a { font-size: 11px; color: #fff; display: block; height: 100%; font-weight: bold; text-decoration: none; }
    #razdel-sec a:hover { font-size: 11px; color: #666; display: block; height: 100%; font-weight: bold; text-decoration: none; }

#news-bg {
	float: left;
	background-color: #eaeaea;
	width: 960px;
	background: url('pict/bg-news.gif');
	margin: 7px 0 0 10px;
	padding: 0 0 12px 0;
}

#news-bg-top {
	float: left;
	background-color: #cbcbcb;
	width: 960px;
	background: url('pict/bg-news-top.jpg') repeat-x top center;
}

	#news-block-bg-top {
		float: left;
		background-color: #a7b3b7;
		width: 468px;
		background: url('pict/podlozhka-news-top.png') no-repeat top center;
		margin: -5px 0 -4px 0;
	}

	#news-block-top {
		float: left;
		background-color: #a7b3b7;
		width: 468px;
		background: url('pict/podlozhka-news-bg.png') repeat-y top center;
		margin: 12px 0 0 10px;
	}

	#news-block-bg-bottom {
		float: left;
		background-color: #a7b3b7;
		width: 468px;
		height: 4px;
		background: url('pict/podlozhka-news-bottom.png') no-repeat top center;
		margin: 0;
	}

	#news-texts {
		margin: 10px 10px 6px 10px;
		min-height: 300px;
	}

#texts { margin: 20px 20px 0 20px; }
#texts-sec { margin: 0 20px 0 20px; padding-top: 12px; }
#texts-sec-menuleft { margin: 0 20px 0 237px; padding-top: 20px; }

#menuleft-bg {
	float: left;
	background-color: #eaeaea;
	width: 215px;
	background: url('pict/bg-news.gif');
	margin: 7px 0 0 10px;
	padding: 0 0 12px 0;
}

#menuleft-bg-top {
	float: left;
	background-color: #cbcbcb;
	width: 215px;
	background: url('pict/bg-news-top.jpg') repeat-x top center;
}

	#menuleft-block-bg-top {
		float: left;
		background-color: #a7b3b7;
		width: 197px;
		background: url('pict/podlozhka-menuleft-top.png') no-repeat top center;
		margin: -5px 0 -4px 0;
	}

	#menuleft-block-top {
		float: left;
		background-color: #a7b3b7;
		width: 197px;
		background: url('pict/podlozhka-news-bg.png') repeat-y top center;
		margin: 12px 0 0 10px;
	}

	#menuleft-block-bg-bottom {
		float: left;
		background-color: #a7b3b7;
		width: 197px;
		height: 4px;
		background: url('pict/podlozhka-menuleft-bottom.png') no-repeat top center;
		margin: 0;
	}

	#menuleft-texts {
		margin: 10px 10px 6px 10px;
		min-height: 300px;
	}

	#menuleft-texts h1 {
		font-family: Arial, Helvetica, sans-serif;
   		font-size: 18px;
		margin: 0 0 15px;
		padding: 0;
		color: #fff;
	}

	#menuleft-texts ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	#menuleft-texts ul li {
		height: 25px;
		border-bottom: #819196 solid 1px;
	}

    #menuleft-texts ul li a { padding: 6px 0 0 0; height: 18px; font-size: 11px; color: #666; display: block; font-weight: bold; text-decoration: none; }
    #menuleft-texts ul li a:hover { padding: 6px 0 0 0; height: 18px; font-size: 11px; color: #000; display: block; font-weight: bold; text-decoration: none; }

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 66px;
}

#logo {
    margin: 20px 0 0 12px;
    float: left;
}

#menu-top {
    margin: 23px 12px 0 0;
    float: right;
}

    #menu-top-left {
        float: left;
        background: url('pict/menu-top-left.png') no-repeat top left;
        width: 7px;
        height: 27px;
    }

    #menu-top-bg {
        float: left;
        background: url('pict/menu-top-bg.png') repeat-x top left;
        height: 27px;
    }

        #menu-top-bg a { padding: 6px 10px 0 10px; height: 21px; font-size: 11px; color: #666; display: block; font-weight: bold; text-decoration: none; }
        #menu-top-bg a:hover { padding: 6px 10px 0 10px; height: 21px; font-size: 11px; color: #fff; display: block; font-weight: bold; text-decoration: none; }

    #menu-top-razd {
        float: left;
        background: url('pict/menu-top-razd.png') no-repeat top left;
        width: 1px;
        height: 27px;
    }

    #menu-top-right {
        float: left;
        background: url('pict/menu-top-right.png') no-repeat top left;
        width: 7px;
        height: 27px;
    }

#copyright {
    padding: 20px 20px 20px 20px;
    line-height: 150%;
}
	#banner { float: left; width: 50%; }
    #copy { float: right; width: 49%; text-align: right; }

/* Middle
-----------------------------------------------------------------------------*/

#clear {
	clear: both;
}

table{
    border-collapse: collapse;
}

.date {
	font-size: 0.91em;
	color: #666;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
	margin: 0 0 15px;
	padding: 0;
	color: #666;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
 	margin: 0 0 15px;
	padding: 0;
	color: #666;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
 	margin: 0 0 15px;
	padding: 0;
	color: #666;
}

input, select, textarea, checkbox, button { margin-top: 3px; border: #666666; border-style: solid; border-width: 1px; background: #e5ebf0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }

.selectedanchor { /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
    /*background: #c4c4c4;*/
}

/* ######### Default class for drop down menus ######### */
.anylinkcss {
    margin-top: 0px;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    border: 0px solid #333;
    border-bottom-width: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    z-index: 100; /* zIndex should be greater than that of shadow's below */
    background: #eaeaea;
    width: 220px; /* default width for menu */
}

.anylinkcss ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.anylinkcss ul li a {
    width: 100%;
    display: block;
    text-indent: 4px;
    border-bottom: 1px solid #fff;
    padding: 6px 0 3px 0;
    text-decoration: none;
    height: 17px;
}

.anylinkcss ul li span {
    padding: 3px 0 3px 6px;
    color: #666;
    font-weight: bold;
}

.anylinkcss a { /*hover background color*/
    color: #666;
    text-decoration: underline;
}

.anylinkcss a:hover { /*hover background color*/
    background: #cbcbcb;
    color: #fff;
    text-decoration: none;
}

/* ######### Alternate multi-column class for drop down menus ######### */

.anylinkcsscols {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    border: 0px solid #fff;
    padding: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    z-index: 100; /*zIndex should be greater than that of shadow's below*/
    background: #bfd6de;
}

.anylinkcsscols .column {
    width: 220px;
    float: left;
}

.anylinkcsscols .column ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.anylinkcsscols li {
    padding-bottom: 4px;
}

/* ######### class for shadow DIV ######### */

.anylinkshadow { /*CSS for shadow. Keep this as is */
    margin-top: 5px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99; /*zIndex for shadow*/
    background: black;
    visibility: hidden;
}