@charset "windows-1251";
body  {
	font: 80% "Lucida Grande", Verdana, Arial, Sans-Serif;
	background: #333333 url(/files/images/bp.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #eaeaea;
}

p, ul, ol {
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6{
	margin: 20px 0 0 0;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
	color: #aec2cd;
	background: 	url(/files/images/chek2.gif) no-repeat left;

}

.debug b {font-size: 120%;}
.debug tt {font-size: 140%;}
.debug pre {font-size: 140%;}

h1 {font-size: 170%;}
h2 {font-size: 170%;}
h3 {font-size: 170%;}
h4 {font-size: 130%;}
h5 {font-size: 90%;}
h6 {font-size: 90%;}

a:link,
a:visited {
	color: #cce0ff;
	text-decoration: none;
	}
a:hover,
a:active {
	color: #cce0ff;
	text-decoration: underline;
	}
.right {
	text-align:right;
	}	
img {
	border:0;
	}	
	
#maincontainer {
	border: 0px;
	margin:auto;
/*	background:#666666 url(/files/images/bg_center.gif) repeat-y;	*/
	text-align: center; /* this overrides the text-align: center on the body element. */
	width: 810px;

	}

#container { 
	background: #2c2c2c; 
	margin-left: 20px;
	margin-right: 20px;
	border: 0px;
	width: 770px;
} 
#list ul {
	margin: 0 0 10px 0px;
	list-style: none;
	padding:0 0 1px 0;
	}		
#list ul li {
	padding: 0 0 0.2em 35px; background: url(/files/images/bg-links.gif) no-repeat 15px 0.5em; list-style: none;
	}
#list ul li a {
	color: #FA1F3A;
	display:block;
	padding:9px 5px 9px 30px;
	}
#list ul li a:hover {
	text-decoration:none;
	background:#282323;
	}					

#header { 
	background: #383838; 
	height: 400px;
	width:770px;
	
} 

#sidebar1_line {
	width: 255px;
	background: #313131;
	float: left;
	padding-bottom: 5px;
}
#sidebar1 {
	width: 250px; /* since this element is floated, a width must be given */
	float: left;
	vertical-align:top;
	text-align:left;
	padding-bottom: 20px;
	background: #383838;
}

#sidebar1 h1{
	padding-left:40px;
	margin-left:10px;
	margin-bottom:10px;
	}
#sidebar1 h2{
	padding-left:40px;
	margin-left:10px;
	margin-bottom:10px;
	}
#sidebar1 h3{
	padding-left:40px;
	margin-left:10px;
	margin-bottom:10px;
	}
#container h4{
	padding-left:25px;
	margin-left:5px;
	margin-bottom:10px;
	background: url(/files/images/icon-comment.gif) no-repeat left;	
	}
#path {
	background: #313131;
    width: 500px;
	float:right;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:0px;
	padding-top:0px;
	text-align:left
} 
	
#container h5{
	padding-left:15px;
	margin: 0;
	background: #333333 url(/files/images/icon-star.gif) no-repeat left;	
	}
#container h6{
/*	font: "Lucida Grande", Verdana, Arial, Sans-Serif; */
	background: #333333;
	margin: 0;
	color: #eaeaea;
	padding: 5px 10px 5px 10px;
	}
#sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

#mainContent {
	background: #2c2c2c;
    width: 495px;
	float:right;
	vertical-align:top;
	padding-left:5px;
	padding-right:10px;
	padding-bottom:20px;
	padding-top:0px;
	text-align:left
} 
#mainContent h1{
	padding-left:40px;
	margin-left:0px;
	margin-bottom:10px;
	}
#mainContent h2{
	padding-left:40px;
	margin-left:0px;
	margin-bottom:10px;
	}
#mainContent h3{
	padding-left:40px;
	margin-left:0px;
	margin-bottom:10px;
	}

#container img {
	border:1px dashed #CAE21B;
	padding:7px;
	background:#aec2cd;
	margin:7px 12px 10px 0;
	float:left;
	vertical-align: sub;
	}
#container .clearimg a{
	border:0px;
	padding:0;
	background: none;
	margin:0;
	float:right;
	text-decoration:none;
	}	
#container .clearimg img{
	border:0px;
	padding:0;
	background: none;
	margin:0;
	float:right;
	text-decoration:none;
	}	
	
#container .clearimg a img{
	border:0px;
	padding:0;
	background: none;
	margin:0;
	float:right;
	text-decoration:none;
	}	
#container .clearimg a:hover img{
	border:0px;
	padding:0;
	background: none;
	margin:0;
	float:right;
	text-decoration:none;
	}	
	
#container a:hover img{
	background: #F50352;

	}
#container a:hover img{
	background: #F50352;
	}

