html {
         height: 100%;
}

body {      
	margin: 0;
	padding: 0;
	height: 100%;
        width:950;
	background: url('http://opera-ballet.com.ua/templates/opera_ballet/images/bg_body.jpg') 0 0 repeat-x;
	color: #562800;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.componentheading, .contentheading {
	color: #562800 !important;
	font-size: 13px !important;
	font-weight: bold !important;
	margin: 0 0 10px 0;
	height: 20px;
	vertical-align: top;
}

a {
	color: #810403;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


/* CONTAINS ALL WRAPPER PARTS */
#wrapper {
	position: relative;
	clear:both;
	margin: auto;
	width: 955px;
	min-height: 100%;
	background: url('http://opera-ballet.com.ua/templates/opera_ballet/images/bg_wrapper.jpg') 0 0 repeat-y;
	
}

* html #wrapper {
	height: 100%;
}

#header{
	float: left;
	width:950px;
	height: 283px;
	background: url('http://opera-ballet.com.ua/templates/opera_ballet/images/layout/header_bg.jpg') 0 0 no-repeat;
}

#contentwrapper {
	float: left;
	width: 950px;

}


#left {      position: relative;
	float: left;
	width:195px;
	min-height: 384px;
	background: url('http://opera-ballet.com.ua/templates/opera_ballet/images/bg_left.jpg') 0 0 no-repeat;
	padding: 0 0 0 20 px;
	font: "Times New Roman", Times, serif;
                margin: 0;
}

* html #left {
	height: 384px;
}

#center { margin: 0;
	position: relative;
        float: left;
	width:532px;
       padding: 5px;
	min-height: 459px;
	background: url('http://opera-ballet.com.ua/templates/opera_ballet/images/bg_content.jpg') 0 0 no-repeat;	
}

* html #center {
	height: 455px;
       padding: 5px;
	padding-bottom: 90px;
}

#content {text-align: justify;
	margin: 45px 10px 0 30px; 
}

#right {    margin: 0;
          position: relative;
               float: left;
                width:213px;
	min-height: 341px;
	background: url('http://opera-ballet.com.ua/templates/opera_ballet/images/bg_right.jpg')  0 0 no-repeat;
}

* html #right {
	height: 341px;
	padding-bottom: 70px;
}

#footer {
	position:relative;
	clear:both;
	width: 950px;
	height: 78px;	
	margin: 0 auto;
	background: url('http://opera-ballet.com.ua/templates/opera_ballet/images/bg_footer.jpg') 0 0 repeat-y;
	color: #030303;
	font-size: 11px;
}
#clear {
	clear: both;
	float: none;
	font-size: 1px;
	line-height: 1px;
}


/*BACKGROUND-HACK*/
#bghack_left {
	width: 115px;
	height: 742px;
	position: absolute;
	left: -115px;
	top: 0;
	background:url('http://opera-ballet.com.ua/templates/opera_ballet/images/bg_shadow_left.jpg') 0 0 no-repeat;
}

#bghack_right {
	width: 115px;
	height: 742px;
	position: absolute;
	left: 950px;
	top: 0;
	background:url('http://opera-ballet.com.ua/templates/opera_ballet/images/bg_shadow_right.jpg') 0 0 no-repeat;
}
span.performer 
{font-weight: bold;
 color: #993300;
 margin-left: 20px;
}

br.performer 
{ margin-left: 20px;
margin-top: 0px;
}


.names
{
		color: #696969;
	font-weight: bold;
}

.performance
{
		color: #660033;
	font-weight: bold;
}
.author
{
    FONT-FAMILY: Times New Roman;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 1cm;
    MARGIN-LEFT: 30%;
    TEXT-ALIGN: right
}

.faces
{font-weight: bold;
}

.afisha table
{ background-color: #cc9999;
  border-style: solid;
	border-width: 1px;
	border-color: #cc9999;

}
.afisha  th
{ background-color: #FDF2E8;
  border-style: solid;
	border-width: 1px;
	border-color: #cc9999;
	padding: 10pt;
	margin: 10pt;

}
.afisha td
{ background-color: white;
	padding: 10pt;
  border-style: solid;
	border-width: 1px;
	border-color: #cc9999;

}
.action_date
{ color: red;
    FONT-FAMILY: Times New Roman, Verdana, Arial, Sans-Serif;
    FONT-SIZE: 16pt;
		text-align: center;
}

.action_time
{ color: red;
    FONT-FAMILY: Times New Roman, Verdana, Arial, Sans-Serif;
    FONT-SIZE: 12pt;
		text-align: center;
}

.anons
{   FONT-FAMILY: Times New Roman, Verdana, Arial, Sans-Serif;
    FONT-SIZE: 12pt;

}

