/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#292929 url(../images/header_tall.gif) top left repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.333em;
		color:#3d3d3d;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#3d3d3d;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

/* ============================= main layout ====================== */


li { background:url(../images/list_bg.gif) no-repeat 0 7px; padding-left:12px;}
li a {text-decoration:none; line-height:1.833em;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 15px 0 0; float:left;}
.imgindent2 {margin:0 9px 15px 0; float:left;}
.title {margin:0 0 8px 17px;}
.spotlink {text-decoration:none;}
/* ============================= header ====================== */

#header {color:#fff;}
#header a {color:#fff;}
#header .text {padding:26px 30px 7px 30px;}
#header .box {background:#fff url(../images/header_box_tall_top.gif) top repeat-x;}
#header .box .corner_top_right {background:url(../images/header_box_corner_top_right.gif) top right no-repeat;}
#header .box .corner_top_left {background:url(../images/header_box_corner_top_left.gif) top left no-repeat; width:100%;}
#header .box .padding {padding:11px 10px 0 10px;}
.logo_div {padding:43px 20px 0 20px; background:url(../images/header_bg.jpg) top left no-repeat;}
#header .rss {color:#f00e00; background:url(../images/rss_bg.jpg) no-repeat top right; padding:7px 33px 1px 0; display:block;}
.logo {margin:5px 0 243px 0;}
.menu {margin-top:5px; background:url(../images/menu_bg.gif) top repeat-x; height:73px;}
.menu li {background:none; padding:0; float:left; width:118px; background:url(../images/menu_border_left.gif) top left no-repeat;}
.menu li span {display:block; background:url(../images/menu_border_right.gif) top right no-repeat;}
.menu li a {font-weight:bold; display:block; padding:24px 0 19px 0; text-align:center;}
.menu li a:hover {background:url(../images/menu_active_bg.gif) top repeat-x; text-decoration:none;}
.menu .active {background:url(../images/menu_active_bg.gif) top repeat-x;}
.menu .narrow {width:117px;}


/* ============================= middle ====================== */

#middle {background:url(../images/middle_bg.gif) top left;}
#middle .bottom_tall {background:url(../images/middle_tall_bottom.gif) bottom left repeat-x;}
#middle .bottom_top {background:url(../images/middle_tall_top.gif) top left repeat-x;}
#middle .box {background:#fff url(../images/box_right_tall.gif) top right repeat-y;}
#middle .box .tall_left{background:url(../images/box_left_tall.gif) top left repeat-y;}
#middle .box .corner_bottom_right {background:url(../images/box_corner_bottom_right.gif) bottom right no-repeat;}
#middle .box .corner_bottom_left {background:url(../images/box_corner_bottom_left.gif) bottom left no-repeat;}
#middle .indent {padding:42px 10px 0 10px;}
#middle .indent_s {padding:0px 10px 0 10px;}

.padding {padding:0 20px 0 0;}
.padding2 {padding:0 20px 0 24px;}
.padding3 {padding:0 0 0 24px;}

.linee {background:url(../images/line_hor.gif) bottom repeat-x; padding:17px; margin-right:20px }
.lineee {background:url(../images/line_hor.gif) bottom repeat-x; margin-right:5px; margin-left:5px; margin-bottom:5px; padding:2px;  }

.content {background:url(../images/content_bg.gif) top repeat-x; padding:22px 30px 0 19px;}
.contentt {background:url(../images/content_bg.gif) bottom repeat-x; padding:2px 0 0 19px;}
.line_hor {background:url(../images/line_hor.gif) bottom repeat-x; padding-bottom:26px; margin-bottom:36px;}
.line_hor2 {background:url(../images/line_hor.gif) bottom repeat-x; padding-bottom:14px; margin-bottom:14px;}
.date {background:#e61000; color:#FFF; line-height:3em; padding:0 10px 0 10px;}
.ul {margin-top:15px;}
.col_pad {padding-right:20px;}
.phones {float:right; margin-right:85px;}

#index_1 .line_hor {background:url(../images/line_hor.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:36px;}
#index_1 .content2 {background:url(../images/content_bg.gif) top repeat-x; padding:22px 10px 0 19px;}
#index_2 .content2 {background:url(../images/content_bg.gif) top repeat-x; padding:22px 10px 0 19px;}
#index_3 .content2 {background:url(../images/content_bg.gif) top repeat-x; padding:22px 10px 0 19px;}
#index_5 .content2 {background:url(../images/content_bg.gif) top repeat-x; padding:29px 10px 0 19px;}
#index_6 .content2 {background:url(../images/content_bg.gif) top repeat-x; padding:29px 10px 0 19px;}
#index_7 .content2 {background:url(../images/content_bg.gif) top repeat-x; padding:29px 10px 0 19px;}

/* ============================= footer ====================== */

#footer .main {background:url(../images/footer_tall2.gif) top repeat-x;}
#footer .bg_right {background:url(../images/footer_right_bg.gif) top right no-repeat;}
#footer .bg_left {background:url(../images/footer_left_bg.gif) top left no-repeat; width:100%;}
#footer p {padding:67px 0 0 29px; color:#a9a9a9;}
#footer a {color:#a9a9a9;}


/* ============================= form ============================= */

form .rowi {height:26px;}
form .rowt {height:130px;}
form .right {display:block; background:#e61000; padding:4px 6px 4px 10px; color:#fff; text-decoration:none; margin:10px 0 0 6px;}
form .right:hover {text-decoration:underline;}

.input {width:261px; height:20px; border:1px solid #bdbdbd; background:none; padding:0 0 0 5px; font-size:1em;}
.textarea {width:261px; height:92px; border:1px solid #bdbdbd; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= anket =========================== */

.poller{	/* The poller box */
background-image:url(images/question.gif);
background-repeat:no-repeat;
background-position: center center;
}
/* Poller title above radio buttons */
.pollerTitle{
font-weight:bold;
}
/* Label for each radio button */
.pollerOption{
}
/* Label for each option above graph - i.e. results */
.result_pollerOption{
font-size:0.8em;
}
/* Title of poller - when ajax shows the results */
.result_pollerTitle{
font-weight:bold;
font-size:0.9em;
}
/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img{
float:left;
}
/* The <div> tag where the percentage result is shown */
.result_pollGraph div{
height:16px;
background-repeat:repeat-x;
color:#FFF;
font-size:0.9em;
line-height:16px;
}
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{	
height:16px;
}
/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{
display:none;	
}	
.result_totalVotes{
font-size:0.8em;
font-style:italic;
}

.thickbox{
	margin-top:5px;
	height:20px;
	background:url(../images/thickbox.jpg) left top no-repeat;
	padding-left:20px;
	cursor:hand;
}
.thickbox:hover{
	background:url(../images/thickbox_hover.jpg) left top no-repeat;
}