@import url('reset.css');
html {
	height: 100%;
}
body {
	background:white url('../bg.jpg') repeat-x top center;	 
	height: 100%;	
	font-family:Arial;
	font-size: 12px;
	cursor: default;
	color:#5A5A5A;
}
a{ text-decoration:none; outline:none; color:#0c5cb8;}
img{ border:0;}
ul, li{ list-style-type:none;}
p{ line-height:18px; margin-top:20px;}
.clear{ clear:both; font-size:1px; height:0; overflow:hidden;}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#334456;
	font-weight:normal;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5a5a5a;
	margin-top:20px;
	text-transform:uppercase;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#815300;
	font-weight:normal;
	padding-top:14px;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#043764;
	margin-top:20px;
	font-weight:bold;
}
.float_l{ float:left}
.float_r{ float:right}
.center {text-align:center}
.line {background:url(../line.gif) repeat-x top left; height:1px; overflow:hidden}
.bold{font-weight:bold;}
#header {
	position:relative;
	width:960px;
	height:339px;
	margin:0 auto;
}
#nav a{
	color:white;
	border-right:1px solid #007994;
	height:47px;
	display:block;
	float:left;
	line-height:47px;
	padding:0 26px;
	font-size:12px;
}
#nav a:hover {
	background:transparent url('../nav-bg.jpg') no-repeat center 8px;
	color:#00305a;
}
a.current {
	background:transparent url('../nav-bg.jpg') no-repeat center 8px;
	color:#00305a !important;	
}
#container {
	width:960px;
	margin:0 auto;
	padding-top:2px;
}
#left {
	width:650px;
	float:left;
	margin-right:0px;
	margin-top:28px;
}
#boxs p{ line-height:normal; margin:0;}
#content ul{ margin-top:20px;}
#content ul li{ background:url(../list_bullat.gif) no-repeat 0 6px; padding-left:7px; margin-bottom:7px; font-weight:bold;}
#content .link{margin-top:20px;}
#content .link a{color:#0c5cb8;	text-decoration:underline;}
#content .center{ margin-top:37px; margin-bottom:47px;}
#content .left_part{ width:395px; float:left; padding-right:10px; display:inline}
#content .left_part ul li{ background:url(../left_part_list_bullat.gif) no-repeat 0 6px; color:#5a5a5a; font-size:12px; font-weight:normal; padding-left:12px; line-height:18px;}
#content .right_part{ float:left; width:223px;}
#content .right_part .image img{ border:solid 6px #cbd4db;  width:210px; height:135px;} 
#content .call h2{ color:#0c5cb8; font-size:37px; font-weight:bold; margin-bottom:16px;}
#content .call h2 span{ color:#334456; font-size:18px; margin-left:12px;}
#content .call .option{ margin-bottom:4px;}
#content .call .option span{ color:#0c5cb8; font-weight:bold;}
#content .online{ margin-top:10px;}
#content .online h3{ font-size:16px;} 
#content .online p{ margin:0;}
#content.advisers h3{ color:#334456; font-size:18px;}
#content.advisers .call{ margin-top:38px;}
#content.club_connect .left_part li{ color:#334456; font-size:14px; font-weight:bold}
#content .sign_now h2{color:#0c5cb8; font-size:28px; font-weight:bold; margin:16px 0 30px 0;}
#content .sign_now h3{ color:#334456; font-size:30px; text-transform:none; margin-bottom:16px;}
#content.club_connect .option span{ color:#334456; font-size:16px;}
#content.club_connect .online{ margin-top:70px;}
#content.club_connect .online h3{ font-size:30px; color:#334456; text-transform:none;}
#content.contact label{ color:#5a5a5a; float:left; clear:both; margin-bottom:4px;}
#content.contact .left_part h2{ margin-bottom:}
#content.contact ul li{ font-weight:normal; line-height:23px; margin-bottom:0; background-position:0 10px}
#contect_form{}
#contect_form .left{ width:125px; float:left; margin-top:4px; margin-right:5px;}
#contect_form .right{ float:left; margin-top:4px;}
#contect_form .right .input{ width:240px; border:solid 1px #d4d4d4; padding:0 4px 0 4px;}
#content.faq p{ margin-top:6px; line-height:20px;} 
#feedback_form h2{ color:#334456; font-weight:bold; font-size:18px; margin-top:45px; margin-bottom:20px;}
#feedback_form .left{ width:186px; float:left; margin-top:4px; margin-right:5px; text-align:right;}
#feedback_form .left label{font-weight:bold;  float:none}
#feedback_form .right{ float:left; margin-top:4px;}
#feedback_form .right .input{ width:274px; border:solid 1px #b4b4b4; padding:0 4px 0 4px;}
#feedback_form p{ margin:0 0 20px 0;}
#post_a_job_form{ margin-bottom:60px;}
#post_a_job_form h2{ color:#334456; font-weight:bold; font-size:18px; margin-top:45px; margin-bottom:20px;}
#post_a_job_form .left{ width:208px; float:left; margin-top:4px; margin-right:5px; text-align:right;}
#post_a_job_form .left label{font-weight:bold;  float:none}
#post_a_job_form .right{ float:left;  width:285px;}
#post_a_job_form .right .input{ width:274px; border:solid 1px #b4b4b4; padding:2px 4px 2px 4px; margin-top:4px;}
#post_a_job_form .right .select{ width:284px; border:solid 1px #b4b4b4; padding:2px 0 ; margin-top:4px;}
#post_a_job_form p{ margin:0 0 20px 0;}
#content.tradesmen p{ margin:14px 0 20px 0;}
#content.tradesmen ul li{ font-weight:normal}
#right {
	width:300px;
	float:left;
	margin-top:28px;
}
#ticker {
	width:628px;
	height:48px;
	background:transparent url('../ticker-bg.jpg') no-repeat center -2px;
	border:0;
	position:relative;
	padding-top:8px;
}



















