* { padding: 0; margin: 0;}
* img { border: 0;}
body {
	background: #faa322 url(body_bg.png) repeat-x;
	font-size: 10pt;
	font-family: Tahoma, Arial, Helvetica;
	color: #8c8652;
	height: 100%;
	}
/*p { float: left;}*/
h1 { margin: 5px 0 5px 0; color: #f48312; font-size: 12pt;}
h2 { font-size: 11pt; font-weight: normal; color: #4c460f;}
a:link, a:visited { color: #f48312;}
a:hover { text-decoration: none;}
.hidden { display: none;}
div.clear_both { width: 100%; clear: both !important;}
.small {font-size: 80%;}

#center_wrap { background: none; margin: 0 auto; width: 900px;}

#index_title {
	position: relative;
	z-index: 2;
	width: 390px;
	height: 149px;
	margin: 0;
	}
#main_content {
	width: 710px;
	height: auto;
	margin: -61px 0 0 41px;
	padding: 0 5px 10px 5px;
	background: #f0edcf url(content_bg.gif);
	}
#right_col {
	float: right;
	margin: 0;
	width: 220px;
	}
#logo {
	position: absolute;
	z-index: 13;
	margin: 0 0 0 10px;
	width: 169px;
	height: 116px;
	}
#navigation {
	position: absolute;
	z-index: 12;
	width: 209px;
	height: 280px;
	margin: 60px 0 0 50px;
	}
a#home:link, a#home:visited {
  display: block;
  position: relative;
  width:  21px;
  height: 20px;
  margin: 20px 0 0 60px;
  }
a#email:link, a#email:visited {
  display: block;
  position: relative;
  width:  21px;
  height: 20px;
  margin: -21px 0 0 100px;
  }
#siluet {
	position: absolute;
	z-index: 3;
	margin: 340px 0 0 81px;
	}
#menu2 {
	position: relative;
	z-index: 5;
	margin: -220px 0 0 25px;
}

div.menu2_item { height: 28px; margin: 0 0 2px 0;}
div.menu2_item img { float: left; width: 30px; height: 20px; border: 0;}
div.menu2_item a:link, div.menu2_item  a:visited {
	text-decoration: none;
	display: block;
	float: left;
	width: 130px;
	height: 24px;
	margin: 0 3px 0 5px;
	padding: 4px 0 0 10px;
	background: none;
	color: #4c460f;
	}
div.menu2_item a:hover { background: #c4be83; color: #f0edcf;}
div.menu2_item.selected a {color: #f48312;}

/*--------MENU NEW----------*/
#menu_new {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 3;
	padding: 0;
	width: 531px;
	}	
#menu_new a#item0, #menu_new a#item1, #menu_new a#item2, #menu_new a#item3, #menu_new a#item4 {
	display: block;
	float: left;
	padding: 30px 0 0 0;
	text-align: center;
	color: #4c460f;
	text-decoration: none;
	}
#menu_new a#item0, #menu_new a#item1, #menu_new a#item4 { width: 106px; height: 30px;}
#menu_new a#item0  { background: url(menu_new1.png) top left no-repeat;}
#menu_new a#item1, #menu_new a#item2, #menu_new a#item3 { width: 105px; height: 30px; background: url(menu_new2.png) top left no-repeat;}
#menu_new a#item4 { background: url(menu_new3.png) top left no-repeat;}
#menu_new a#item0:hover, #menu_new a#item1:hover, #menu_new a#item2:hover, #menu_new a#item3:hover, #menu_new a#item4:hover {
	color: #f48312;
}

#menu_new a#item0.selected, #menu_new a#item1.selected, #menu_new a#item2.selected, #menu_new a#item3.selected, #menu_new a#item4.selected {color: #f48312;}

/*------PHOTO-VIDEO btn-------*/

#photo_video { position: relative; z-index: 13; margin: -80px 0 0 701px;}
#photo_video:hover { background: url(photo_bg.gif) no-repeat top left; padding: 2px 0 0 2px;}


/*--------FOOTER----------*/
#footer {
	width: 757px;
	height: 108px;
	position: absolute;
	z-index: 9;
	margin: -27px 0 0 40px;
	}

#copy {
	position: relative;
	z-index: 12;
	width: 758px;
	text-align: center;
	padding: 10px 0 0 0;
	color: #fff;
	font-size: 7pt;
	}

/*--------CONTENT-NAVIGATION------------*/

#content_items {
	width: 314px;
	padding: 13px 0 0 8px;
	float: left;
	}
