@import 'reset.css';


/* Text Styles
******************************************************* */
/*
h1{
	color: #312a87;
	margin-top: 0;
	background: transparent url(../_img/h1-bg.png) no-repeat 0 0;
	border-bottom: 2px solid #312a87;
	padding-left: 35px;
	padding-bottom: 8px;
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 1.1em;
}
*/
h1{
	color: White;
	margin-top: 0;
	margin-bottom: 1.1em;
	background-color: #3365ab;
	font-size: 1.1em;
	border: 2px outset #3365ab;
	padding: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

h2{
	font-size: 1.2em;
	font-weight: bold;
	color: #423784;
	border-bottom: 1px dotted #D5B500;
	padding-bottom: 3px;
	margin-bottom: 1.1em;
}

h2 a{
	color: #423784;
	text-decoration: none;
}
h2 a:hover{
	color: #FF8C00;
	text-decoration: none;
}

h3{
	color: #025900;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.1em;
}

a{
	color: #4E3BC2;
}
a:hover{
	color: Red;
}

.clear{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.red{
	color: #cc0000;
}

.green{
	color: #025900;
}


p, ul,ol,h2,h3{
	
}
.content ul{
	margin-left: 0;
	padding-left: 20px;
}
.content ul li{
	margin: 0;
	list-style: none;
	padding-left: 15px;
	background: transparent url(../_img/li.gif) no-repeat 0 0.45em;
}


ul.red-block li, ul .red-block li, ul.green-block ul .green-block{
	background-image: url(../_img/li-white.gif);	
}

.content img{
	/*border: 1px solid #143586 !important;*/
	border: 1px solid #829abf !important;
	background-color: #FFF;
	padding: 5px;
	margin: 0.5em;
}

.block-1{
	background-color: #EEE8AA;
	border: 1px solid #CD853F;
	padding: 10px;
	margin: 1em 0;
	color: Maroon;
}
.no-border, img.no-border{
	border-style: none!important;
}
.no-padding, img.no-padding{
	padding: 0!important;
	margin: 0;	
}
hr{
	border: none;
	background-color: White;
	margin: 1em 0;
	height: 1px;
	border-bottom: 1px dotted #D5B500;
}

table{
	border: 1px solid Silver;
}

table td{
	border: 1px solid Silver;
	background-color: #FFF;
}
table tr:hover td{
	background-color: #FAFAD2;
}

table th, table td.header{
	background-color: #E6E6FA;
}


/* Classes For All 
***************************************************** */
.clear{
	clear: both;
	height: 1px;
	overflow: hidden;
}



/* Virstka
****************************************************** */
body, html{
	height: 100%;
	background: White url(../_img/bg.jpg) repeat-x center top;
}

#top{
	width: 791px;
	margin: 0 auto;
	background: transparent url(../_img/top-bg.jpg) no-repeat top;
	position: relative;
}

#headerContaner{
	height: 246px;/*278px;*/
	width: 767px;
	margin: 0 auto;
	background: #3666d4 url(../_img/body-bg.gif) repeat-y top;
	position: relative;
	}
	#header{
		width: 761px;
		height: 246px;
		margin: 0 auto;
		background: transparent url(../_img/header.jpg) no-repeat;
	}
	
	#topMenu, #bottomMenu{
	display: none;
	height: 25px;/*31*/
	width: 761px;
	margin: 0 auto;
	background: #00008B url(../_img/top-menu-bg2.gif) repeat-x 0 0;
	border-bottom: 1px solid #21418b;
	padding-top: 1px;
}
		#topMenu ul, #bottomMenu ul{
			padding:0;
			margin: 0;
			}
		#topMenu li, #bottomMenu li{
			border-left: 1px solid #FFF;
			border-right: 1px solid #21418b;
			display: inline-block;
			overflow: hidden;
			}
		#topMenu li a, #bottomMenu li a{
	display: inline-block;
	color: #f3faff;
	font: bold 13px/24px Arial, Helvetica, sans-serif;
	padding: 0 14px 0 14px;
	text-decoration: none;
	background: transparent url(../_img/top-menu-bg2.gif) repeat-x 0 -1px;
	height: 24px;
}
		#topMenu li a:hover, #bottomMenu li a:hover{
			background-position: 0 -27px;
		}
		#topMenu li.selected a, #bottomMenu li.selected a, #topMenu li.parent a, #bottomMenu li.parent a{
			background-position: 0 -53px;
		}
		#topMenu li.first, #bottomMenu li.first{
			border-left: none;
			border-right: 1px solid #21418b;
			width: 5px;
			height: 24px
			}
		#topMenu li.last, #bottomMenu li.last{
			border-right: none;
			border-left: 1px solid #FFF;
			width: 5px;
			height: 24px
			}



