/* Harefield Football CSS Document */
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#D9260F; }
ul {margin:0; padding:0;}

#wrapper{
	width:988px; height:auto; margin:0 auto; padding:0; background: url(../_images/shdw_bg.jpg) 0 0 repeat-y; 
	}
#container{width:964px; margin:0 auto;  overflow:hidden; height:100%; background:#000 url(../_images/main-bg.jpg) top repeat-x;}
#header{width:100%; background:url(../_images/header-bg.jpg) no-repeat bottom; height:189px;}
#header img{margin:0; text-align:left; padding:37px 0 0 8px; vertical-align:top;}
#menu1{width:880px; height:37px; margin:0 auto;}
#menu1 .divider{background:url(../_images/menu1-divider.jpg) no-repeat; width:2px; height:37px}
#menu1 ul li{list-style:none; display:inline; float:left;}
#menu1 .home a{width:89px; height:37px; display:block; text-decoration:none; background:url(../_images/home.jpg) no-repeat left top;}
#menu1 .home a:hover{width:89px; height:37px; background:url(../_images/home.jpg) no-repeat left bottom;}
#menu1 .squads a{width:93px; height:37px; display:block; text-decoration:none; background:url(../_images/squads.jpg) no-repeat left top;}
#menu1 .squads a:hover{width:93px; height:37px; background:url(../_images/squads.jpg) no-repeat left bottom;}
#menu1 .the-clubs a{width:99px; height:37px; display:block; text-decoration:none; background:url(../_images/the-club.jpg) no-repeat left top;}
#menu1 .the-clubs a:hover{width:99px; height:37px; background:url(../_images/the-club.jpg) no-repeat left bottom;}
#menu1 .fixtures a{width:97px; height:37px; display:block; text-decoration:none; background:url(../_images/fixtures.jpg) no-repeat left top;}
#menu1 .fixtures a:hover{width:97px; height:37px; background:url(../_images/fixtures.jpg) no-repeat left bottom;}
#menu1 .sponsors a{width:106px; height:37px; display:block; text-decoration:none;background:url(../_images/sponsors.jpg) no-repeat left top;}
#menu1 .sponsors a:hover{width:106px; height:37px; background:url(../_images/sponsors.jpg) no-repeat left bottom;}
#menu1 .club-house a{width:114px; height:37px; display:block; text-decoration:none; background:url(../_images/club-house.jpg) no-repeat left top;}
#menu1 .club-house a:hover{width:114px; height:37px; background:url(../_images/club-house.jpg) no-repeat left bottom;}
#menu1 .entertainment a{width:136px; height:37px; display:block; text-decoration:none; background:url(../_images/enternment.jpg) no-repeat left top;}
#menu1 .entertainment a:hover{width:136px; height:37px; background:url(../_images/enternment.jpg) no-repeat left bottom;}
#menu1 .club-history a{width:130px; height:37px; display:block; text-decoration:none; background:url(../_images/club-history.jpg) no-repeat left top;}
#menu1 .club-history a:hover{width:130px; height:37px; background:url(../_images/club-history.jpg) no-repeat left bottom;}

#content-container {width:880px; margin:0 auto; overflow:hidden; height:100%;}
#content-col1 {width:195px; float:left; overflow:hidden; height:100%; margin:20px 20px 0 0; color:#fff; font-size:12px; font-weight:bold; background:url(../_images/content-col1-bg.jpg) no-repeat top;}
#content-col1 span{margin:13px 0 0 50px; height:43px; display:block; font-size:16px;}
#content-col1 .contentb2 {font-size:14px;}
#content-col1 .contentb2 ul li{border-bottom:1px solid #232323; padding:7px 5px 7px 15px;}
#content-col1 .contentb2 ul li a {text-decoration:none; color:#999;}
#content-col1 .contentb2 ul li a:hover{text-decoration:none; color:#C0220C;}
#content-col1 .contentb2 .no-border {border-bottom:none;}


