﻿body{
	background: #fffaf2 url("gradient.gif") left top repeat-x;
	font-family: Trebuchet MS, Helvetica, Verdana, serif;
}

#MainWrapper{
	min-width: 900px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid transparent;
	border-top: 0;
	background: url("top-image.png") left top no-repeat;

}

#MainWrapper #KanteleWrapper{
	float:right;
	margin-right:295px;
	margin-top:0;
	z-index: 100;
}

#MainWrapper #KanteleWrapper img{
	z-index: 200;
}

#MainWrapper #KanteleWrapper img{
	position: absolute;
}

#MainWrapper #header{
	height: 161px;
	background: url("top-left.png") left top no-repeat;
}

#MainWrapper #header2{
	background: url("top-border.gif") left bottom repeat-x;
	height: 161px;
	overflow: hidden;
	margin-left: 140px;
	margin-right: 200px;
}

#MainWrapper #header ul{
	display: block;
	position: absolute;
	font-size: 130%;
	width: 32em;
	margin: 0;
	padding: 0;
	margin-left: 10%;
	margin-right: 20%;
	border-right: 0px solid fuchsia;
}

#MainWrapper #header ul li{
	list-style: none;
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 7em;
	left: 0;
	top: 0;
}

#MainWrapper #header ul li.Item0{
	font-size: 70%;
	top: 2.3em;
	left: 13.2em;
	display: block;
}

#MainWrapper #header ul li.Item1{
	top: 1.5em;
	left: 14.4em;
	display: block;
}

#MainWrapper #header ul li.Item2{
	top: 1.7em;
	left: 2.3em;
	font-size: 150%;
	display: block;
}

#MainWrapper #header ul li.Item3{
	top: 5em;
	left: 18em;
	font-size: 65%;
	width: 10em;
	display: block;
}

#MainWrapper #header ul li.Item4{
	top: 3.1em;
	left: 17.4em;
	width: 8em;
	display: block;
}

#MainWrapper #header ul li.Item5{
	top: 5.8em;
	left: 9.2em;
	width: 14em;
	font-size: 80%;
	display: block;
}

#MainWrapper #header ul li.Item6{
	top: 3em;
	left: 14em;
	width: 15em;
	display: block;
}

#MainWrapper #header ul li.Item7{
	top: 2.3em;
	display: block;
}


#MainWrapper #header ul li a, #MainWrapper #header ul li a:visited,
#MainWrapper #SideBar ul li a, #MainWrapper #SideBar ul li a:visited,
#MainWrapper #BottomMenu ul li a, #MainWrapper #BottomMenu ul li a:visited{
	text-decoration: none;
	color: #f3941e;
}

ul li a:focus{
	outline: none;
}

#MainWrapper #header ul li a:hover, #MainWrapper #SideBar ul li a:hover{
	color: #c01b0c;
	text-decoration: none;
	border: none;
}

#MainWrapper #header ul li.current a{
	color: #cb7206;
}

#MainWrapper #page{
	background: #fff url("left-border.gif") left top repeat-y;
	margin-right: 180px;
}

#MainWrapper #page2{
	background: url("right-border.gif") right top repeat-y;
	border-bottom: 1px solid transparent;
}

#MainWrapper #content{
	background: url("top-left2.png") left top no-repeat;	

}

#MainWrapper #content2{
	background: url("top-right2.gif") right top no-repeat;
	border-top: 1px solid transparent;
	position: relative;
	top: -1px;
	padding-left: 65px;
	padding-right: 55px;
}

#MainWrapper{
	
}

#MainWrapper #Bottom{
	clear: both;
	height: 62px;
	position: relative;
	top: -1px;
	background: url("border-bottom.png") left top repeat-x;
	margin-right: 200px
}

#MainWrapper #Bottom #BottomLeft{
	background: url("bottom-left.png") left top no-repeat;
	height: 62px;
	width: 60px;
}

#MainWrapper #Bottom #BottomRight{
	background: url("bottom-right.png") right top no-repeat;
	height: 62px;
	width: 60px;	
	float: right;
}

#MainWrapper #main{
	padding-top: 12px;
	min-height:360px;
}


