html, body {
	height:100%;min-width:1200px;background:#FFF;
	}
body {
	font-family: Arial;
	font-size: 12px;
	color: black;
	min-width:1200px;
	background:#FFF url(/design/img/head_bg_2.jpg) repeat-x
	}


/************************

	ÝËÅÌÅÍÒÛ 
	
************************/

ul {
	list-style-type: square;
	}

ol {
	list-style-type: decimal;
	}

li {
	padding: 0px 0 5px 5px;
	}

.inner ul, .inner ol {
	padding: 0px 0 10px 20px;
	}

p {
	padding: 0 0 10px 0;
	}

hr {
	border: none;
	height: 1px;
	background: silver;
	color: silver;
	margin: 10px 0 10px 0;
	}
	
h1, h2, h3, h4, h5 {
	/*color: #ed1b24;
	font-family: Impact;
	text-transform: uppercase;
	*/
	color: #000000;
	padding: 0px 0 10px 0 ;
	margin: 0;
	font-weight: normal;
	
	}
	h1 {
		font-size: 30px;
		line-height: 30px;
		}
	h2 {
		font-size: 26px;
		line-height: 26px;
		}
	h3 {
		font-size: 22px;
		line-height: 22px;
		}
	h4 {
		font-size: 18px;
		line-height: 18px;
		}
	h5 {
		font-size: 16px;
		line-height: 16px;
		}

a {
	color: #035cab;
	}
	a:hover {
		color: #ee1b22;
		text-decoration: none;
		}
	a:visited {
		color: #035cab;
		}
	a:visited:hover {
		color: #ee1b22;
		text-decoration: none;
		}
		
		
.sup {
	color: red;
	font-size: 24px;
	line-height: 12px;
	margin: 0;
	padding: 0;
	position: relative;
	}	
		
		
		
		
/************************ 
		
		ÊËÀÑÑÛ 
		
************************/

/* footer menu */

ul.mf {
	height:auto;    min-height:2px;    _height:2px; /* hack */
	padding: 0 0 0 0px;
	margin: 0;
	list-style-type: none;
	background: #255d96 url(/design/img/footer_m_bg.jpg) top right repeat-y;
	overflow:hidden
	}
	ul.mf li {
		list-style-type: none;
		padding: 8px 10px 8px 10px;
		float: left;
		width: 12%;
		}
		ul.mf li a {
			color: white;
			}
			ul.mf li.active a {
				text-decoration: none;
				}


/* footer */

table.footer {
	width:100%;
	background: url(/design/img/footer_bg.jpg) center top no-repeat
	}
	table.footer td {
		color: #8c8f8e;
		text-align: center;
		font-size: 10px;
		width: 50%;
		padding: 0 20px 40px 20px;
		}
		table.footer td a {
			}





/* content */

#content {
	width: 100%;
	position: relative;
	top: -170px;
	}
	#content tr {
		vertical-align: top;
		}
		
		ul.star {
			list-style-type: none;
			margin: 10px 0 10px 0;
			padding: 0;
			}
			ul.star li {
				margin: 0;
				padding: 0 0 20px 28px;
				background: url(/design/img/li_star.gif) left top no-repeat;
				}
				ul.star ul {
					margin: 10px 0 10px 0;
					}
					ul.star ul li {
						margin: 0;
						padding: 0 0 10px 5px;
						background: none;
						}
#content1 {
	width: 90%;
	margin: 30px 20px 30px 50px;
	position: relative;
	top: -170px;
		}

.td_left {
	width: 40%;
	padding: 0 50px 0 80px;
	}
	
.td_right {
	width: 60%;
	padding: 0 37px 0 0
	}
	
.inner {
	padding: 20px 260px 0 260px;
	}
	

	
/* button */

div.btn {
	height: 21px;
	background: url(/design/img/btn_bg.jpg) repeat-x;
	text-align: left;
	display: inline;
	padding: 0 10px 6px 10px;
	}
	div.btn a {
		display: inline;
		white-space: nowrap;
		/*background: red;*/
		/*margin-right: 20px;*/
		padding: 5px 0 4px 0;
		position: relative;
		top: 2px;
		//top: -3px;
		text-align: right;
		color: white;
		text-decoration: none;
		}
		div.btn a:hover {
			color: #e0e0e0;
			}



/* main menu */