#content-col2 {width:400px; float:left; overflow:hidden; height:100%; margin:30px 20px 0 20px; color:#ccc;}
#content-col2 b{font-size:16px; }
#content-col2 b span {color:#C0220C;}
#content-col2 p {line-height:18px;}
#content-col2 ul {margin:20px 0 0 0;}
#content-col2 ul li { display:inline; float:left;}
#content-col2 #reserve {width:180px; height:102px; background:url(../_images/first-team.jpg) no-repeat; margin:15px 0 0 0;}
#content-col2 #allied {width:180px; height:102px; background:url(../_images/allied-teams.jpg) no-repeat; margin:15px 0 0 32px;}
#content-col2 #fixtures {width:180px; height:102px; background:url(../_images/fixtures-08-09.jpg) no-repeat; margin:15px 0 0 0;}
#content-col2 #youth {width:180px; height:102px; background:url(../_images/youth-fixtures.jpg) no-repeat; margin:15px 0 0 32px;}

#content-col21 {width:622px; float:left; overflow:hidden; height:100%; margin:30px 20px 0 20px; color:#ccc;}
#content-col21 b{font-size:16px; }
#content-col21 b span {color:#C0220C;}
#content-col21 p {line-height:18px;}
#content-col21 ul {margin:20px 0 0 0;}
#content-col21 ul li { display:inline; float:left;}


#content-col3 {width:200px; float:left; overflow:hidden; height:100%; margin:30px 0 0 20px; color:#fff; }
#content-col3 input {float:left; width:140px; background:#000; border:1px solid #999; color:#fff; margin:0 3px;}
#content-col3 img {float:left; margin: 0 0 0 15px;}
#content-col3 span{margin:30px 0 0 0px; height:43px; display:block; font-size:16px; font-weight:bold; background:url(../_images/content-col1-bg.jpg) no-repeat top; padding:12px 0 0 50px;}
#content-col3 ul li {width:175px; margin:0 auto;  border-bottom:1px dotted #232323; list-style:none; padding-bottom:20px;}
#content-col3 .contentb2 .no-border {border-bottom:none;}


.read-more a {font-size:10px; color:#C0220C; text-align:right; text-decoration:none; float:right; padding:0;}
.read-more a:hover {font-size:10px; color:#999; text-align:right; text-decoration:none; float:right; padding:0;}
/*#wallpaper {width:396px; height:210px;  margin:10px 0; background:url(../_images/wallpaper.jpg) no-repeat; }*/
#line{width:396px; height:10px; border-bottom:1px dotted #dc270e; margin:10px 0;}
#line_inner{width:622px; height:10px; border-bottom:1px dotted #dc270e; margin:10px 0;}

/* rounded corner */
.c1, .c2, .c3, .c4{font-size:1px; overflow:hidden; display:block;}
.c1 {height:1px; background:#9E2615; margin:0 5px;}
.c2 {height:1px;  border-right:2px solid #9E2615; border-left:2px solid #9E2615; margin:0 3px;}
.c3 {height:1px;  border-right:1px solid #9E2615; border-left:1px solid #9E2615; margin:0 2px;}
.c4 {height:2px;  border-right:1px solid #9E2615; border-left:1px solid #9E2615; margin:0 1px;}
.contentb2 { border-right:1px solid #9E2615; border-left:1px solid #9E2615;  color:#999999; font-weight:normal;  }

.search_inner{
	float:left;
	width:195px;
	margin-top:20px;
	padding:0;
	height:22px;
	}
.search_inner .box1{
	float:left;
	margin-right:10px;
	}
.search_inner .box2{
	float:left;
	margin:0px;
	}
	
.adv{ width:190px; height:315px; background:#000; margin:20px auto; float:left;}

#content-col3 .news-head {font-size:12px; font-weight:bold; color:#dc270e; padding-top:5px;}
#content-col3 .news-head p {font-weight:normal; color:#CCC;}

#footer {border-top:1px dotted #C0220C; color:#999; font-size:11px; width:800px; margin:20px auto; text-align:center; padding:20px 0;}

#footer a{ padding:10px 10px;  color:#C0220C; text-decoration:none;}

#footer_new {background:#000 url(../_images/footer_bg.jpg) 0 0 repeat-x; color:#666; font-size:11px; width:965px; margin-top:15px; float:left;   text-align:center; padding:20px 0;}

#footer_new a{ padding:10px 10px;  color:#C0220C; text-decoration:none;}

#footer_new a:hover{ padding:10px 10px;  color:#fff; text-decoration:none;}
#footer_new .copy{
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
	}