#MainWrapper #footer{
	font-size: 70%;
	padding-left:70px;
	position:relative;
	top: -2.4em;
	margin-bottom: 8em;
}

#MainWrapper #footer table{
	border-collapse: collapse;
	border: none;
	margin-right: 2em;
}

#MainWrapper #footer table th{
	font-size: 120%;
}

#MainWrapper #footer table td,
#MainWrapper #footer table th{
	padding-left: 1em;
	text-align: left;
	border: none;
}

#MainWrapper #footer table td.Caption{
	font-style: italic;
}

#MainWrapper #footer table th{
	color: #6db300;
}

#MainWrapper #footer .UserContent{
	float: left;
	padding-right: 30px;
}

#MainWrapper #FooterBanners{
	margin-left: 300px;
	margin-right: 320px;
	text-align: center;
	color: gray;
	font-style: italic;
}

#MainWrapper #Drum{
	float:right;
	margin-right:320px;
	margin-top:-90px;
}

#MainWrapper #Drum img{
	position: absolute;
}

#MainWrapper #SideBar{
	float: right;
	font-size: 90%;
	padding: 0.2em;
	margin-right: 35px;
	padding-top: 40px;
	width: 150px;
	border-left: 1px solid transparent;
}

#MainWrapper #SideBar ul li{
	list-style: none;
	margin-bottom: 0.3em;
}

#MainWrapper #SideBar ul, #MainWrapper #SideBar ul li{
	margin: 0;
	padding: 0;
}


#MainWrapper #SideBar #Picts, #MainWrapper #SideBar #SecondaryNav{
	margin-left: 10px;
	margin-bottom: 0.6em;
}

#MainWrapper #SideBar ul#Picts{
  padding-left: 10px;
}

#MainWrapper #SideBar ul#Picts li{
	display: inline;
	margin-right: 8px;
}

#MainWrapper #SideBar #SecondaryNav ul li{
	margin-bottom: 0.2em;
}

#MainWrapper #SideBar #AdSense{
  padding-left: 10px;
	padding-top: 20px;
}

#MainWrapper #SideBar ul#Picts li a:hover{
	outline: none;
}

#MainWrapper .FestInfo{
	padding-top: 50px;
	height: 120px;
	background: url("border-maininfo.gif") left bottom repeat-x;
}

#MainWrapper .FestInfo .Wrapper1{
	background: url("border-maininfo-left.gif") left bottom no-repeat;
}

#MainWrapper .FestInfo .Wrapper2{
	height: 120px;
	background: url("border-maininfo-right.gif") right bottom no-repeat;
}


#MainWrapper .FestInfo .Date{
	float: right;
	padding-right: 5em;
	font-size: 230%;
	color: #3c7f2b;
	position: relative;
	top: -20px;
	left: -30px;
}

#MainWrapper .FestInfo .Date div{
	position: absolute;
	width: 5em;
	height: 3em;
}

#MainWrapper .FestInfo .Date div span small{
	position: relative;
	top: -0.9em;
}

#MainWrapper .FestInfo .Date div .Unics{
	position: relative;
	top: -1.2em;
	left: 2.3em;
	font-size: 95%;
	color: #f3941d;
}

#MainWrapper .FestInfo .Date span em{
	font-size: 180%;
	font-style:normal;
	font-weight: bolder;	
	position: relative;
}

#MainWrapper .FestInfo .Date div .Kazan{
	position: relative;
	top: -2.8em;
	left: 1.9em;
	font-size: 50%;
}

#MainWrapper .FestInfo .Date div span small{
	font-size: 65%;
}

#MainWrapper #extras{
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	padding-left: 4.4em;
	padding-bottom: 2em;
	font-size: 90%;
	width: 210px;
}

#MainWrapper #extras em{
	color: #6db300;
}

#MainWrapper #extras p{
	margin: 0;
	margin-top: 0.1em;
	margin-bottom: 0.3em;
}

#MainWrapper #extras h4{
	background: url("extra-h4.gif") left bottom no-repeat;
	padding-bottom: 14px;
	padding-left: 35px;
	font-size: 150%;
	position: relative;
	left: -35px;
	min-width: 150px;
}


