* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -0px; /* negative value of footer height */
	height: 105px;
	clear: both;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



body {
	height: 100%;
	color: #9c9597;
	background: url('/images/top_fon.jpg') no-repeat top center #d0f0fc;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


ol, ul {
	list-style: none;
}

fieldset {
	margin: 0px;
	border: 0px;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	background-color: white;
	width: 100%
}

hr {
	display: none;
}

.right {
	float: right;
}

.left {
	float: left;
}
.hide {
	display: none;
}

H2 {
	margin: 0px 0px 15px 0px;
	color: #231f20;
	font-weight: normal;
	font-size: 18px;
}
H3 {
	color: #231f20;
	font-weight: normal;
	font-size: 12px;
}


/* Link Styles */
a:link, a:visited {
	color: #336699;
}
a:hover {
	color: #336699;
	text-decoration: underline;
}
a:active {
	color: #336699;
}

input, button {
	padding: 0px 5px 0px 5px;
	height: 16px;
	color: #5f5f5f;
	font-size: 14px;
	background: #ffffff;
	border: 1px solid #afafaf;
}
input.button {
	cursor: pointer;
}
#wrap {
	width: 1003px;
	position: relative;
	margin: 0px auto;
}
#header {
	position: relative;
	width: 100%;
	height: 187px;
}
#logotip {
	float: left;
	margin: 21px 0px 0px 75px;
	width: 271px;
	height: 122px;
	cursor: pointer;
}
#inst {
	float: right;
	margin: 45px 65px 0px 0px;
	width: 103px;
	height: 22px;
	border: 0px solid red;
}
#inst img {
	border: 0px solid #FFF;
}

#main {
	display: block;
	position: relative;
	padding-bottom: 150px;
	margin: 0px auto;
	width: 1003px;

	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;

	background: #FFFFFF;
}
/*--------------------------    -------------------------*/
#navigate {
	display: block;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 13px;
	height: 54px;
	line-height: 54px;
	font-size: 14px;
	color: #9c9597;
	background: url('/images/navigate_fon.gif') no-repeat left top;
}
#navigate a {
	font-size: 14px;
	color: #9c9597;
	text-decoration: underline;
}
#navigate a:hover {
	font-size: 14px;
	color: #9c9597;
	text-decoration: none;
}
#navigate span.this_page {
	font-size: 14px;
	color: #231f20;
}


/*---------------------------Левый столбец--------------------*/
#left_block {
	display: block;
	position: relative;
	margin: 0px 0px 0px 25px;
	float: left;
	width: 208px;

	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;

	background: #d0f0fc;
}
#menu {
	display: block;
	position: relative;
	width: 208px;
	list-style: none;
	margin: 15px 0px 50px 0px;
	padding: 0px;
}
#menu li.menu{
	min-height: 30px;
	position: relative;
	display: list-item;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	line-height: 30px;
	border-bottom: 1px dashed #FFFFFF;
}
#menu a.menu {
	font-size: 14px;
	color: #231f20;
	text-decoration: underline;
}
#menu a.menu:hover {
	color: #313131;
	text-decoration: none;
}

ul.sub_menu {
	display: block;
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
	list-style: disc;
}
ul.sub_menu li.submenu{
	min-height: 20px;
	display: list-item;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
}

ul.sub_menu a.submenu {
	color: #9c9597;
	text-decoration: underline;
}
ul.sub_menu a.submenu:hover {
	color: #cccccc;
	text-decoration: underline;
}


div.banner {
	margin: 0px auto;
	margin-bottom: 50px;
	width: 150px;
	height: 210px;
}

#contacts {
	margin-bottom: 20px;
	color: #231f20;
	font-size: 10px;
	text-align: center;
}




/*------------------------ Правый столбец ----------------------*/
#right_block {
	display: block;
	position: relative;
	float: right;
	margin: 0px 25px 0px 0px;
	width: 720px;
	border: 0px solid yellow;
}

div.text_block {

}
div.text_block p{
	margin: 5px 0px 5px 0px;
	text-align: justify;
}
div.text_block img {
	padding: 3px;
	border: 1px solid #9c9597;
}
div.text_block ul{
	margin: 0px 0px 10px 30px;
	padding: 0px 0px 0px 0px;
	list-style: disc;
}
div.text_block li{
	display: list-item;
}

/*------------------------- Новости ---------------------------------------------*/
.shot_news {
	width: 720px;
	margin: 0px 0px 20px 0px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #d0f0fc;
}
.shot_news a.name {
	text-decoration: underline;
 	font-size: 12px;
 	font-weight: normal;
 	color: #231f20;
}
.shot_news span.date {
	display: block;
	margin: 5px 0px 5px 0px;
	font-size: 10px;
	font-weight: normal;
	color: #9c9597;
}
.shot_news p {
	text-align: justify;
}
.shot_news img{
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 3px;
	border: 1px solid #9c9597;
}
.shot_news a.theme {
	float: right;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 12px;
}

#news h3{
	width: 100%;
	margin: 0px 0px 15px 0px;
}
#news p {
	margin: 5px 0px 5px 0px;
}
#news a {
	text-decoration: none;
}
H3.hidden_news {
	color: #81be7a;
}
#news img.news_preview {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 3px;
	border: 1px solid #9c9597;
}

div.pages {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}
div.pages a {
	margin: 0px 5px 0px 5px;
    text-decoration: none;
}
a.add_news {
	display: block;
	margin: 0px 0px 10px 0px;
}

/*------------------------- Mail Form -------------------------------*/

#mail_form {
	width: 430px;
	background: #FFFFFF;
	padding: 0px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	border: 1px solid #d0f0fc;
}
#mail_form div {
	clear: both;
	margin: 15px 0px 10px 20px;
}
#mail_form label {
	display: block;
	margin: 0px 0px 3px 0px;
	float: none;
	font-size: 14px;
	color: #555555;
	width: auto;
}
#mail_form label.error {
	margin: 2px 0px 2px 0px;
	line-height: 20px;
	color: red;
	width: 350px;
}
form#mail_form input {
	border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
	width: 250px;
	font-size: 14px;
}
form#mail_form textarea {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	color: #5f5f5f;
	padding: 3px;
	width: 380px;
	height: 100px;
	border-color: #B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style: solid;
	border-width: 1px;
}
form#mail_form #submit_button {
	margin: 5px 0px 10px 20px;
	height: 25px;
	width: 150px;
	cursor: pointer;
}



/*-------------------------- Footer -----------------------------*/

#footer {
	background: url('/images/footer_fon.jpg') center no-repeat;
}






/*--------------------------- Admin things -----------------------------*/

#instruments {
	display: block;
	text-align: right;
	margin: 10px 0px 0px 0px;
	height: 30px;
	width: 100%;
	border: 0px solid red;
}
.instrument {
	padding: 0px;
	width: 16px;
	height: 16px;
	border: 0px;
}