/*  
Site Name: Old Haberdashers RFC
Version: 1.0
Author: Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 23.02.07
*/

* {
	margin:0;
	padding:0;
}
body {
	border-top:16px solid #903;
	font:62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
	background-color:#AA9FAB;
}
hr {
	display:none;
}
h1 {
	padding:0 0 4px 0;
	background:#fff url(../images/old-haberdashers.gif) no-repeat top left;
	font-size:1em;
	border-left:8px solid #fff;
	border-right:8px solid #fff;
}
	h1 a {
		display:block;
		width:424px;
		height:58px;
		text-indent:-99999px;
		overflow:hidden;
	}
h2 {
	font-size:2.1em;
	padding:0 0 18px 0;
}
h3 {
	font-size:1.5em;
	padding:0 0 4px 0;
}
	h3 a {
		color:#903;
		text-decoration:none;
		border-bottom:1px solid #ccc;
	}
	h3 a:hover {
		border-bottom:1px solid #903;
	}
	h3 em {
		font-size:0.8em;
		color:#999;
	}
h4 {
	padding:0 0 6px 0;
	text-align:center;
	font-size:1.3em;
}
p {
	font-size:1.2em;
	padding-bottom:1em;
}
#content ol,
#content ul {
	font-size:1.2em;
	margin-left:1.6em;
	padding-bottom:1em;
}

/*
---- Container
*/
#container {
	margin:0 auto;
	padding:5px 0;
	width:760px;
	background-color:#fff;
}
#content {
	padding:18px 9px 9px 9px;
}

/*
---- Navi
*/
#header ul {
	padding:8px 9px 0 9px;
	list-style:none;
	background:#009 url(../images/backie-navi.gif) repeat-x bottom left;
}
	#header ul li {
		padding:0 6px 0 0;
		display:block;
		float:left;
	}
		#header ul li a {
			display:block;
			float:left;
			color:#fff;
			text-decoration:none;
			background:transparent url(../images/tab-left.gif) no-repeat top left;
			font-size:1.3em;
			font-weight:bold;
			border-bottom:3px solid #5c4c5d;
		}
			#header ul li a span {
				padding:2px 6px 3px 6px;
				display:block;
				background:transparent url(../images/tab-right.gif) no-repeat top right;
			}
		#header ul li a:hover {
			color:#000;
			background:transparent url(../images/tab-left.gif) no-repeat 0 -100px;
			border-bottom:none;
		}
		#header ul li a:hover span {
			padding-bottom:6px;
			background-position:100% -100px;
		}
		
/*
---- Tables
*/
table.base {
	margin:0;
	padding:0 0 12px 0;
	width:100%;
	font-size:1.2em;
}
	table.base tr th {
		background-color:#903;
		color:#fff;
		padding:3px 4px;
	}
	table.base tr td {
		text-align:center;
		padding:3px 4px;
	}
	table.base tr.alt td {
		background-color:#eef;
	}

/*
---- Forms
*/
form.base div {
	padding:0 0 15px 0;
}
	form.base div label {
		padding:2px 5px 0 0;
		float:left;
		display:block;
		width:110px;
		font-size:1.2em;
		text-align:right;
	}
	form.base div.textarea {
		padding-left:115px;
	}
	form.base div.submit {
		padding-left:115px;
	}
	form.base input,
	form.base textarea {
		margin:0;
		padding:3px 4px;
		font:12px Verdana, Arial, Helvetica, sans-serif;
	}
		
/*
---- Footer
*/
#footer {
	border-top:1px solid #999;
	color:#666;
	padding:9px;
}
	#footer a {
		color:#999;
		padding:1px;
		border-bottom:1px solid #ccc;
		text-decoration:none;
	}
	#footer a:hover {
		color:#000;
		border-bottom-color:#000;
	}
	#footer ul {
		list-style:none;
	}
	
/*
---- Misc
*/
#home-image {
	float:left;
	padding:0 12px 0 0;
}
div.news-page {
	padding:0 56px;
}
.center {
	text-align:center;
}

/*
---- Clear All and the Clearfix
*/
.clear-all {
	margin:0px;
	padding:0px;
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */