/*общее оформление страниц + веритик. и горизонт. меню, навигация вперёд-назад, таблица миниатюр*/
body { 
  margin: 0;
	padding: 0;
	background: #FFEDBF url("../images/bg.gif") repeat-x top;
	behavior:url("csshover.htc");
	} 
#container {
  /*display:table;
  overflow:hidden;
  width: 100%;
  height:100%;
  min-height:100%;*/
  /*position: relative;*/
  margin: 0  auto;
  border: 7px solid #DEC796;
  border-width: 0 7px;
  background: url("../images/fon.jpg");
  height:auto !important;
  width: 100%;
  max-width: 1100px;
  min-width: 800px;
  width: expression((documentElement.offsetWidth || document.body.offsetWidth) < 801 ? '800px' : '100%' && (documentElement.offsetWidth || document.body.offsetWidth) > 1101 ? '1100px' : '100%');
}
/*hr {
color:#600;
background-color:#600;
height: 1px;
border-width:0px;
margin:20px auto;
width:80%;
}*/
#name-site, #name-site b {
  color:#fff;
  font: bold 46px/46px Palatino Linotype, Trebuchet MS ;
  margin:5px auto;
  text-align: center;
  }
#name-site b {
  font: bold 24px/24px Palatino Linotype, Trebuchet MS ;
  }
.flagi, .flagi img{
text-align:center;
}
.flagi img{
text-align:center;
border:0;
margin: 3px;
filter:expression(fixPNG(this));
}
h1 {
  color:#900;
  font: bold 26px/26px Palatino Linotype, Trebuchet MS ;
  margin:15px auto;
  text-align: center;}
h2{
  color:#816936;
  font: bold 20px/24px Palatino Linotype, Trebuchet MS ;
  margin:15px 0px;
  text-align: center;
	}
h3{
  color:#600;
  font: bold 18px/18px Palatino Linotype, Trebuchet MS ;
  margin:10px auto;
  text-align: center;
	}
table.cont p.tristar, table.cont #tristar {
  text-align: center;
  font: 24px/24px Times New Romans;
  margin: 15px 10px 5px 10px;
}

/****** таблица для боксов********/
table.cont{
  border:0;
  margin:7px;
}
#c1, #c2, #c3, #t2 {
  vertical-align:top;
  margin:0;
}
#c1, #c3{
  width:210px;
  padding:0;
  }
#c2 {
*padding-left:5px;
width:100%;
  }
#c1 {
padding:0;
margin:0;
  }  
div.uzor {
  display:table;
  width: 100%;
  background: url("../images/uzor.png") no-repeat top right;
}
div.uzor2 {
  display:table;
  width: 100%;
  background: url("../images/uzor2.png") no-repeat bottom left;
}

div.title { /*имена Учителей*/
  width: 100%;
  font: bold 36px/42px Palatino Linotype, Georgia;
  color: #800;
 	background: #DEC796 url("../images/bg-title.gif") repeat-y center;
  text-align: center;
  margin:0;
  padding: 0 0 7px 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: #DEC796;
}

/* ---------- таблица с фото ----------- */
.table-pic {
  position:relative;
  border-color:#FFEDBF #C7BA94 #C7BA94 #FFEDBF;
  border-style:solid;
  border-width:2px 1px 1px 2px;
  padding:6px;
  margin:20px auto;
  text-align: center;
  width: 650px;
}
.table-pic td, .table-pic td.text {
  position:relative;
  border-width:2px 1px 1px 2px;
  border-style:solid;
  border-color:#C7BA94 #FFEDBF #FFEDBF #C7BA94;
}
.table-pic a span {
  position:absolute;
  display:none;
  background: url("../images/zoomi.png") no-repeat top right;
  width:650px;
  height:32px;
 	filter:expression(fixPNG(this));
  z-index:20;
  outline: none;
}
.table-pic a:hover span {display:block;}
.table-pic td.text {
  font: 16px/22px Trebuchet MS, Arial ;
  text-align: center;
  background-color: #FFEDBF;
  padding: 0px 10px;
}

/* ---------- миниатюры ------------- */
.gallery {
	overflow: hidden;
	list-style: none;
	margin: 0 auto;
	padding: 7px 0;
	margin-bottom: 10px;
	text-align:center;
	background-color: #FFEDBF;
	width:674px;
	border: 7px solid #DEC796;
	z-index: 10;
}
.gallery li {
	display: inline-block;
	position: relative;
  margin: 10px 7px;
	padding: 0 5px;
	width: 185px;
	height: 136px;
	background: url("../images/drop-shadow.png") no-repeat center bottom;
	vertical-align:bottom;
	filter:expression(fixPNG(this));
}
.gallery li img{
border:0;
border: none;
}
.gallery a {
	text-decoration: none;
	outline: none;
}

/* ---------- навигация вперёд-назад ----------------------- */

ul#navigation {
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: .5em 0 0 0;
  border-top: 1px solid #800;
}
ul#navigation li a {
  display: block;
  width: 5em;
  font: 16px Trebuchet MS;
  color: #FFF;
  background-color: #600;
  padding: .2em 0;
  text-align: center;
  text-decoration: none;
  outline: none;
}
ul#navigation li a:hover {
  color: #FFF;
  background-color: #800;
}
ul#navigation .left { float: left; position:relative;}
ul#navigation .right { float: right; position:relative; }

}
/* ----------- меню для мест силы --------------------*/

#menu h2 {
  color:#816936;
  font: bold 20px/24px Palatino Linotype, Trebuchet MS ;
  margin:10px 10px 10px 30px;
  text-align: center;
  background:url(../images/background.gif) repeat-y top 50%;
	}
#menu {
	overflow:hidden;
  list-style-type:none;
  padding:0; 
  margin:0; 
  width:200px;
  *width:210px;
  z-index:1;
  float:right;
  }
#menu ul {
  padding:0; 
  margin:0; 
  overflow:hidden;
  position: relative;
  background:#DEC796 url(../images/background.gif) repeat-y right;
  }
#menu li, #menu li a   {
  display:block;
  position:relative; 
  cursor:pointer;    
  text-decoration:none;
  text-align:left;
  outline: none;
  }
#menu li.first {
  background: #fe9300 url(../images/button-first.jpg) center;
  text-align:center;
  margin: 2px auto;
  font: 13pt/16pt Verdana, Arial, Trebuchet MS, sans-serif;
  padding: 5px 0px;
  cursor: text;
  padding:7px 0;
  border:1px solid yellow;  
}
#menu li.first a {
  text-align:center;
  color: #900;
  cursor: pointer;
  /*width:200px;*/
  outline: none;
}
#menu li.first a:hover {
text-decoration:underline;
color:#fff;
}     
#menu li.one, #menu li.sub {
  font:11pt/14pt verdana, arial;
  margin:2px 0 2px 0;
  border:0;
  background-color:#600;
  background:#600 url(../images/button-uzor.gif) no-repeat top left; 
  }
#menu li.sub {
  background:#600 url(pointer.gif) no-repeat top right;
  *width:210px;
  }
#menu li.one a, #menu li.sub a{
  padding:5px;
  color:#fff;
  outline: none;
  }
#menu li.one a{
  margin:0;
  width:190px;
  }
#menu li.one a:hover {
  background-color:#900;
  color: #fff;
}
#menu li.one:hover{background:#900} 
#menu li.name, #menu li.name a{
  background:#DEC796;
  color:#600;
  margin:1px 0;
  font:10pt/12pt verdana, sans-serif;
} 
#menu li.name {
  *width:210px; 
} 
#menu ul {display:none;}
#menu li.click {
  color:#600;
  background:#600 url(pointer2.gif) no-repeat top right;
}
#menu li.click ul {display:block}
#menu li.click ul li.hover a{background-color: #FFEDBF}
#menu li.click ul li.hover a {color:#900;}	

/*------------ Скользящий блок для меню в галерее ------------*/
#sideBar{
  position: absolute;
  width: auto;
  height: auto;
  top: 40px;
  right:-2px;
  background:url(../images/background.gif) repeat-y top left;
  z-index: 15;
}
	
#sideBarTab{
  float:left;
	height:137px;
	width:28px;
}
	
#sideBarTab img{
	border:0px;
}
	
#sideBarContents{
  overflow:hidden !important;
}
	
#sideBarContentsInner{
	width:210px;
	float:right;
}


/*----------------------горизонтальное меню в разделе фотогалереи---------------------*/

#holder {
  height:35px;
}
ul.outer {
  padding:0; 
  margin:0; 
  list-style:none; 
  width:35px; 
  height:35px; 
  float:right; 
  position:relative;
}
ul.outer ul {
  padding:0; 
  margin:0; 
  list-style:none;
}
ul.outer span {
  display:none; 
  color:#600; 
  text-align:center; 
  font:bold 11px/15px arial, sans-serif; 
  position:absolute; 
  top:30px; 
  right:0; 
  width:35px; 
  z-index:100;
}
ul.outer a {
  text-decoration:none;
  outline: none;
}
ul.outer table {
  border-collapse:collapse; 
  padding:0; 
  margin:-1px;
}
ul.outer li {
  display:block; 
  float:right; 
  padding:2px; 
  margin:0;
}
* html ul.outer li {padding:0;} /* for IE6 */
* html ul.outer li a {float:right; display:block; padding:2px;} /* for IE6 */

ul.outer li.inner img {
  width:22px;
  display:block; 
  border:0; 
  cursor:pointer;
}
ul.outer li:hover {padding:1px;}
ul.outer li:hover span {display:block;}
* html ul.outer a:hover {padding:1px;}
* html ul.outer a:hover span {display:block;}

ul.outer li.inner:hover img {width:24px; height:24px;}

/*================= Оформление миниатюр фото ===============*/

#background-img {
  width: 220px;
  height: 150px;
  text-align: center;
  float: left;
  background: url(../images/background-img.png) no-repeat center;
  padding: 5px;
  position:relative;
  }
#background-img_v {
  width: 137px;
  height: 191px;
  text-align: center;
  float: left;
  background: url(../images/background-img_v.png) no-repeat center;
  padding: 5px;
  position:relative;
  }
#background-img img, #background-img_v img{
  border: 1px solid #600;
  *margin: 25px auto;
  vertical-align: middle;
  display: inline-block;
  *display:inline;
} 
#background-img em, #background-img_v em{
  display:inline-block;
  *display:inline;
  vertical-align:middle;
  height:100%;
  width:0px;
}
#background-img a, #background-img_v a{
  text-decoration: none;
}

hr.uzor {
	background: url(../images/separator.gif) 50% 50% no-repeat;
	height:14px;
	width:90%;
	display:block;
	clear:both;
	border:none;
  border:0;
 
}