#footer_line { 
	width:770px;
	height:60px;
	background: #313131;
} 
#footer { 
	color:#a6a69b;
	margin: 5px 0px 0px 0px ;
	width:770px;
	height:55px;
	padding: 10px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #222222;

} 
#footer img.bottom2 {
float:right;	border: none;
	}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
ol
{
	margin:0;
	padding: 0 1.5em;
}

table
{

	width:490px;
	border:0px;
}

thead
{

}

thead th
{
	padding:1em 1em .5em;
 	border-bottom:1px dotted #FFF;
 	font-size:120%;
 	text-align:left;
}



thead tr
{

}

td
{
	padding:.5em 1em;
	background:#2f2f2f url(/files/images/dotted-line.gif) repeat-x bottom left;		
	border: 0px;
}
td.left
{
	background:#FA1F3A;
}


tbody tr.odd td
{
	background:#282323 url(/files/images/dotted-line.gif) repeat-x bottom left;		

}

tfoot
{

}

tfoot td
{

	padding-bottom:1.5em;
	background:#282323 url(/files/images/dotted-line.gif) repeat-x bottom left;	
}

tfoot tr
{

}


* html tr.odd td
{
	background:#FA1F3A url(/files/images/dotted-line.gif) repeat-x bottom left;		
}


#middle
{
	background-color:#666666;
}

/*  The Deck
-----------------------------------------------------------------*/	
#thedeck {
	margin:5px 20px 10px 20px;
	width:224px;
	text-align:center;
	}	
#thedeck h2 {
	text-indent:-9999px;
	display:block;
	height:20px;
	width:254px;
	margin:10px 0 0 0;
	float:left;
	width:224px;
	background:url(./graphics/titles/thedeck.gif) no-repeat top center;
	}	
#thedeck img.ad {
	border:1px dashed #4e6973;
	padding:7px;
	background:#445757;
	margin:10px 0 10px 0;
	vertical-align:sub;
	}	
#thedeck p {
	color: #b5b4a0;
	font-size:.94em;
	margin-bottom:1em;
	}
	
/* Approved
------------------------------------------------------------------*/
#approved {
	width:490px;
	float:left;
	display:inline;
			}
#approved h2 {
	text-indent:-9999px;
	display:block;
	height:45px;
	width:490px;
margin:10px;
	
	}

#approved h2 {
	background:url(/files/images/approved.gif) no-repeat;
	}
 #approved ul {
	list-style: none;
	background: url(/files/images/dotted-line.gif) repeat-x bottom left;
	padding:0 0 1px 0;
	}
 #approved ul {
	margin: 0 0 10px 0px;
	width:490px;
	}		
#approved ul li {
	background:url(/files/images/bg-news.gif) no-repeat top left;
	}
#approved ul li a {
	color: #FA1F3A;
	display:block;
	padding:9px 5px 9px 30px;
	}
#approved ul li a:hover {
	text-decoration:none;
	background:#282323 url(/files/images/bg-news2.gif) no-repeat top left;
	}					
#approved a em {
	color:#a6a69b;
	font-style:normal;
	}
#approved a span,
#approved a:link span,
#approved a:visited span {
	color: #778e8e;
	font-size:.94em;
	}
#approved .rss {
	float:right
	}
/* small news
------------------------------------------------------------------*/
#smnews {
	width:250px;
	float:left;
	display:inline;
			}
#smnews h2 {
	text-indent:-9999px;
	display:block;
	height:45px;
	width:250px;
margin:10px;
	
	}

#smnews h2 {
	background:url(/files/images/approved.gif) no-repeat;
	}
 #smnews ul {
	list-style: none;
	background: url(/files/images/dotted-line.gif) repeat-x bottom left;
	padding:0 0 1px 0;
	}
 #smnews ul {
	margin: 0 0 10px 0px;
	width:250px;
	}		
#smnews ul li {
	background:url(/files/images/bg-news.gif) no-repeat top left;
	}
#smnews ul li a {
	color: #FA1F3A;
	display:block;
	padding:9px 5px 9px 30px;
	}
#smnews ul li a:hover {
	text-decoration:none;
	background:#282323 url(/files/images/bg-news2.gif) no-repeat top left;
	}					
#smnews a em {
	color:#a6a69b;
	font-style:normal;
	}
#smnews a span,
#smnews a:link span,
#smnews a:visited span {
	color: #778e8e;
	font-size:.94em;
	}
#smnews .rss {
	float:right
	}

/* menu
------------------------------------------------------------------*/
#submenu {
	width:250px;
	float:left;
	display:inline;
			}
#submenu h2 {
	text-indent:-9999px;
	display:block;
	height:45px;
	width:220px;
margin:10px;
	
	}

#submenu h2 {
	background:url(/files/images/approved.gif) no-repeat;
	}
 #submenu ul {
	list-style: none;
	background: url(/files/images/dotted-line.gif) repeat-x bottom left;
	padding:0 0 1px 0;
	}
 #submenu ul {
	margin: 0 0 10px 0px;
	width:250px;
	}		