ul.mm {
	padding: 0 0 0 25px;
	margin: 0;
	text-align: left;
	position: relative;
	top: -140px;
	}
	ul.mm li {
		list-style-type: none;
		padding: 7px 0 0 0;
		font-size: 15px;
		}
		ul.mm li a {
			
			}
			ul.mm li.active a {
				color: #ee1b22;
				text-decoration: none;
				}
		/* sub */
		ul.mm li ul {
			/*background: #e1e2ed;*/
			background: #ebecf3 ;
			border: 1px solid #dcdcdc;
			
			border-bottom: 1px solid #bcbcbc;
			border-right: 1px solid #c0c0c0;
			}
			ul.mm li ul li {
				padding: 2px 0 0 0;
				font-size: 12px;
				background: url(/design/img/mm_li.jpg) 8px center no-repeat;
				padding: 0 0 0 20px;
				}
				ul.mm li ul li:hover, ul.mm li ul li:hover a, ul.mm li ul li:hover a:visited,  ul.mm li.active ul li:hover a {
					background: #ed454b;
					color: white;
					}
				ul.mm li ul li:hover {
					background: #ed454b url(/design/img/mm_li_a.jpg) 8px center no-repeat
					}
				ul.mm li ul li a, ul.mm li ul li a:visited, ul.mm li.active ul li a  {
					color: #035cab;
					}
					



/* forms */

input.inp {
	height: 18px;
	line-height: 18px;
	background: white;
	color: black;
	border: 1px solid black;
	padding-left: 10px;
	}

.reset {
	padding: 0;
	margin: 0;
	border: 0;
	}
	
	
/* tab */

table.tab {
	border-collapse: collapse;
	background: transparent;
	margin: 8px 0 18px 0;
	}
	table.tab tr th {
		color: white;
		background: #154577 url(/design/img/tab_head_bg.jpg) top left repeat-x;
		text-align: center;
		font-size: 11px;
		padding: 7px;
		vertical-align: middle;
		font-weight: normal;
		border-right: 1px solid #a1c7e7;
		}
		table.tab tr th a {
			color: white; 
			text-decoration: none;
			}
	table.tab tr {
		vertical-align: middle;
		}
	table.tab td {
		vertical-align: middle;
		background: #d8d8d8;
		text-align: center;
		font-size: 11px;
		border: 1px solid white;
		padding: 7px;
		}
	table.tab td:first-child {
		
		text-align: left;
		}

		
.notice {
	font-size: 11px;
	color: #707070;
	}		

.li_big2 {
	font-size: 18px;
	padding: 5px 14px 3px 12px;
	margin: 0 10px 0 0px;
	height: 26px;
	line-height: 26px;
	background: #ee1c23 url(/design/img/li_big2.jpg) repeat-x;
	color: white;
	font-weight: bold;
	display: block;
	float: left;
	width: 10px;
	}	

#aboutSchool {
	background: url(/design/img/wheel.jpg) right bottom no-repeat;
	margin: 5px 0 0 0;
	}
#aboutSchool strong a {
	color: #383838;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	display: block;
	}

/* 
	Ëîãîòèï AstraMediaGroup 

						<!-- astra -->
						<div id=astramg>
							<div>
								<img src="/design/img/ico_astra.png" width="16" height="15" alt="" />
							</div><a href="http://www.astramg.ru/" target=_blank>AstraMediaGroup</a>
						</div>
						<!-- /astra -->

*/		
				
div#astramg {
	position: relative; 
	display: inline; 
	left: -18px
	}
	div#astramg div {
		position: relative; 
		display: inline; 
		top: -4px; 
		left: 12px;
		white-space: nowrap;
		}

.reset {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	}
	
	
	
	
/* ïîäðàçäåëû */

ul.sub {
	width: 30%;
	padding: 20px;
	margin: 20px;
	border: 1px dotted gray;
	/*background: #e0e0e0;*/
	}
	ul.sub li {
		list-style-type: none;
		padding: 0 0 10px 30px;
		background: none;
		}


/* news */

ul.news {
	width: 100%;
	margin: 0;
	padding: 0;
	}
	ul.news li {
		zoom: 1;
		list-style-type: none;
		/*width: 40%;*/
		display: -moz-inline-stack; 
		display: inline-block; 
		//display: inline !important;
		/*margin: 0 20px 35px 0;*/
		padding: 0;
		vertical-align: top;
		
		margin: 0 10% 35px 0; 
		width: 39%; 
		/*background: red !important;*/
		}
		ul.news li .date {
			width: 100px;
			float: left;
			margin: 0 10px 0 0;
			}
			ul.news li .date .day {
				text-align: right;
				color: #ed1b24;
				border-bottom: 1px solid #cacaca;
				margin-bottom: 2px;
				}
				ul.news li .date day div {
					display: inline;
					}
					ul.news li .date .day strong {
						font-size: 20px;
						}
			ul.news li .date .year {
				color: #7b7b7b;
				text-align: right;
				}
					
		ul.news li .desc {
			float: right;

			}