/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border:0;
clear:both;

width: 600px; 
height: 27px; 
margin:0px 0 0 14px;
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 590px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #0033FF;
font: bold 12px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

#form {
	width:620px;
	height:100px;
	background:transparent url('../form-bg.jpg') no-repeat top center;
	margin-left:5px;
}
#form-fields {
	padding-top:70px;
	color:white;
	margin-left:80px;
}
#form-fields li {
	margin:10px  0;
}
#form-fields label {
	display:block;
	width:100px;
	float:left;
	text-align:right;
	margin-right:10px;
}
#form-fields input {
	height:25px;
	width:250px;
}
#submit {
	width:300px;
	height:40px;
	background:transparent url('../button.jpg') no-repeat top center;
	border:0;
	margin:0 auto;
	display:block;
	margin-top:10px;
}
#boxs {
	width:280px;
	height:110px;
	background:transparent url('../box-bg.jpg') no-repeat top center;
	margin-top:10px;
	margin-bottom:25px;
	margin-left:5px;
	float:left;
	padding:10px;
	color:#815300;
}
#boxs img {
	float:left;
	margin-right:15px;
}
#boxs h1 {
	font-size:18px;
	color:#815300;
}
#boxs a {
	width:100px;
	height:25px;
	background:transparent url('../box-a-bg.jpg') no-repeat top center;
	display:block;
	line-height:25px;
	color:white;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-left:75px;
}

#box1 {
	width:260px;
	height:220px;
	background:transparent url('../right-box-bg1.jpg') no-repeat top center;
	padding:10px 20px;
	margin-bottom:20px;
}
#box1 h1 {
	font-size:24px;
	color:#815300;
	font-weight:bold;
	margin-top:40px;
}
#box1 p {
	color:#815300;
	font-size:16px;
	margin:10px 0;	
}
#box1 a {
	width:120px;
	height:30px;
	background:transparent url('../right-box-buttonbg.jpg') no-repeat top center;
	display:block;
	margin:0 auto;
	color:white;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	font-size:16px;
	margin-top:25px;
}



#box2 {
	width:260px;
	height:130px;
	background:transparent url('../right-box-bg2.jpg') no-repeat top center;
	padding:10px 20px;
	margin-bottom:20px;
}
#box2 h1 {
	font-size:24px;
	color:#815300;
	font-weight:bold;
	margin-top:0px;
}
#box2 p {
	color:#815300;
	font-size:16px;
	margin:10px 0;	
}
#box2 a {
	width:120px;
	height:30px;
	background:transparent url('../right-box-buttonbg.jpg') no-repeat top center;
	display:block;
	margin:0 auto;
	color:white;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	font-size:16px;
	margin-top:25px;
}
#footer {
	height:51px;
	background:transparent url('../footer-bg.jpg') repeat-x top center;
	text-align:center;
	line-height:51px;
}
#footer a {
	font-size:11px;
	color:black;
	border-right:1px solid #696969;
	padding:0 4px;
}
.innerbg {
	background:transparent url('../innerbg.jpg') repeat-x top center;
}
.innerbg #header {
	height:215px;
}
a.inner-logo {
	width:236px;
	height:165px;
	background:transparent url('../inner-logo.jpg') no-repeat top center;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
}
.innerbg #content h3 {
	font-weight:bold;
}
#display .title {
 color:#334456;
 font-size:18px;
 width:600px;
 border-bottom:1px solid #334456;
 display:block; 
 padding-bottom:2px;
 margin-bottom:5px;}
#display .text{
 color:grey;
 font-size:18px;
 }
 
#display b {
 color:#334456;
 }
#display .cat {
 color:#334456;
 
 }
 #display .bottom {
 color:#334456;
 width:500px;
 border-top:1px solid #334456;
 display:block; 
 position:relative;}

#display .feedback a{
font-size:11px;
font-weight:bold
} 
#display .color {
 color:#334456;
 }