/* ТипАграфика*/
h1,h2,h3{
	color: #6db300;
}

h4,h5,h6{
	color: #000;
}

h6{
	color: #3C7F2B;	
	margin: 0;
	margin-top: 0.3em;
}

h6 a:hover{
	border-bottom: 1px dashed;
	text-decoration: none;
}

h1,h2,h3{
	clear: left;
}

h1{
	margin-top: 0;
}

h2{
	color: #f3941d;
}

h3 a, h3 a:visited{
	color: #6db300;
}

h3 small{
	color: #aaa;
	font-style: italic;
} 

h4{
	color: #888;	
}

h5{
	color: #6db300;
	clear: left;
}

ul li{
	list-style: circle;
}

#MainWrapper #extras h4{
	color: #f3941d;
}

a, a:visited{
	color: #3c7f2b;
	text-decoration: none;
}

a:visited{

}

a:hover {
	text-decoration: underline;
}

.element{
	padding-bottom: 0.3em;
}


.element .LinkList li{
	list-style: none;
}

.MediaList div{
	background: #FFF6BF none repeat scroll 0 0;
	border-color: #FFD324;
	color: #514721;
	padding: 10px;
	float: left;
	width: 280px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div#Video{
	background: #FFF6BF;
	padding: 2px;
	border: 1px solid #FFD324;
	margin-top: 10px;
}


div#Video div{
	background: #FFF6BF;
	color: #514721;
}

.ContactList{
	font-size: 100%;
}

.ContactList, .ContactList li{
	list-style: none;
}

#main img{
	border: 2px solid #ccc;
}

#main .uc{
	font-size: 80%;
	padding: 0;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 35px;
	min-width: 150px;
}

#main .uc h4, #main .uc p, #main .uc ul, #main .uc ul li{
	padding: 0;
	margin: 0;
	list-style: none;
}

#main .uc ul{
	padding-left: 12px;
  padding-right: 20px;
}

#main .uc ul li{
	margin-bottom: 0.2em;
}
#main .uc ul li.current a{
	border-bottom: 1px dashed;
}

#main .uc ul li.current a:hover{
	border: none;
}

#main .uc h4{
	margin-top: 3px;
	margin-bottom: 3px;	
}

#main .uc h4 a{
	color: #aaa;
	font-style: italic;
}

#main h1{
	clear: none;
}

#SecondMenu1{
	float: left;
	margin-right: 25px;
	background: url("nav-right.gif") right top repeat-y;
}

#SecondMenu2{
	background: url("nav-top.gif") left top repeat-x;
}

#SecondMenu3{
	background: url("nav-top-right.gif") right top no-repeat;
}

#SecondMenu4{
	background: url("nav-bottom.gif") left bottom repeat-x;
}

#SecondMenu5{
	background: url("nav-top-left.gif") left top no-repeat;
}

#SecondMenu6{
	background: url("nav-bottom-left.gif") left bottom no-repeat;
}

#SecondMenu7{
	background: url("nav-bottom-right.gif") right bottom no-repeat;
}

#GoogleMap{
  float: left;
}

table.Programme, table.Programme td, table.Programme th{
  background: none;
  border: none;
  text-align: left;
  padding:0;
  margin:0;
}

table.Programme{
  margin-top: 1em;
  border-collapse: collapse;
  font-size: 90%;
}

table.Programme td, table.Programme th{
  padding: 1em;
  padding-left: 20px;
}

table.Programme th{
  padding-bottom: 0.2em;
}

table.Programme tr td{
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  cursor: pointer;
}

table.Programme th{
  font-size: 160%;
  color: #f3941d;
}

table.Programme tr:hover td{
  background: #E6EFC2;
}

#page td.Caption{
  color:#F3941D;
  font-size:160%;
  padding: 0.2em;
}

#page td.Separator{
  color: #6DB300;
  font-size:140%;
  padding: 0.2em;
}

.TimerWas{
  font-size: 80%;
  margin-left: 30px;
}

#Banners ul{
  list-style: none;
}

#Banners ul li{
  display: none;
}

div#AdSense{
  display: none;
}