#submenu ul li {
	background:url(/files/images/bg-menu.gif) no-repeat top left;
	}
#submenu ul li a {
	color: #FA1F3A;
	display:block;
	padding:9px 5px 9px 40px;
	}
#submenu ul li a:hover {
	text-decoration:none;
	background:#282323 url(/files/images/bg-menu.gif) no-repeat top left;
	}					

#submenu .active {
	background:#2f2f2f url(/files/images/bg-menu.gif) no-repeat top left;
	color: #FA1F3A;
	display:block;
	padding:9px 0px 9px 40px;
	}					

 #submenu ul ul{
	list-style: none;
	background: url(/files/images/dotted-line.gif) repeat-x bottom left;
	padding:0 0 1px 0;
	}
 #submenu ul ul{
	margin: 0px 0px 0px 30px;
	width:220px;
	}		
#submenu ul ul li {
	background:url(/files/images/bg-menu.gif) no-repeat top left;
	}
#submenu ul ul li a {
	color: #FA1F3A;
	display:block;
	padding:9px 5px 9px 40px;
	}
#submenu ul ul li a:hover {
	text-decoration:none;
	background:#282323 url(/files/images/bg-menu.gif) no-repeat top left;
	}					
#submenu .active20{
	color: #FA1F3A;
	display:block;
	padding:9px 5px 9px 10px;
	}

#submenu .active2 a:hover{
	color: #FA1F3A;
	display:block;
	padding:9px 5px 9px 40px;
	background:#282323 url(/files/images/dotted-line.gif) repeat-x top left;
	}

#submenu .active22 a:hover{
	color: #FA1F3A;
	display:block;
	padding:9px 5px 9px 10px;
	background:#282323 url(/files/images/bg-menu.gif) no-repeat top left;
	}

#submenu .active2 {
	padding:0px 0px 0px 40px;
	}		
	
#submenu .active21 {
	background:#2f2f2f url(/files/images/bg-menu.gif) no-repeat top left;
	border-bottom:0px;;
	color: #FA1F3A;
	padding:9px 0px 9px 40px;

	}					


#submenu a em {
	color:#a6a69b;
	font-style:normal;
	}
#submenu a span,
#submenu a:link span,
#submenu a:visited span {
	color: #778e8e;
	font-size:.94em;
	}
#submenu .rss {
	float:right
	}
/* Form */
.formnew label{
	display:block;
	padding:0.5em;
	padding-left:32px;
	background-position:10px center;
	background-repeat:no-repeat;
	border-bottom:1px dotted #444444;
	clear:both;
	cursor:pointer;
	}
f_checkbox:hover{color:#fff !important}
.f_checkbox,.f_radio{background-repeat:no-repeat;background-position:3px center;height:16px;display:block;/*cursor:pointer;cursor:hand;*/line-height:120%}
.checked{background: #313131 url(/files/images/chk_on.png) no-repeat left;}
.unchecked{background:url(/files/images/chk_off.png) no-repeat left;}
.selected{background: #313131 url(/files/images/rdo_on.gif) no-repeat left;}
.unselected{background:url(/files/images/rdo_off.gif) no-repeat left;}

.leftcol{float:left;clear:left;width:50%}
.rightcol{float:left;clear:right;width:50%}

.contact input, textarea{
	margin:10px 0 10px 10px;
	color:#fff;
	border:1px solid #333;
	background-color:#444444;
	padding:3px;
	font-size:0.9em;
}
.contact input:hover, textarea:hover{
	background-color:#313131;
}
.contact input:focus, textarea:focus{
	background-color:#2f2f2f;
}

.contact label{
	margin-bottom: 5px;
}
.btn{
	margin:0 0 0 10px;
	}
.btn_other{
	margin:0 0 0 10px;
	background: #2f2f2f;
	
	}
#vote{
	padding-left:10px;
	margin: 0;
	background: #2f2f2f;	
	}

#gallery{
	margin:0;
	width:490px;
}

.gallery IMG {width: 134px;height: 94px;}

ul.images {list-style: none; margin:0; padding:0;}


.poll_results {margin-left: 30px;}
.poll_result {border: 1px solid #CCC; padding: 1px; background: #FFF;}
/* .poll_result div {fonyt-size: 0; background: #FF3333; padding: 3px 4px; color: #000;} */

table.views-view-grid td {margin: 0; padding:0;}

.item-list {display:block; width:350px; text-align:right;}

ul.pager {list-style:none; float:right; margin:0;}
ul.pager li {float:left; margin: 0 5px}


#catalog-form-callback input, textarea {
	background-color:#444444;
	border:1px solid #333333;
	color:#FFFFFF;
	font-size:0.9em;
	margin:10px 0 10px 10px;
	padding:3px;
}

.login {margin: 0 20px; padding: 5px 5px 5px 5px;}