@import url("http://www.zagoryanka.com/forum/chat/css/shoutbox.css");
BODY {FONT-SIZE: 12px; COLOR: #003366; background:white; FONT-FAMILY:Verdana,Tahoma,Arial; MARGIN:0px;}
P {LINE-HEIGHT:1.5; FONT-SIZE: 11px; FONT-FAMILY: Verdana,Tahoma,sans-serif; text-indent: 30px}
TD {LINE-HEIGHT:1.5; FONT-SIZE: 11px; FONT-FAMILY: Verdana,Arial}
TH {LINE-HEIGHT:1.5; FONT-SIZE: 12px; FONT-FAMILY: Verdana,Arial}
//UL {FONT-SIZE: 9pt; FONT-FAMILY: Tahoma,sans-serif; margin-left: 5px; padding: 0px;}
//OL {FONT-SIZE: 9pt; FONT-FAMILY: Tahoma,sans-serif}
FORM {FONT-SIZE: 11px; FONT-FAMILY: Tahoma,sans-serif}
SELECT {FONT-SIZE: 12px; FONT-FAMILY: Tahoma,sans-serif}
OPTION {FONT-SIZE: 12px; FONT-FAMILY: Tahoma,sans-serif}
INPUT {FONT-SIZE: 12px; FONT-FAMILY: Tahoma,sans-serif}
TEXTAREA {FONT-SIZE: 12px; FONT-FAMILY: Tahoma,sans-serif}
SMALL {FONT-SIZE: 7.1pt}
SUB {FONT-SIZE: 7.1pt}
SUP {FONT-SIZE: 7.1pt}
BIG {FONT-SIZE: 11pt}
.little    {FONT-SIZE: 4px; padding:0; margin:0 1px 0 1px; }

CAPTION { BACKGROUND: #ffc9a3; TEXT-ALIGN: left; border-bottom: 1px solid #555555; }
CAPTION H2 { PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; }
TR.highlight { BACKGROUND: #e3e3e3; }
TR.ordinary { BACKGROUND: #d4d4d4; }
TD.film { border-right:solid #555555 1px; width:240px; }

H1 {FONT-WEIGHT: normal; FONT-SIZE: 200%; FONT-FAMILY: Verdana,Tahoma,Arial,sans-serif; LINE-HEIGHT:1.5; text-align:center; color:#777;}
H2 {FONT-WEIGHT: normal; FONT-SIZE: 160%; FONT-FAMILY:Verdana,Tahoma,Arial,sans-serif; LINE-HEIGHT:1.5; TEXT-DECORATION: none; margin: 0px 5px; color:#79b1d4;}H2.week { FONT: bold 16px arial, sans-serif; color: #555555; text-align:center; }

H3 {FONT-WEIGHT: normal; FONT-SIZE: 135%; FONT-FAMILY:Verdana,Tahoma,Arial,sans-serif; LINE-HEIGHT:1.5; TEXT-DECORATION: none; margin: 0px 5px; color:#79b1d4;}
H4 {FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
H5 {FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana,Arial,sans-serif; TEXT-DECORATION: none; color: darkblue}
H6 {FONT-SIZE: 10px; FONT-FAMILY: Verdana,Arial,sans-serif}

b {
    color:#333;
    font-family:Verdana,Tahoma,Arial,sans-serif;
    font-weight:normal;
    font-size:120%;
}

a:link {text-decoration: none; color: "#006699"}
a:visited {text-decoration: none; COLOR: "#006699"}
a:active {text-decoration: none; COLOR:blue}
a:hover {text-decoration: underline; COLOR:blue}
hr {color:#cccccc; text-align:center; height:1px; background-color:#cccccc; border: 0px solid #cccccc }
.rbox {BACKGROUND-COLOR: #EEEEEE}
.lbox {BACKGROUND-COLOR: #EEEEEE}
.mbox {BACKGROUND-COLOR: #EEEEEE}
.hbox {BACKGROUND-COLOR: #003366; COLOR: #FFFFFF;}
.shbox {TEXT-DECORATION: underline; COLOR: #336699}
.hide {LEFT: 0px; VISIBILITY: hidden; WIDTH: 1px; POSITION: absolute; TOP: 0px; HEIGHT: 1px}
.tip {Z-INDEX: 10; LEFT: 0px; VISIBILITY: hidden; WIDTH: 1%; POSITION: absolute; TOP: 0px; HEIGHT: 1%}
.yb {BACKGROUND-COLOR: #aaaaaa}

#header {width:100%; background:url(images/header_bg_zagoryanka.jpg) repeat-x;}
#content {text-align:justify; padding:10px; background:#F6F8F4;}

a.tt:link {text-decoration:none; COLOR: #113333;  FONT-SIZE: 8pt;}
a.tt:visited   {text-decoration:none; COLOR: #113333;  FONT-SIZE: 8pt;}
a.tt span{display:none;/*собственно прячем тултип - пока мышь не наведена*/} 
a.tt:active {text-decoration:underline; COLOR: #667777;  FONT-SIZE: 8pt;}
a.tt:hover{text-decoration:underline; COLOR: #FF6600;  FONT-SIZE: 8pt; 
position:relative;/*Ставим точку отсчета для тултипа внутрь данной ссылки*/ 
z-index:26;/*это нужно что бы тултип показывался поверх этой и других ссылок*/} 
a.tt:hover span{COLOR: #113333; FONT-SIZE: 9pt;   
display:block;/*показываем тултип при наведении*/ 
position:absolute; 
top:-10px; 
left:40px;/*три строки для позиции тултипа относительно левого верхнего угла ссылки*/ 
z-index:25;/*мне 25 + см. выше*/ 
background:#fafafa;/*фон, что бы было видно тултип*/ 
}

a.brdmenu:link  {color: #003366; display: block; border none; text-decoration: none; margin: 0px 5px;}
a.brdmenu:visited  {color: #003366; border none; text-decoration: none; margin: 0px 5px;}
a.brdmenu:hover  {background: #faf3d2; color: #800000; text-decoration: none; border: 1px solid #634f36; margin: 0px 5px;}
a.brdmenu:active  {background: #faf3d2; color: #800000; border: 1px solid #634f36; text-decoration: underline; margin: 0px 5px;}

a.menu {font-size:12px;}
li a.menu:link { display: block; text-decoration: none; color: darkgreen; padding: 2px; border 1px solid #F0F5EE; }
li a.menu:hover { display: block; text-decoration: none; color: #800000;background: #faf3d2; padding: 2px; border: 1px solid #634f36; }
a.menu:visited { display: block; text-decoration: none; color: darkgreen; padding: 2px; border 1px solid #F0F5EE; }
a.menu:active { display: block; text-decoration: underline; color: #faf3d2;background: #faf3d2; padding: 2px; border: 1px solid #634f36; }
a.submenu {font-size:12px;}
li a.submenu:link { display: block; text-decoration: none; color: darkgreen; background: #F0F5EE; padding: 2px; border 1px solid #634f36; }
li a.submenu:hover { display: block; text-decoration: none; color: #800000; background: #faf3d2; padding: 2px;  border: 1px solid #634f36; }
a.submenu:visited { display: block; text-decoration: none; color: darkgreen; padding: 5px; background: #F0F5EE; padding: 2px; border 1px solid #634f36; }
a.submenu:active { display: block; text-decoration: underline; color: #faf3d2; background: #faf3d2; padding: 2px;  border: 1px solid #634f36; }

ul { margin: 0; padding: 0; list-style: none; width: 160px;}  
ul.submenu { margin: 0; padding: 0; list-style: none; width: 295px; border: 1px solid #634f36; }  
ul li { position: relative; }
li ul { position: absolute; left: 160px; top: 0; display: none; } 
/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a.menu { height: 1%; } * html ul li a.submenu { height: 1%; } /* End */  
li:hover ul, li.over ul { display: block; }

.blue { color: #2773d2; }
a.blue:visited, a.blue:link { color: #2773d2; }
a.blue:hover, a.blue:active { color: #cc0000; }
.orange { color: #FF6600; }
.orange a:hover, .orange a:active, .orange a:visited, .orange a:link { color: #FF6600; }

.title { font-size:14px; font-weight: bolder; color: #225588; width: 75%; text-align:left; }
a.title:link, a.title:visited { color:#225588; text-decoration:none; }
a.title:hover, a.title:active { color:#003366; text-decoration:none; }

.cn_news_odd { background-color:#e7e7e7; }
.cn_news_even { background-color:#f0f0f0; }
.gmtbl {background-color: #F0F5EE; border: 1px solid #F0F5EE;}
//.gmtdttl {font-size: 85%; font-weight: bold;color: #ffffff; text-align:center;  background-color: #ffb408}
.gmtdttl {font-size: 15%; font-weight: normal;color: #F0F5EE; text-align:center;  background-color: #F0F5EE}
.gmtdtext {font-size: 60%; font-weight: normal; color: #000000;}


.st2 {font-size: 11px; }
.st3 {font-size: 11px}
.st4 {font-size: 11px; font-weight: bold; }
.st5 { font-size: 12px; font-style: italic; font-weight: bold; color: #CC3300; }
.st6 { font-size: 11px; font-style: italic; }

.clear { CLEAR: both; HEIGHT: 1px; }
.frame { 	MARGIN-BOTTOM: 15px; OVERFLOW: hidden; WIDTH: 100%; }
.frames { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; }
.frames LI { DISPLAY: inline; FLOAT: left; MARGIN: 6px 7px; }
.frames IMG { WIDTH: 156px; HEIGHT: 104px; }
.poster { FLOAT: left; MARGIN: 0px 15px 0px 10px; WIDTH: 120px; HEIGHT: 180px; }