* { padding: 0; margin: 0; border: 0; }
html { min-height:100%; background: repeat-y url(left_fone.jpg); }
body { font-size: 14px; font-family: Trebuchet ms; width: 100%; min-height:100%; //height:100%; color: #000; background: repeat-y right url(right_border.gif); width: expression((documentElement.clientWidth) < 930 ? "930px" : "100%"); min-width:930px; }
html.p2nd { background: #f7f7f7; }
html.p2nd body { background: #f7f7f7; }
html>body { height: auto; }
a img { border: 0; }
a:link,a:visited { color: #0072A6; text-decoration:none;}
a:hover, a:visited:hover {color:#EE544D; text-decoration:underline;}

h2 { color: #0072A6; font-size: 125%; margin: 15px 0px 15px 0px; }
h3 { color: #0072A6; font-size: 115%; margin: 15px 0px 15px 0px; }
h4 { color: #ED1C24; font-size: 100%; margin: 3px 0px 10px 0px; }
h5 { color: #ED1C24; font-size: 100%; margin: 5px 0px 0px 20px; }
h6 { color: #000000; font-size: 100%; margin: 5px 0px 0px 20px; }

blockquote { margin: 7px 0 12px 20px; padding: 3px 5px 3px 10px; border-left: 1px silver solid; }
form { margin:0; }
label { cursor: hand; position: relative; top:-1px; }
.butt { padding: 0px 4px 0px 4px; cursor:hand; display:inline-block; background: #0072A6; color: #FFFFFF; border:0; margin: 1px 0 1px 0; }
a.butt, a.butt:visited { padding: 1px 7px 1px 7px; border:0; background: #0072A6; color:#fff; }
a.butt:hover, a.butt:visited:hover { background: #fff; color: #0072A6; text-decoration: none; border: 1px #0072A6 solid;padding: 0px 6px 0px 6px; }
input, textarea, select { Font:12px trebuchet ms;; background: #fefeff; border: 1px #b4b4b4 solid; }
#txar { width:330px; }
textarea#txar { height: 120px; }
.stdw { width: 320px;}
textarea.stdw { height: 99px; }
.txar {width:280px;}
textarea.txar { height: 120px; }
.short { width:165px; }
#hgh { height:115px; }
.pages { width:95%; font-size:100%; text-align:center; display: block; padding:3px; }
.pages span, span#inv { font-weight:bold; padding: 0 4px 1px 5px; color: #ffffff; background: #0072A6;}
.pages a, .pages a:visited { margin:3px; color: #666666;  font-weight: 100; border-bottom: 1px #0072A6 solid; text-decoration: none; }
.pages a:hover, .pages a:visited:hover { border-bottom: 0; color: #0072A6;}
li { list-style-image:url(li2.gif); font-size: 100%; margin-left: 16px;}
ul { list-style-image:url(li2.gif); margin: 5px 0px 5px 10px; font-size: 100%; }
#b { font-size:100%; color:#0072A6;}
sub { color: #777;}
.clr { clear: both; }
.nobr { border:0;}

div.top2bott { background: repeat-x top url(top_fone.jpg); margin-bottom:-75px; min-height:100%; //height:100%; }
html>body div.top2bott  { height: auto; }
#slog { display: block; position: absolute; top: 17px; left: 48px; font: bold 16px Trebuchet MS, Tahoma; color: white; word-spacing: 6px; }
.head_top {  height: 143px;  }
.gerb { float: right; padding: 17px 25px 0 0;  }
.logo { width: 375px; height: 143px; float: left; clear: both; padding: 0 0 0 23px; }
.logo img { margin: 40px 0 0 20px; }

/*//////////////NEW MENU////////////////*/
.menu { background: repeat-x url(menu_fone.gif); height: 33px; }
.menu img { float: left; }
#menu2  { background: no-repeat right url(menu_end.gif); height: 33px; }


.menu ul { list-style: none; margin-left:-1px; }
.menu ul li { float:left; display:block; }

#nav { z-index:100; position: absolute; top: 138px; left: 240px; }
#nav LI UL { position:absolute; top:-999em; height:auto; width:233px; background: #5AAAD5; padding: 0; margin: 0 0 0 -1px; border: 1px #EBF2FF solid; border-top: 0; }
#nav LI LI { list-style:none; width:100%; padding: 0; margin: 0; }
#nav LI UL UL { margin: -22px 0 0 220px; }

#nav a, #nav a:visited { display:block; text-decoration:none; color:#FFF; background: #5AAAD5 repeat-x url(menu_butt_fone.gif); padding: 5px 12px 5px 12px; }

#nav a.sub { background: no-repeat right url(arr.gif);}
#nav li a, #nav li a.sfhover  { font: bold 15px Arial,Trebuchet MS, Tahoma; display:block; margin: 0; }
#nav li a:hover, #nav li a.sfhover, #nav li:hover, #nav li.sfhover, #nav li ul li a:hover, #nav li ul li a.sfhover, #nav li ul li:hover, #nav li ul li.sfhover { background:#2870B4; }
#nav li ul li a,#nav li ul li a:visited, #nav li ul li a.sfhover, #nav li ul li a.sfhover:visited { width:220px; font: 13px Arial, Trebuchet MS, Tahoma; margin: 0; padding: 2px 0px 2px 12px; background: none; }

#nav LI:hover UL UL, #nav LI.sfhover UL UL, #nav LI:hover UL UL UL, #nav LI.sfhover UL UL UL, #nav LI:hover UL UL UL UL, #nav LI.sfhover UL UL UL UL { top:-999px; }
#nav LI:hover UL, #nav LI.sfhover UL, #nav LI LI:hover UL, #nav LI LI.sfhover UL, #nav LI LI LI:hover UL, #nav LI LI LI.sfhover UL, #nav LI LI LI LI:hover UL, #nav LI LI LI LI.sfhover UL { top:auto; }


/* Меню левое */
.main {  background: repeat-y left url(left_fone.jpg); }

.left { width: 233px; float: left; }
.lblock { width: 198px; background: repeat-y url(left_menu_fone.gif); margin: 15px; }
.lblock div, .lblock form { padding: 7px;}
.lblock input { width: 175px; color: #666; padding: 0 0 0 7px; }
.lblock .rad { border: 0; background: none; width: 12px; }
.lblock .subm { background: none; border: 0; text-align: left; position: absolute; z-index: 100; margin: 3px 0 0 0; cursor: hand; }

div.content { margin: 0 0 70px 250px; min-height:450px; height:450px; }
#type { padding:10px 7% 20px 0;  font: 14px Tahoma, Arial; }
html>body div.content  { height: auto; }
div.content h1 { font-size: 100%; display:inline; }
div.content p { margin: 2px 0px 15px 2px; font-size: 100%; text-align: justify; }

.news img { border: #0072A6 2px solid; }
.news td { padding: 0 0 0 20px; }
.news span { padding: 2px 10px 2px 20px; position: relative; left:-20px; top:2px; background: #0072A6; color: white; font: bold 11px Tahoma, Arial; }
.news a { font: 12px Tahoma, Arial; padding: 15px 0 0 0; text-decoration:underline; }

.nws b { color: #0072A6; }
small.nws { font: 13px Tahoma, Arial; }
.lban { width: 170px; float: right; height: 999px; margin: 0 -20px 5px 12px; //min-height: 900px; //height:auto; }

/* footer*/

div.footer { clear: both; margin: 0 30px 0 240px; color: #939598; background: repeat-x top url(bott_brd.gif); padding: 10px 5px 0 5px; font-size: 11px; }
.footer span { float: right; padding: 15px 10px 0 0;}

/*###########  easy.html  ###############*/

.tab { font-size:90%;  //display: block; margin: 3px 10px 3px 0;}
.tab th { color:white; font-weight: bold; padding: 0 10px 0 10px; background: #31A0CF repeat-x top url(tab_fone.gif); }
.tab td { color:#000; border-bottom: 1px #bbb solid;  padding: 1px 10px 1px 15px; vertical-align:middle; }

/*######## popup #########*/

#close { border: 0; position: absolute; left: 372px; cursor: hand; }
#dm { display: none; position: absolute; z-index: 100; border:1px #999 solid; background: #fff; top:250px; left: 450px; }
#dm span { display: block; color:white;	font: bold 90% trebuchet ms; width:390px; text-align:center; border-bottom:1px #999 solid; padding:1px; letter-spacing:1px; height:18px; background-color: #0072A6; }
#fr {  width:390px;  height:200px;  text-align: center;  }

/*###########  GALLERY  ###############*/
#gal {text-align:center; vertical-align:bottom;}
#gal a img, #gal a:visited img  { FILTER: alpha(opacity=100);}
#gal a:hover img, #gal a:visited:hover img  {FILTER: alpha(opacity=75);}
#gal td {padding: 5px 12px 5px 12px; }
.wide { background:#fbfaf5 repeat-x top url(top2.gif);}
.wide div {padding:30px;}

/*####### GBOOK ########*/

.darkbg {
  border-left: 5px #0072A6 solid;
  background: #f5f5f5;
  position: relative;
  top:-10px;
  padding:10px;
  margin-right:30px;
  font-size: 100%;
}

#gbi {border: 1px #0072A6 solid;}


/*########### VOTING #############*/

.rgb {
 width: 35px;
 height: 0px;
 border: 1px black solid;
 margin: 2px 2px 0 2px;
 text-align: center;
}

.bar th {
 vertical-align: middle;
 text-align:right;
 width: 200px;
}
.bar td {
 background: url("../voting/midt.gif") repeat-y;
 height:50px;
 width:255px;
}

.voteres th {
  vertical-align: middle;
  text-align:right;
  width: 200;
  padding-right:10px;
}
.voteres td {
 height:30px;
 width:255;
 vertical-align: middle;
}
#ul {
 margin: 10px 0 10px 0;
 width: 90%;
 height: 1px;
 border:0;
}

