/*** SITE CSS ***/

* { padding:0; margin:0; }

html { min-height: 100%; margin-bottom: 1px; }  /* FireFox Page-Shift Fix */

body {
	margin: 0;
	text-align: center;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#ccc;
	background-color: #000000;
	background-image: url(images/bg_body_bottom.jpg);
	background-repeat:no-repeat;
	background-position: center bottom;
}

/*** USEFUL ***/

.clear {clear: both;}
.clear_fusion {clear: both;line-height: 1px;height: 1px;font-size: 1px;}
.float_left {float:left;}
.float_right {float:right;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.img_left {float: left; margin: 0 15px 5px 0; border:5px solid #202020}
.img_right {float: right; margin: 0 0 5px 15px; border:5px solid #202020}
.vertical_align {display: inline;vertical-align: middle;}
.vertical_align_all * {display: inline;vertical-align: middle;}
a img {border: 0px none;}

/*** STRUCTURE ***/
#background {
	background-image: url(images/bg_body.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}

#wrapper {
	margin:0 auto 90px auto;
	text-align: left;
	padding: 35px 0 9px 0;
	width:800px;
	}
#header {
	background-image: url(images/bg_header.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	height:151px;
	padding-right:55px;
}

#navigation {
	margin-top:5px;
	height:117px;
}

#content {
	background-color:#2b459a;
}

#content_top {
	background-image: url(images/bg_content_top.jpg);
	background-repeat:no-repeat;
	background-position: left top;	
	min-height:600px;
	padding-top:8px;
}

.left_col {
	width:454px;
	float:left;
	margin-left:8px;
	padding:0 20px;
}

.right_col {
	float:left;
	background-color:#101e71;
	margin-top:20px;
	background-image:url(images/bg_right_col.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}

.right_col_top {
	background-image:url(images/bg_right_col_top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

.right_col_bottom {
	width:253px;
	padding:15px;
	background-image:url(images/bg_right_col_bottom.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#footer {
	background-image: url(images/bg_content.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	padding:50px 27px 0 27px;
	height:58px;
}

/*** GENERAL FORMATTING ***/
p {
	line-height: 150%;
	padding: 0 0 1em 0;
	font-size:1em;
}

.right_col p {
	font-size:1em;
}

ul, ol {
	line-height: 160%;
	padding: 0 0 1em 25px;
}

h1 {
	font-size:1.8em;
	color:#f54536;
	font-weight:bold;
	float:right;
	margin-top:10px;
	display:block;
	width:190px;
	padding-bottom:5px;
}

h2 {
	font-size: 2.8em;
	color: #f54536;
	padding: 0 0 0.25em 0;
	margin: 0 0 0.5em 0;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	width:100%;
}

h3 {
	font-size:1.4em;
	padding:0 0 0.25em 0;
	line-height:140%;
	color:#f54536;
	border-bottom:2px solid #f54536;
	margin-bottom:0.5em;
}

h4 {
	font-size:1.2em;
	line-height:140%;
	color:#f54536;
	margin-bottom:0.5em;
}

a, a:visited, a:active {
	color: #f54536;
	text-decoration:none;
}

a:hover {
	color: #f54536;
	text-decoration:underline;
}

span {
	color:#f54536;
	font-weight:bold;
}

/*** FORMATTING ***/

.otley_rovers {
	margin-left:18px;
	margin-top:8px;
	float:left;
}

.season {
	float:right;
	margin-top:80px;
}

.club_house_icon, .match_day_icon, .fixtures_icon, .league_icon, .golden_boot_icon, .sponsors_icon {
	width:300px;
	height:76px;
	margin-bottom:10px;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:130px;
	padding-top:35px;
	margin-left:-20px;
}

.club_house_icon { background-image:url(images/club_house.jpg); }
.match_day_icon { background-image:url(images/match_day.jpg); }
.fixtures_icon { background-image:url(images/fixtures.jpg); }
.league_icon { background-image:url(images/league.jpg); }
.golden_boot_icon { background-image:url(images/golden_boot.jpg); }
.sponsors_icon { background-image:url(images/sponsors.jpg); }

/*** SITE MENUS CSS ***/
#navigation ul {
	list-style-type:none;
	padding:0;
	padding-left:3px;
	padding-top:10px;
	float:left;
}

#navigation ul li {
	float:left;
	text-align:center;
	text-transform:capitalize;
	font-weight:bold;	
	font-size:1.15em;
	width:101px;
	background-position:center top;
	background-repeat:no-repeat;
}

#navigation ul li a {	
	display:block;
	color:#f54536;
	padding-top:79px;
	margin-right:2px;
}

#navigation ul li a:hover, #home .home, #about .about, #portfolio .portfolio, #links .links, #contact .contact, #sponsors .sponsors {
	background-image:url(images/bg_hover.png);
	background-position:center top;
	background-repeat:no-repeat;
	text-decoration:none;
}

#navigation ul li.club_house {	background-image:url(images/club_house.gif); }
#navigation ul li.match_day {	background-image:url(images/match_day.gif); }
#navigation ul li.fixtures {	background-image:url(images/fixtures.gif); }
#navigation ul li.league {	background-image:url(images/league.gif); }
#navigation ul li.golden_boot {	background-image:url(images/golden_boot.gif); }
#navigation ul li.sponsors {	background-image:url(images/sponsors.gif); }