/* CSS Document */

* { padding:0px; margin:0px; }
html, body { height:100%; }
body{background:#1fb3ed;}
img { border:none; }

#site { min-height:100%; position:relative; }
* html #site { height: 100%;}

#head { background:url(/img/layout/head_back.png) top left repeat-x; height:232px; position:relative; }
#head .w_head, .content { width:765px; margin:auto; }
#head .w_head .logo { display:block; float:left; margin-top:25px; width:353px; height:114px;}
#head .w_head .logo span { display:block; width:353px; height:114px; background:url(/img/layout/logo.png) top left no-repeat;}
#runners { display:block; width:380px; height:217px; background:url(/img/layout/runners.png) top left no-repeat; float:right; margin-top:21px; }
#h_bott { width:100%; position:absolute; left:0px; bottom:-20px; background:url(/img/layout/h_bott.png) top left repeat-x; height:64px;  }

.content { margin-top:85px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding-bottom:77px; }
* html .content { height: 100%;}

.content .l_side { float:left; width:183px; }
.content .r_side { width:540px; float:right; padding: 0 0 20px 0; line-height: 18px;}
.content .r_side h1{ line-height: 40px;}
.content .r_side a { color: #fff; text-decoration: none }
.content .r_side a:hover { text-decoration: underline }

.content h1 { font-size:36px; display:block; font-weight:normal; border-bottom:1px dotted #fff; margin-bottom:15px; }
.content p { margin-bottom:20px; line-height:24px; }

.content .l_side .block { background:url(/img/layout/l_block_back.gif) top left; padding:6px; position:relative; padding-bottom:5px; margin-bottom:15px; }

.content .l_side .block .block_top, .content .l_side .block .block_bott { position:absolute; width:100%; top:0px; left:0px; background:url(/img/layout/l_left_top.png); height:14px; }
.content .l_side .block .block_bott { bottom:0px; top:auto; background:url(/img/layout/l_left_bott.png); }

.content .l_side .block .menu li { border-bottom:1px dotted #fff; padding-top:2px; padding-bottom:2px; }

.content .l_side .block .menu li a { background:url(/img/layout/menu_item.png) top left no-repeat; display:block; padding:3px 0px 3px 25px; color:#fff; text-decoration:none; }
.content .l_side .block .menu li a:hover { background:url(/img/layout/menu_item_hov.png) top left no-repeat; }

.newsitem .title {font-size: 14px;color: #fff; text-decoration: none }
.newsitem .title:hover { text-decoration: none }

#footer {background: url(/img/layout/footer_back.png) top left; clear:both; text-align:center;color:#1699cc; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:25px 0px 38px; position:relative;width:100%; margin-top: -77px;}
#footer a{color:#1699cc;text-decoration: none;}
#footer a:hover{text-decoration: underline;}


/* FORM */
.subscribe{
	margin: 0 0 20px 0;
	float: left;
}
.input{
	margin: 0 0 15px 0;
	float: left;
	clear: both;
	width: 100%;
}
.input input{
	float: left;
}
label{
	float: left;
	width: 120px;
	margin: 0 0 4px 0;	
	height: 18px;
	color: #fff;
}
.radio_inner{
    float: left;
    width: auto;
}
.radio_inner label{
	width: auto;
	margin-right: 5px;
}
.radio_inner input{
	margin: 2px 5px 0 0;
}
.error-message{
	float: left;
	clear: right;
	color: red;
	font-weight: bold;
	margin: 0 0 0 10px;
}
select.text, input.text, textarea {
	font:11px trebuchet,tahoma,Verdana, Arial Helvetica,sans-serif;
	float: left;
	margin: 0 4px 4px 0;
	border: 1px solid #999;
	padding: 3px;
}
input[type=text] {
	font:11px trebuchet,tahoma,Verdana, Arial Helvetica,sans-serif;
	float: left;
	margin: 0 4px 4px 0;
	border: 1px solid #fff;
	padding: 3px;
	width: 200px;
}
select.text {
	padding: 1px;
}
textarea{
	height: 80px;
}

.submit{
    padding-left: 120px;
	float: left;
	clear: both;
}

.btn, .submit input{
	float: left;
	color: #444;
	margin: 15px 0 0 0;
	padding: 0 20px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}

.btn:hover{
	color: #000;
}
	input.back{
		text-decoration: none;
		margin-left: 0;	
	}

input:focus,textarea:focus{
	background: #3cc8ff;
}

.checkbox input{
	float: left;
	clear: none;
	margin: 0;
}
.checkbox label{
	float: left;
	text-align: left;
	margin-left: 10px;
	width: 90%;
}

.radioset input{
	float: left;
	clear: left;
}
.radioset label{
	float: left;
	clear: right;
	text-align: left;
	margin-left: 10px;
}

/* FORMS */
/* FORMS */
p.error{
    text-align: center;
    font-size: 12px;
    color: red;
    margin: 20px;
}
.required {
    border-color: red;
}

.form_status{
	font-weight: bold;
	color: red;
}

/* PICTURE GALLERY */
.thumb{
	float: left;
	margin: 25px 5px 0 0;
	width: 145px;
	height: 120px;
	text-align: center;
}
.thumb .thumbhref{
	clear: both;
	display: block;
	font-size: 10px;
}
.thumb img{
	border: 0;
	border: 1px solid #ccc;
}

.pages_galleries a{float: left;text-align: center;margin: 0 10px 15px 0;}
.pages_galleries img, .pages_galleries span{display: block;clear: both;}