img {border: none; padding: 5px}
#header img {padding: 0px;}

#fundraiser img {padding: 0px;}
#timekeepers img {padding-right: 50px;}
.newsbox {padding: 2px; margin-bottom: 3px;}


#toppic {padding: 0px; margin-bottom: 3px; margin-left: -5px; margin-top: -5px; text-align: center; font-weight: 700;}


.photo {font: 10px arial, tahoma, helvetica, sans-serif;color:#C00000;font-weight:700; margin-left: 10px;}

.head {font: 20px arial, tahoma, helvetica, sans-serif;}
.l_title {font-family: arial, tahoma, helvetica, sans-serif; font-size: 14px; font-weight:700; color:#fff; 
	background:url(images/left.jpg) top left repeat-x; padding: 3px 10px 2px 10px; margin : 0px 0px 4px 0px;}
	
.r_title {font-family: arial, tahoma, helvetica, sans-serif; font-size: 14px; font-weight:700; color:#fff; 
	background:url(images/right.jpg) top right repeat-x; padding: 5px 20px 5px 20px; margin : 0px 0px 4px 0px; float:right;}

.main_title {font: 20px arial, tahoma, helvetica, sans-serif; color:#fff;
	background:url(images/left.jpg) top left repeat-x; padding: 3px 20px 2px 20px;}

.title {font-family: arial, tahoma, helvetica, sans-serif; font-size: 18px; font-weight:700;}
.phone { font-weight:700; color: #000;}
.l_hr {background: #952D2C; background-repeat: repeat-x; height: 3px; width: 185px; border:none;}
.fixtures {font-family: arial, tahoma, helvetica, sans-serif; font-size: 12px; font-weight:600;}
.official {font-family: arial, tahoma, helvetica, sans-serif; font-size: 12px; font-weight:500;}
.main {font-family: arial, tahoma, helvetica, sans-serif; font-size: 12px; font-weight:500;}
.fundraiser {font: 12px arial, tahoma, helvetica, sans-serif; text-align:left; padding: 0px 3px 3px 3px;}

a.link:link {color: #4b4b4b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}

a.link:active {color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;}

a.link:visited {color: #808080;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;}

a.link:hover {color: #123;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}

a.team:link {color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}

a.team:active {color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;}

a.team:visited {color: #808080;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;}

a.team:hover {color: red;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}


.li {font: 12px Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #C00000;
	text-align: left;
	list-style-type: disc;}
	
.ctable {border: thin ridge #C00000;}
.ctable td { border: 1px solid #C00000; padding: 2px;}

.ftable {border: medium groove #C00000;}
.ftable td { border: 1px solid #C00000;}



.right ul, .right li {padding-left:0px; margin-left: 5px; margin-bottom: -1px;}
.archiver ul, .archiver li {padding-left:0px; margin-left: 10px; margin-bottom: -1px;}
#coords ul, #coords li {padding-left:0px; margin-top:3px; margin-left: 10px;}
#contacts ul, #contacts li {padding-left:3px; margin-top:3px; margin-left: 10px;}
#fundteam ul, #fundteam li {padding-left:10px; margin-top:3px; margin-left: 10px;}
#referees ul, #referees li {padding-left:4px; margin-top:3px; margin-left: 10px;}
#timekeepers ul, #timekeepers li {padding-left:4px; margin-top:3px; margin-left: 0px;}
.sectionr ul, .sectionr li {padding-left: 1px; margin-top: 2px; margin-left: 7px;}
#fundsr ul, #fundsr li {padding-left: 1px; margin-top: 4px; margin-left: 9px;}


/** 	The Divs	 **/

html {height:100%;}

body {
margin:0;
padding:0;
height:100%;
background-color:#000;
font-family:arial, serif;
font-size: 11px}

#outer {
	min-height:100%;
	background:url(images/outer.png) top left repeat-y;
	width:1000px;
	margin:auto;
	position:relative;
	background-color:#FFF;
}



#outer1 {
min-height:100%;
background:url(images/outer.png) top left repeat-y;
width:1000px;
margin:auto;
position:relative;
background-color:#FFF;}


#index {
	background:url(images/back-3.jpg) top left repeat-y;
	min-height:100%;
	width:976px;
	margin:auto;
	position:relative;
	border-left: 3px solid #000;
	border-right: 3px solid #000;}


#wrap1 {
	background:url(images/newback1.jpg) top left repeat-y;
	min-height:100%;
	width:976px;
	margin:auto;
	position:relative;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
}

#wrap {
background:url(images/back1.jpg) top left repeat-y;
min-height:100%;
width:976px;
margin:auto;
position:relative;
border-left: 3px solid #000;
border-right: 3px solid #000;}


#newswrap {
background-color:white;
min-height:100%;
width:976px;
margin:auto;
position:relative;
border-left: 3px solid #000;
border-right: 3px solid #000;}


* html #wrap {height:100%} 
* html #outer {height:100%} 


#header {
height:118px;
top: 0px;
background:url(images/header.jpg) top left repeat-x;
margin:0;
margin:auto;
border-bottom: solid thick #000;
clear:both;}

#inner-wrap {
	padding-bottom:15px;
}


#inner-wrap:after {
	content:" ";
	display:block;
	clear:both;
	margin-bottom: 55px;
}

#left {float:left; width:185px; text-align:center; margin-top:5px; margin-bottom: 5px; padding: 2px 2px 2px 0px;}

#main {position:relative; margin-left:195px; padding: 2px 5px 0px 5px; top: 0px;} 
#team-page {position:relative; margin-left: 195px; width: 570px; padding: 2px; top: 0px;} 
#funds-page {position:relative; margin-left: 195px; width: 550px; padding: 2px; top: 0px;} 
#front-page {position:relative; margin-left: 195px; width: 550px; padding: 2px; top: 0px;} 



#old----footer {
position:relative;
bottom:0;
height:20px;
background:url(images/foot.jpg) top left repeat-x;
width:100%;
text-align:center;
margin:auto;} 


#footer {
	position:absolute;
	bottom:0;
	height:auto;
	color: #fff;
	background-color: #000;
	width:100%;
	text-align:center;
} 

/** 	Head	 **/
#logo {position:absolute; left: 0px; top: 3px;}
#banner {position:absolute; top: -10px; width: 510px; left: 108px; z-index: 3;}
#headpics {position:absolute; left: 626px; top: 2px; margin-right: 2px;}

/** 	Tab Styles	 **/

#tabs {float: right; text-align:right; margin-top: 5px; top:89px; position: relative; padding-right: 1px; margin-right: 2px;}
 

#tabs ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	display: inline ;
}
#tabs ul li {
	margin: 0 ;
	padding: 0 ;
	display: inline ;
	text-align: center ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#tabs li a {
	color: #fff ;
	background-color: #C00000;
	border-top: 2px outset #000;
	border-left: 2px outset #FF0000;
	border-right: 2px outset #000;
	font-size:15px;
	font-weight:bold;
	padding: 3px;
	text-decoration: none ;
	display: inline ;
}
#tabs li a:hover {
	color: #fff ;
	background-color: #000;}


/** 	Rest	 **/
#links {position:relative; margin-left: 195px; bottom:0px; width: 795px; border-top:thick groove #900;} 
#committee {position:absolute; left: 13px; top: 80px; width:430px;}
#committee1 {position:absolute; left: 100px; top: 60px; width:400px;}
#date {position: absolute; left: 150px; top: 95px; padding: 2px; text-align: center; margin: 3px; width: 300px; font-size: 12px; font-weight:600; color:white;}
#news {position:relative; background:#ccc; margin-top: 5px; top:0px;} 
#welcome {text-align: center; width: 550px; background-color: #F00000; color: #fff; font: 16px arial, tahoma, helvetica, sans-serif; font-weight: 700;} 

#fifty {float:right; width:250px; border:2px solid #000; padding: 2px; text-align: center; background-color: #555; margin-right: 20px;}

#gallery {position:relative; margin-left:195px;	padding: 2px 5px 5px 5px; top: 0px; height:1000px;} 
#contacts {float: left; margin-top: 5px; width: 440px; text-align: center; border: medium groove #C00000;} 
#coords {float:right; margin-top: 20px; width: 680px; text-align: center; margin-right:60px; border: medium groove #B70000;} 
#downloads {position:relative; width:170px; text-align: center;}
#fundteam {float:right; width: 300px; text-align: center; border: medium solid #000; margin-right: 8px; margin-top: 5px;}
#referees {float:left; width:410px; margin-top: 8px; text-align: center; border: medium solid #B70000; margin-bottom: 5px;}
#timekeepers {
	float: right;
	width: 325px;
	margin-right: 2px;
	text-align: center;
	border: medium ridge #000;
	margin-top: 10px;
}
#playerawards {float:left; width: 420px; text-align: left; padding: 3px;}

#awards {float:left; width: 380px; text-align: left; padding: 1px;}
.honours {float:right; width: 180px; text-align: left; padding: 1px;}
.inhonours {width: 180px; text-align: center; padding: 1px; margin-bottom: 10px; }




#compliance {position: absolute; bottom:0;}



.teampage {float:left; width:590px; margin-top:10px; text-align:center;background-color:yellow;}

 
.mainright {
	float:right;
	width:240px;
	text-align: center;
	z-index:10;
	padding: 1px;
	margin: -2px -5px 0px 0px;
	border-left: medium solid #000;
	border-bottom: medium solid #000;
	background-color:#FFF;}

.right {float:right; width:200px; text-align: center; margin-left: 5px; padding: 5px; margin-bottom: 20px; clear: right;}

#useful {float:right; width:200px; border: 2px solid #f30; margin-left: 3px; clear: right; margin-bottom: 5px;  text-align: center;}

#useful ul li {margin-top: 0px; margin-left: -25px; list-style-type: none;} 


#info {padding: 2px; margin-bottom: 10px; width:400px;}
#info-right {float: right; padding: 2px; margin-bottom: 10px;}
#video {float:right; width:auto; border: 2px solid #000; margin-left: 3px; clear: right; margin-bottom: 5px; text-align: center;}
#calendar {float:right; width:auto; margin-left: 3px;margin-bottom: 5px;}


/** 	Feed	 **/

#feeddiv ul li {margin-top: 2px; margin-left: -25px; color:#000; list-style-type: disc;} 
#feeddiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	width: 99%;
	text-align:left;}
	
.feed {color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}

.feed a:link {color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}

.feed a:active {color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;}

.feed a:visited {color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;}

.feed a:hover{color: #000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}

.archiver {text-align: center;
	float:right;
	width:330px;
	border: 2px solid #123;
	padding: 1px;
	margin-bottom: 5px;}

.archivel {text-align: left;
	float:left;
	width:345px;
	border: 2px solid #123;
	margin-right: 2px;
	padding: 2px;
	margin-bottom: 5px;
	clear: right;}



/** 	Team Lists	 **/
#teamlist ul, li {margin-top: 5px; margin-left: -10px; color:#000;} 
#teamlistdiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	width: 99%;
	text-align:right;}




a.teams:link {color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}

a.teams:active {color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;}

a.teams:visited {color: #808080;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;}

a.teams:hover {color: #123;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;}



/** 	Rounded Styles	 **/


h2.black{ margin:0px;
padding:0px;
border:0px; 
}

h2.black{ 
text-align: center;
margin:0px;
padding:0px;
border:0px;
color:#FFF;
font-size:14px;
display:block;
background:url(images/h2_black.gif) top left no-repeat #000; }

h2.black span{
padding:5px 10px;
background:url(images/h2_span_black.gif) top right no-repeat;
display:block;
}

div.black {
background:url(images/red_bg_left.gif) bottom left no-repeat #C00000;
font-size:12px; 
text-align: left;
padding-left: 5px;}

div.black span{
background:url(images/red_bg_right.gif) bottom right no-repeat;
padding:3px;
display:block; }


h2.grey{ 
margin: 0px;
padding:0px;
border:0px; }

h2.grey{ 
margin: 0px;
padding:0px;
border:0px;
color:#FFF;
font-size:13px;
display:block;
background:url(images/h2_grey.gif) top left no-repeat #C0C0C0; }

h2.grey span{
padding:5px 10px;
background:url(images/h2_span_grey.gif) top right no-repeat;
display:block;
}

div.grey {
background:url(images/grey_bg_left.png) bottom left no-repeat #C0C0C0;
font-size:12px; 
text-align: center;}

div.blue grey{
background:url(images/grey_bg_right.png) bottom right no-repeat;
display:block; }



/** 	Right Hand Styles	 **/


.fundsr {
	float:right;
	width:210px;
	text-align: center;
	padding: 2px;
	font-size: 12px;
}



.funds-head {
	background-color:#960606;
	width: 202px;
	text-align: left;
	padding: 3px;
	font-weight:600;
	font-size: 14px;
	color:#FFF;}


.r_hr {
	background: #C80000;
	background-repeat: repeat-x;
	height: 3px;
	width: 180px;
	border:none;
}

#spotlight {
	position: relative;
	font-size: 12px;
	text-align: center;
	width: 186px;
	padding: 2px;
}

.funds {
	position: relative;
	text-align: center;
	width: 176px;
	padding: 2px;
	margin-bottom: 58px;
	margin-top: -5px;}

.tesco {
	position: relative;
	text-align: center;
	background-color: silver;
	padding: 2px;
	margin-bottom: 10px;
	margin-top: 5px;
	border-bottom: medium solid black;}

.rbox {
	position: relative;
	font-size: 12px;
	text-align: center;
	width: 176px;
	padding: 2px;
}

.r-head {
	font-size: 14px;
	font-weight:700;
	color:#fff;
	background:url(images/right.jpg) top repeat-x;
	padding: 2px 0px;
	width: 182px;
	text-align: center;
}

.homer {
	float:right;
	width:185px;
	text-align: center;
	padding: 2px 0px;
	font-size: 12px;
}

.sectionr {
	float:right;
	width:198px;
	text-align: center;
	padding: 2px 0px;
	font-size: 12px;
}

.team-right {margin-top:330px;
	position:absolute;
	left: 775px;
	width:198px;
	text-align: center;
	padding: 2px 0px;
	font-size: 12px;
}


.sectionr-head {
	background-color:#000;
	width:180px;
	text-align: left;
	padding: 3px;
	font-weight:600;
	font-size: 14px;
	color:#FFF;
}
.redlist {color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}

.right-list {
	font:11px Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #C00000;
	text-align: left;
	list-style-type: disc;
	margin-left: -30px;
}

.spotlightq {font: 13px Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #C00000;}

.spotlighta {font: 12px Arial, Helvetica, sans-serif; color: black;}


.lquotebox {background-color: black; color: white; font: 11px Arial, Helvetica, sans-serif; font-weight: 600; width:120px; float: left; margin: 5px 10px; padding: 2px; border: medium ridge silver;}
.rquotebox {background-color: black; color: white; font: 11px Arial, Helvetica, sans-serif; font-weight: 600; width: 110px; float: right; margin: 5px 15px; padding: 3px; border: medium ridge silver;}


a.footer:link {color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px;  font-weight: bold; text-decoration: none;}
a.footer:active {color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px;   text-decoration: none; font-weight: bold;}
a.footer:visited {color: #808080; font-family: Arial, Helvetica, sans-serif; font-size: 10px;   text-decoration: none; font-weight: bold;}
a.footer:hover{color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px;    text-decoration: underline; font-weight: bold;}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:195px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


.black {font: 12px arial, tahoma, helvetica, sans-serif;color:#000; font-weight:700;}


a.rollover img {height: 120px;}
a.rollover:hover > img {height: 300px;}	

.date {position: relative; float: right; padding: 2px; text-align: center; margin: 3px; background-color:#FFF; clear: right; }

.floatl {float: left; padding: 1px; font: 12px arial; color: #000; border: 1px solid #FF0000; text-align: center; margin-right: 20px; }
.floatr {position: relative; float: right; padding: 1px; font: 12px arial; color: #000; border: 2px solid #000; text-align: center; margin: 3px 0px 3px 3px; background-color:#FFF; clear: right; width: 220px;}


.hr-black {height: 2px; color: #000; background-color: #000;}
.hr-red {height: 1px; color: #c00000; background-color: #c00000;}


.