*{ margin:0;  padding:0; }


body{font:12px 'Comic Sans MS', Tahoma, Arial, Helvetica, sans-serif; background:#251E16; }
    
.clear{clear:both}
img{border:0;}

a{ color:#ED3534;}

#root { max-width:1200px; min-width:970px; background: url(../imgs/bg_img_1.jpg) no-repeat 0 0; }
#root { _width: expression(document.body.clientWidth > 1200? "1200px": "auto"); }

#main{ width:970px; position:relative; padding-left:10px; margin:0 0 0 auto;}
#main .sacura_t2{ position:absolute; top:0; left:-48px; width:175px; height:220px; background: url(../imgs/sakura_t2.png) no-repeat  0 0; }
#main .sacura_t{ position:absolute; top:0; left:21px; width:120px; height:285px; background: url(../imgs/sakura_t.png) no-repeat 0 0; }
#main .sacura_t{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/sakura_t.png',sizingMethod=crop); _background:none; _left:22px;}
#main .sacura_b{ position:absolute; bottom:-81px; right:-10px; width:304px; height:194px; background: url(../imgs/sakura_b.jpg) no-repeat 0 0;}

#main blockquote{ width:960px; position:relative; background: url(../imgs/bg_f2.gif) repeat-y right top; }
#main blockquote blockquote{ background: url(../imgs/bg_t.jpg) no-repeat right top; }
#main blockquote blockquote blockquote{ background: url(../imgs/bg_r.jpg) no-repeat right 90px; }
#main blockquote blockquote blockquote blockquote{ background: url(../imgs/bg_l.jpg) no-repeat 20px 285px; }
#main blockquote blockquote blockquote blockquote blockquote{ background: url(../imgs/bg_bf.png) no-repeat right bottom; }
#main blockquote blockquote blockquote blockquote blockquote blockquote{ background: url(../imgs/bg_b.jpg) no-repeat left bottom; position:relative; z-index:1; height:500px; padding-bottom:55px; }
#main[id] blockquote blockquote blockquote blockquote blockquote blockquote{min-height:500px; height:auto; }

.logo{ position:absolute; top:102px; left:111px;}


.members{ width:250px; height:192px; background: url(../imgs/members.png) no-repeat right bottom; position:relative; }
.members div{ width:119px; height:192px; background: url(../imgs/tao.png) no-repeat 0 0;}
.members div{_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/tao.png',sizingMethod=crop); _background:none;}
.members a{ position:absolute; top:126px; left:133px;}

#navigation{ position:absolute; top:320px; padding-left:30px; left:20px; width:250px; }
#navigation ul{ width:230px; list-style:none; background: url(../imgs/sep.gif) repeat-x left bottom; padding-bottom:1px;}
#navigation ul li{background: url(../imgs/sep.gif) repeat-x left top; padding:1px 0; height:29px;}
#navigation ul li a{ display:block; padding:5px 0 0 20px; height:23px; width:230px; }
#navigation ul li a:hover{ background: url(../imgs/menu_li.gif) no-repeat 5px 6px; }
#navigation ul li.act a{ background: url(../imgs/menu_act.gif) no-repeat 5px 6px; cursor:default;}
#navigation a span{ display:none;}

#navigation .trees{ width:189px; height:183px; background: url(../imgs/trees.png) no-repeat 0 0; margin:0 0 -110px -20px; }


#contents{ padding:91px 30px 40px 316px;  background: url(../imgs/bg_c.jpg) no-repeat 245px 55px;height:700px; }
#contents[id] {min-height:700px; height:auto; }
#contents h1{ background: url(../imgs/h1_li.gif) no-repeat 0px 6px; font-size:18px; font-weight:normal; padding:7px 0 4px 29px; }
#contents h1 span{ display:none;}
#contents h2{ padding:8px 0px 12px 0; font-size:14px; font-weight:normal; color:#000; }
#contents p{ padding:0px 0px 4px 0px;}
#contents p.ar{ padding-left:100px; text-align:right; }
#contents ul{ padding:0 0 0 25px;  }
#contents big{ font-size:12px; font-weight:normal; }
#contents .sep{ background: url(../imgs/sep.gif) repeat-x left top; height:1px; overflow:hidden;}
#contents .text{ padding:24px 0px 10px 14px; }
#contents .text table { border-collapse:collapse; border:0; border-top:1px dotted #ff3333; border-left:1px dotted #ff3333; width:100%}
#contents .text td, th{ padding: 4px 16px; border:0; border-bottom:1px dotted #ff3333; border-right:1px dotted #ff3333; }
#contents .text form i { color: #ED3534; }

#contents .index{ padding:24px 0px 10px 14px; width:330px; float:left;}
#contents .events{ padding:24px 0px 10px 14px; width:250px; float:right;}

#contents .gallery{ padding:0px 0px 10px 14px; height:180px; clear:both; background: url(../imgs/gallery_bg_b.jpg) no-repeat left bottom; position:relative; margin-bottom:-20px;}
#contents .gallery .photos{ position:absolute; top:1px; width:600px; padding-top:35px; background: url(../imgs/gallery_bg_t.jpg) no-repeat right top; height: 180px;}
#contents .gallery a img{ float:left;}


#contents .members{ position:absolute; margin:-240px 0 0 -270px; }


#footer{ font:11px Arial, Helvetica, sans-serif; color:#7F6444; background: url(../imgs/foot_bg.gif) no-repeat 50px 0; padding:24px 0 0 58px; height:90px; position:relative; z-index:1;}
#footer bdo{ display:block; width:271px; float:left;}
#footer table{ position:absolute; left:60px; top:42px;}
#footer address{ display:block; width:222px; float:left; font-style:normal;}
#footer .ukrinsoft{ display:block; width:140px; float:left; text-decoration:none; color:#7F6444; position:relative;}
#footer .ukrinsoft img{position:absolute; left:0;}
#footer .ukrinsoft b{ display:none;}

/*Ruslan Chumak styles*/
div.gal_span {display: block; float: left; margin: 0px 5px 5px 0px; text-decoration: none; text-align: center; width:180px; }
img.gal {  margin: 0px 5px 5px 0px;  float: none !important;}

.numerator{font:13px 'Comic Sans MS', Tahoma, Arial, Helvetica, sans-serif; padding:0px; text-align:center}
.numerator div{ float: left; color: #000000}
.numerator  a{color:#000000; }
.numerator  a:hover{color:red;}

/*.hidden{position:absolute; visibility: hidden;}*/
/*.visible{position:relative; visibility: visible;}*/
.hidden{display:none;}
.visible{display:block;}

p.guestbook {margin: 10px 0 10px 0}

.menu_list { padding: 0px 0px 20px 40px; float:left; width:250px;}

.act {font-weight:bold;}

.red { color: #ED3534; }

html{height:100%}
.fs{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; display:none; z-index:100; }
.fs blockquote{position:absolute; top:0; left:0; width:100%; height:100%; background:#000;  opacity:1; filter:Alpha(opacity:70); }
.fs div{ position:absolute; top:100px; left:200px; background:#fff url('../imgs/loading.gif') no-repeat center center;  margin:-119px 0 0 -119px; padding:19px; }
.fs div span{ display:block; width:200px; height:200px; border:1px solid #C4C4C4;}
.fs div span img{ margin-bottom:-4px;}
.fs[class] div{ position:fixed; top:50%; left:50%;}
.fs div a{ display:block; width:34px; height:11px; position:absolute; top:0px; right:20px; background: url('../imgs/ico_close.gif') no-repeat 0 0; cursor:pointer; }
.fs div var {position:absolute; top:0px; left:20px;}
.fs div var a{ position:relative; right:auto; float:left; margin-right:4px; text-align:center; font-style:normal; text-decoration:none; font-size:8px; font-weight:bold; color:#fff; background: url('../imgs/ico_num.gif') no-repeat 0 0; }
.fs div var a.act{ cursor:default;  filter:Alpha(opacity:70); opacity:0.70; }
.fs div b {position:absolute; bottom:5px; left:0px; padding:0 0 0 20px; font-size:10px; color:#777; font-weight:normal; display:block; width:100%;}