body {margin: 0; padding: 0; font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 140%; background: url(i/bg.jpg) repeat-x #c4b69e; color: #555}
/* LINKS */
a {color: #785a42; text-decoration: none}

img, div {behavior: url("iepngfix.htc"); border: none}


.epiraph {font-style: italic; width: 470px;color: #773c14}
.iBrown {font-style: italic; color: #773c14}
li.active {background: url(i/active.jpg) repeat-x; padding: 0 8px; height: 30px;}
li.active a {color: #773c14}

.input {width: 169px; height: 24px; background: url(i/input.jpg) no-repeat; border: none; margin-bottom: 5px; padding: 0px 0 0 8px; font-size: 11px; color: #2f1503}
.inputTxt {width: 169px; height: 60px; background: url(i/msg.jpg) no-repeat;border: none;  margin-bottom: 5px; padding: 5px 0 0 8px; font-size: 12px; color: #2f1503}

div.logo {width: 320px; height: 115px; background: url(i/logo.png); position: absolute; z-index: 999; left: 50%; margin: 5px 0 0 -460px}

div.wraper {width: 920px; position: absolute; z-index: 0; left: 50%; margin: 0 0 0 -460px; padding: 0}
/* MENU */
div.menu {width: 920px; height: 101px; background: url(i/menu.jpg) repeat-x;}
div.menu ul {text-align: right; margin: 0; line-height: 108px}
div.menu ul li {display: inline; color: gray; margin-right: 3px; padding: 0 6px; height: 28px}
div.menu a {color: gray;}
/* MENU1 */
div.menu1 {width: 920px; height: 66px; background: url(i/menu1.jpg) repeat-x;}
div.menu1 ul {text-align: right; margin: 0; line-height: 107px}
div.menu1 ul li {display: inline; color: gray; margin-right: 3px; padding: 0 6px; height: 28px}
div.menu1 a {color: gray;}
/* MENU2 */
div.menu2 {width: 920px; height: 35px; background: url(i/menu2.jpg) repeat-x;}
div.menu2 ul {text-align: right; margin: 0; line-height: 16px}
div.menu2 ul li {display: inline; color: gray; margin-right: 3px; padding: 0 6px; height: 28px}
div.menu2 a {color: gray;}
/* AREAS */
div.areaTopMain {width: 920px; height: 460px; background-color: black}
div.areaTop {width: 920px; height: 257px; background-color: black}
div.areaMiddle {width: 920px; height: 253px; text-align: left;  background: url(i/areaMiddle.jpg) repeat-x;}
div.areaMiddleZero {width: 920px; height: 20px; text-align: left;  background: url(i/areaMiddleZero.jpg) repeat-x;}
div.areaBottom {width: 920px; min-height: 50px; text-align: left; background: url(i/areaBottom.jpg) repeat-x;}
		/* BOTTOM AREA COLOMNS */
		div.contentAll{width: 920px; float: left; margin: 100px 0}
		div.contentLeft{width: 210px; float: left; margin: 15px 15px 15px 0;}
		div.contentLC{width: 480px; float: left; margin: 15px 0 0px 0;  padding: 0 0 0 0px}
		div.contentRC{width: 700px; float: left; margin: 15px 0; background: #cdc2aa; padding: 0 0 0 10px}
		div.contentBlock {width: 500px; background: #cdc2aa; float: left; margin: 15px 0;}
		div.padding10 {padding: 0 10px;}
		div.contentRight {width: 200px; float: right; margin: 15px 0; padding: 0 0 0 10px}
		
		div.news {width: 710px; background: #cdc2aa; padding: 10px 10px 1px 10px; margin-bottom: 15px}
		div.news h1 {margin: 0px}
		div.news p {padding: 0 0 0 0px; font-size: 12px}
		
		div.LCtext {width: 710px; background: #cdc2aa; padding: 10px; margin-bottom: 15px}
		div.LCtext h1 {margin: 0px}
		div.LCtext p {padding: 0 0 0 0px; font-size: 15px}
		
div.areaMiddle div.content {padding: 38px 25px}		
		
.lightBrown {color: #785a42}
.grey {color: #6a6a6a}		

.phone h2 {margin: 0 0 5px 0; padding: 0; font-size: 19px; color: #664c38}
.phone h2 span {font-size: 15px; color: #555}

.schedule {border-collapse: collapse;}
.schedule td {border: 1px dotted #785a42; padding: 5px}

.scheduleLink {height: 60px}
.scheduleLink a {color: #785a42; font-size: 16px; line-height: 60px; text-transform: uppercase}
.scheduleLink a img {float: left}


h1 {color: #785a42; font-size: 20px; font-weight: normal}
h2 {color: #785a42; font-size: 17px; font-weight: normal}
		
img.service {border: 5px #d7ccae solid; height: 105px; float: left; margin-right: 10px}	
img.gallery {border: 5px #d7ccae solid;  width: 170px}	
img.galleryWidthUnFix {border: 5px #d7ccae solid; height: 140px}	

ul.teachers {padding: 0; margin: 2px 0 0 0; text-align: center;}
ul.teachers li {list-style: none;  font-size: 90%; float: left;  text-align: center; padding: 4px; margin: 2px; background: #cdc2aa; width: 140px; height: 200px}
ul.teachers li a {color: #785a42;}
ul.teachers li a img {height: 175px}

hr.clearAll {clear: both; border: none; margin: 0; padding: 0}

#tabs{
line-height: 40px;
text-align:center;
}
#abutton {width: 200px; height: 40px; background: url(i/abut.jpg) repeat-x; text-align: center;  color: white; padding:5px;}
.selected{
	font-weight:bold;
}

a.sbutton {width: 279px; height: 32px; margin: 0 0 16px 21px; background: url(i/abut.jpg) repeat-x; float: left; text-align: center; line-height: 30px; color: white}

ul.services {padding: 0; margin: 5px 0 0 0;}
ul.services li {list-style: none; height: 35px; font-size: 120%; height: auto;  padding: 10px; margin-bottom: 5px; background: #cdc2aa;}
ul.services li:hover {background: #dcd0b8;}
ul.services h1 {padding: 0; margin: 0; font-size: 18px}
ul.services p {font-size: 14px; margin: 5px 0 0 0; padding: 0; color: black}

ul.news {padding: 0; margin: 5px 0 0 0;}
ul.news li {list-style: none; height: 35px; font-size: 120%; height: auto;  padding: 10px; margin-bottom: 15px; background: #cdc2aa;}
ul.news h1 {padding: 0; margin: 0; font-size: 18px}
ul.news p {font-size: 14px; margin: 5px 0 0 0; padding: 0; color: black}

span.gray {color: #555}

/* FOOTER */ 
div.footer {background: url(i/footerBottom.jpg) repeat-x; width: 920px; height: 30px; clear: both; padding-top: 10px}
.bottomLogo {font-size: 17px; float: left}
.map {font-size: 16px; float: right}
.map a {margin-left: 16px}

.description {font-style: italic; color: #694836}

ul#halls {margin-left: -40px}
ul#halls li {list-style: none; line-height: 59px; min-height: 70px; margin-bottom: 20px; font-size: 25px; }
ul#halls li img {margin-right: 20px; float: left}

a.shed {font-size: 18px; float: right; margin-right: 30px; border-bottom: 1px dashed; line-height: 20px; margin-top: 18px}
a.price {font-size: 18px; float: right; margin-right: 20px; border-bottom: 1px dashed; line-height: 20px; margin-top: 18px}

div#myBox a {font-size: 22px; border-bottom: 1px dashed; line-height: 30px;}
div#myBox a {font-size: 22px; border-bottom: 1px dashed; line-height: 30px;}

div.otrez {background: url(i/footerBottom.jpg) repeat-x; width: 920px; clear: both; padding-top: 10px}

ul#progi {padding-left: 15px;}
ul#progi li {margin-bottom: 20px;}

.news strong {color: #785a42; font-size: 15px}

.myBox {
    color: #fff;
    padding: 10px;
    text-align: left;
    background: #cdc2aa;
    border: 1px solid #fff;
	width:680px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	border-radius: 20px;
}
.myBox:hover {background: #dcd0b8;}
.myBox  p{
color:#555;
font-size:15px;
line-height:140%;
padding-left:50px;
}

.contentRight div.news, .contentLeft div.news {
	width:180px;
}

.btn{
	text-align:center;
	width:169px;
	background:#9D3F00;
	color:#fff;
	border:0;
}

a.player { width: 445px; height: 325px;}
.videoBox {float: left; width: 445px; height: 325px; margin: 0 15px 52px 0}