.more
{   FONT-FAMILY: Verdana, Arial, Sans-Serif;
    FONT-SIZE: 10pt;
		margin-left: 20pt;

}

p.content 
{ TEXT-INDENT: 20px;
   margin-top: 5px;
   margin-bottom: 5px;




}

ADDRESS.content 



{   background-color: #ffffff;
    border-color: #336666;
    border-style: solid;
    border-width: 1px;
		padding: 15px;
		width: 10cm;
    COLOR: navy;
    FONT-FAMILY: "Times New Roman";
    FONT-SIZE: 12pt;
    FONT-STYLE: italic;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 1cm;
    MARGIN-LEFT: 1cm;
    MARGIN-TOP: 0cm;
    TEXT-ALIGN: left;
    TEXT-INDENT: 0cm
}

.menu_line, .footer_line
{
	background-image: url('/images/menu_line.gif');
	height:1px;
	background-repeat: repeat-x;
	background-position: 50%;
}

.menu_point
{
	padding-left:5px;
	padding-right:8px;
}


ul li
{
	margin-bottom: 3pt;
	margin-top: 3pt;
}

ol li
{
	margin-bottom: 7pt;
	margin-top: 7pt;
}

.top_text_padding
{
	padding-top: 20px;
}

.top_text, .logo
{
	font-size: 7.5pt;
	COLOR: #777777;
}


.text_point
{
        padding-right: 9px;
        padding-left: 16px;
}


.line_text
{
        padding-right: 9px;
        color:#939393;
}

.point
{
        margin-top: 25px;
        margin-bottom: 12px;
}

.top_menu
{
	padding-left: 9px;
	font-weight: bold;
	width: 119px;
                text-align: center;
	TEXT-DECORATION: underline;
                FONT-FAMILY: Decor, Verdana;

}

A.top_menu {
	TEXT-DECORATION: underline;
                FONT-FAMILY: Decor;

}

.table_border, .table_border td
{
	border-collapse: collapse;
	empty-cells: show;
	border-width:1px;
	border-color: #222222;
	border-style: solid;
}


a:link, a:hover, .menu_table a:link, .menu_table a:hover, .menu_table a:visited
{
	TEXT-DECORATION: underline;
}

a:visited
{

	TEXT-DECORATION: underline;
}


 .title
{
	font-size:12pt;
	color: #4C4C4C;
}
H1
{  	BORDER-RIGHT: #dddddd 0px solid;
	  PADDING-RIGHT: 0px;
	  BORDER-TOP: #dddddd 0px solid;
	  PADDING-LEFT: 8px;
		FONT-SIZE: 22pt;
		PADDING-BOTTOM: 5px; BORDER-LEFT: #dddddd 5px solid;
		LINE-HEIGHT: 26px; PADDING-TOP: 5px; 
                                BORDER-BOTTOM: #dddddd 1px solid;
	  FONT-FAMILY: Times New Roman,Verdana; 
		TEXT-ALIGN: center;
		
}
H2
{
    FONT-FAMILY: Times New Roman, Verdana, Arial, Sans-Serif;
    FONT-SIZE: 20pt;
    PAGE-BREAK-AFTER: left;
    PAGE-BREAK-BEFORE: right;
    TEXT-ALIGN: center;
		
}
H3
{
    FONT-SIZE: 12pt;
    FONT-FAMILY:  Times New Roman, Arial, Arial Cyr, Sans-Serif;
    MARGIN-LEFT: 30px;
    TEXT-ALIGN: left;
    TEXT-INDENT: 0px;
		;

}
H1 A:link
{
       FONT-SIZE: 18pt
}
.compact
{
    FONT-SIZE: 14pt
}
label
{ font-size: 10pt;
	font-weight: bold;
	
}
form
{
	margin-bottom:0;
	margin-top:0;
}

img
{       
        border:0;
        padding:0;
 margin: 10px;
}

input, select, textarea
{
	font-family: Arial, Verdana, 'MS Sans Serif';
	font-size: 8pt;
	BORDER: #777777 1px solid;
	COLOR: #3D3D3D;
}

.input_blur
{
	BACKGROUND: #F2ECCE;
}

.input_buttom_search
{
	font-family: Arial, Verdana, 'MS Sans Serif';
	font-size: 8pt;
	BORDER: #dddddd 1px solid;
	COLOR: #3e3e3e;
}

.input_buttom_search_button
{
	font-family: Arial, Verdana, 'MS Sans Serif';
	font-size: 8pt;
	BORDER: #dddddd 1px solid;
	COLOR: #333333;
	background-color: #dddddd;
}


DIV#content IMG {
	BORDER: #e5ba83 5px solid;
}

.news_title
{ 
   font-size: 14 pt;
   font-weight: bold;
}