#item_blue, #item_green, #item_red, #item_red1, #item_pink { width: 304px; height: 111px; margin: 0 0 13px 0;}
#item_blue { background: url(item_blue.gif) no-repeat;}
#item_green { background: url(item_green.gif) no-repeat left top;}
#item_red { background: url(item_red.gif) no-repeat;}
#item_red1 { background: url(item_red.gif) no-repeat;}
#item_pink { background: url(item_pink.gif) no-repeat; margin: 0;}
#item_blue a:link, #item_blue a:visited, #item_green a:link, #item_green a:visited, #item_red a:link, #item_red1 a:link, #item_red a:visited, #item_red1 a:visited, #item_pink a:link, #item_pink a:visited {
	display: block;
	width: 180px;
	height: 39px;
	text-align: center;
	padding: 20px 0 0 0;
	/*filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;*/
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	}
#item_blue a:link, #item_blue a:visited { background: url(teachers_bg.gif) no-repeat; color: #4d83a9;}
#item_green a:link, #item_green a:visited { background: url(about_bg.gif) no-repeat; color: #87990d;}
#item_red a:link, #item_red a:visited { background: url(halls_bg.gif) no-repeat; color: #dc020c;}
#item_red1 a:link, #item_red1 a:visited { background: url(halls_bg.gif) no-repeat; color: #dc020c;}
#item_pink a:link, #item_pink a:visited { background: url(scedule_bg.gif) no-repeat; color: #9632b2;}
#item_blue a:hover, #item_green a:hover, #item_red a:hover, #item_red1 a:hover, #item_pink a:hover {
	color: #ffffff;
	/*filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95*/
	}
.item_btn { position: absolute; display: block; margin: 58px 0 0 128px;}

/*--------CONTENT-TEXT--------*/

#main_text { float: left; width: 45%; padding: 13px 0 0 5px; }
#main_text h1 {text-align: center;}
#main_text h2 { font-weight: bold; text-align: center;}
#main_text h4, #news h4 {font-size: 8pt; font-weight: normal; color: #a6a172;}
.p_text { margin: 3px 0 10px 0; font-size: 10pt;}
a#archive_link {position: relative; z-index: 15;}
#content_page {position: relative; z-index: 15;}

#list_news { float: left; width: 80%; padding: 13px 0 0 5px; }
#list_news h1 {text-align: center;}
#list_news h2 { font-weight: bold; text-align: left;}
#list_news h4, #news h4 {font-size: 8pt; font-weight: normal; color: #a6a172;}

#news_details { float: left; width: 80%; padding: 13px 0 0 5px; }
#news_details h1 {text-align: center;}
#news_details h2 { font-weight: bold; text-align: center;}
#news_details h4, #news h4 {font-size: 8pt; font-weight: normal; color: #a6a172;}


/*----------GALLERY-----------*/

#align_center { margin-left: auto; margin-right: auto; width: 100%;}
#align_center a {margin: 0 0 5px 5px; display: block;}
div.new_video {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	width: 67%;
	}
.video { height: 346px; margin: 10px;}

/*----------CLUBS------------*/

#clubs_logo { margin-left: auto; margin-right: auto; padding: 0 0 100px 5px;}
#clubs_logo h1 { text-align: center; margin: 10px 0 10px 0;}
#clubs_logo .club_info { float: left; margin: 10px 10px 0 0; width: 48%;}
.clubs_text { margin: 0 0 5px 0; float: left;}
div.club_info a { float: left; margin: 5px;}

/*-------CONTACTS&LINKS------*/

#contacts, #links, #news { margin-left: auto; margin-right: auto;}
#contacts h1, #links h1, #news h1, #about_school h1, #align_center h1, #halls h1 { margin: 10px 0 10px 0; text-align: center;}
#contacts img {margin: 5px;}
#contacts h2 {text-align: center;}
#contacts p {width: 100%; text-align: center; margin-bottom: 5px;}

#links ul {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 20px 0 20px 0;
	width: 300px;
	list-style: none;
	}
#links ul li {margin: 0; padding: 0; width: auto;}
#news {width: 80%; padding: 5px 10px 10px 10px;}

/*----------TEACHERS-----------*/

#teachers {margin-left: auto; margin-right: auto; padding: 0 10px 10px 10px;}
#teachers h1 {text-align: center;}
#teachers h2 {margin-top: 10px;}
#teachers img.teacher {float: left; margin: 5px 0 5px 5px;}
div.about_t {width: 99%; clear: left; margin-left: auto; margin-right: auto;}
div.about_t p {width: 430px; float: left; margin: 0;}
div.about_t h2 {padding-bottom: 5px; margin-bottom: 0;}
#about_school {margin-left: auto; margin-right: auto; padding: 0 10px 10px 10px; }
#about_school p {margin: 10px 0;}
#about_school img {margin: 5px;}

/*-----------HALLS------------*/

#halls { margin-left: auto; margin-right: auto; padding: 0 0 10px 10px;}

/*----------SCEDULE----------*/

#scedule { margin-left: auto; margin-right: auto;}
#scedule h1 {text-align: center; margin: 10px 0 10px 0;}
#scedule h3 { text-align: right; font-size: 11pt; font-weight: normal;}
#scedule p {margin: 10px;}
#scedule table {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
	}
#scedule table td { padding: 3px 0 3px 0;}
#scedule table td#day {width: 18%;}
#scedule table tr#header td{ padding: 10px 0 10px 0;}
#scedule table tr#dark_bg td {border-top: 1px solid #dddab6; border-bottom: 1px solid #dddab6;}
.start { color: #86990b; font-weight: bold;}
.middle { color: #4d82aa; font-weight: bold;}
.advanced { color: #de1623; font-weight: bold;}