#bodyContaner{
	width: 767px;
	margin: 0 auto;
	background: #3666d4 url(../_img/body-bg.gif) repeat-y top;
}

#leftCol{
	float: left;
	width: 545px;
}

#rightCol{
	float: right;
	width: 211px;
	padding-right: 4px;
	padding-top: 7px;
}
#rightCol .block{
	margin-bottom: 2em;
}

#rightCol .title{
	height: 28px;
	color: #fff;
	font-weight: bold;
	padding-left: 10px;
	background: #1b3375 url(../_img/right-col-block-title.jpg) no-repeat;
	line-height: 28px;
	margin: 1em 0;
}

#rightCol ul.menu, #rightCol ul.menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#rightCol ul.menu li{
	text-transform: uppercase;
	font-size: 0.85em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
#rightCol ul.menu li a{
	display: block;
	border-bottom: 1px dotted #FFF;
	color: #FFF;
	text-decoration: none;
	padding: 5px 15px 4px 10px;
}
#rightCol ul.menu li.selected a{
	color: #fff000;
	/*border-bottom-color: #28488b;*/
	background: #28488b url(../_img/right-menu-li.gif) no-repeat 195px  center;
	/*padding-left: 20px;*/
}
#rightCol div.noselected ul.menu li.selected, #rightCol div.noselected ul.menu li.parent{
	display: none;
}

#rightCol ul.menu li a:hover{
	color: #fff000;
	background-color: #28488b;
	background: #28488b url(../_img/right-menu-li.gif) no-repeat -22px center;
}

#rightCol ul.menu li ul{
	display: none;
}
#rightCol ul.menu li.selected ul, #rightCol ul.menu li.parent ul{
	display: block;
}

#rightCol ul.menu li.selected li a, #rightCol ul.menu li.parent li a{
	background: #466fb0 url(../_img/right-col-menu-li.gif) no-repeat 15px center;
	padding-left: 30px;
	border-bottom: 1px dotted #FFF;
	color: #FFF;
}
#rightCol ul.menu li.selected li a:hover, #rightCol ul.menu li.parent li a:hover{
	background: #1f3e85 url(../_img/right-col-menu-li-hover.gif) no-repeat 15px center;
	color: #fff000;
}
#rightCol ul.menu li li.selected a{
	background: #28488b url(../_img/right-col-menu-li-hover.gif) no-repeat 10px center;
	color: #fff000;
}

#cText{
	padding: 15px 15px 30px 20px;
	color: #312a87;
}
#footerEmpty{
	height: 140px;
	width: 767px;
	margin: 0 auto;
	background: transparent url(../_img/body-bg.gif) repeat-y 0 1px;
	background-color: Aqua;
}
#footerContaner{
	width: 767px;
	margin: 0 auto;
	background: transparent url(../_img/body-bg.gif) repeat-y 0 1px;
	
}
#bottomMenu{
	border-top: 1px solid #23438f;
	display: none;
}
#footer{
	color: #123178;
	padding-top: 30px;
	font-size: 0.8em;
	text-align: center;
	height: 75px;
	background-color: #ffed00;
	width: 753px;
	margin: 0 auto;
	border-bottom: 2px solid #375f9f;
	position: relative;
	background: #ffed00 url(../_img/header.jpg) no-repeat -4px -226px;
}
#footer a{
	color: #123178; 
}
#footer a:hover{
	color: red;
}

#counters{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 200px;
	height: 85px;
	text-align: right;
	overflow: hidden;
	background-color: #f0f0f0;	
}
#counters div.resizer{
	position: absolute;
	top: 0;
	left: 0;
	background: #fdf157 url(../_img/counters-resizer.gif) no-repeat center center;
	width: 9px;
	height: 85px;
	border: 1px solid #5d5d5d;
	border-style: none solid;
}

#counters p{
	margin: 0;
	padding: 6px;
}