*, html, body {
	margin: 0;
	padding: 0;
}

body {
/*	background: url(/images/common/background_grad.jpg) repeat-x; */
	text-align: center;
	font-family: 'Century Gothic';
	font-size: 12px;
	background-color: #000;
	visibility: visible;
}

#rightTD { width: 340px; }
#leftTD { padding-right: 5px; }

.green { color: #060; }

.newsList {
	border-collapse: collapse;
}
.newsList tr td {
	border-bottom: 1px #009900 solid;
	padding: 5px;
}
.newsList img {
	float: left;
	margin-right 10px;
}

.newsLine {
	margin-left: 120px;
}
.textBox {
	font-family: 'Century Gothic';
	font-size: 9pt;
	background-color: #DBF0DF;
	border: 1px solid #020202;
}

.eventItem { height: 1%; overflow: hidden; }
.eventItem img { float: left; margin-right: 10px; }
#eventsList .eventItem { margin: 0 0 10px 0; border: 1px solid #060; padding: 5px 5px 5px 5px; }
#eventsList .alternate { background-color: #f0fff0; }
#eventsList p { margin-bottom: 10px; margin-left: }

#shopPage {	width: 590px; margin: 0 100px; }
#shopPage table {width: 100%; }

.history {
	border: 1px solid #060;
	width: 336px;
}

.history p {
	padding: 0 10px 10px;
}

h5 { font-size: 15px; }

#container {
	width: 960px;
	text-align: left;
	margin: 20px auto;
}

#ticker {
	border-width: 8px 8px 0 8px;
	border-color: #069B57;
	border-style: solid;
	background-color: #000000;
	color: #fff;
	padding: 5px;
}

#ticker a {
	text-decoration: underline;
	color: #fff;
}

#topMenu {
	border-width: 8px 8px 0 8px;
	border-color: #069B57;
	border-style: solid;
	border-bottom: 1px solid #fff;
	color: #fff;
	padding: 5px;
}

#bodyCopy {
	float: left;
	width: 807px;
	background-color: #fff;
	padding: 5px;
	border-right: 5px solid #069B57;
}

#bodyCopyHome {
	float: left;
	width: 822px;
	background-color: #fff;
}

#bodyCopy a {
	color: #666;
}

#bodyCopy a:hover {
	color: #000;
}

#rightAd {
	width: 120px;
	float: right;
	border-width: 0 1px 1px;
	border-color: #fff;
	border-style: solid;
}

#bodyContainer {
	border-width: 0 8px 8px;
	border-color: #069B57;
	border-style: solid;
	background: #069B57;
	float: left;
}

#rightAdImg {
	border: 1px solid #000099;
}

#sponsors {
	float: left;
	display: none;
}

#footer {
	float: left;
	clear: left;
	width: 822px;
	color: #fff;
	padding: 5px 0 0;
	text-align: center;
}

#footer a {
	color: #fff;
}

#sponsorTable {
	border-collapse: collapse;
	float: left;
	width: 820px;
	bottom: 0;
	position: relative;
	border-right: 4px solid #069b57;
}

#sponsorTable .sponsorHeader {
	background-color: #069B57;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
}

.whiteBackground { background-color: #fff; }
.whiteBackground img { margin: 0 2px; }

#leftBox, #midBox, #rightBox {
	float: left;
	border-top: 5px solid #069B57;
	border-right: 5px solid #069B57;
	min-height: 245px;
	height: 245px; /* IE6 hack */
}
#midBox, #rightBox {
	min-height: 149px;
	height: 149px;
}

#leftBox { width: 425px; }
#midBox, #rightBox { width: 191px; }
#midBox { text-align: center; }
#midBox h1 { font-size: 14px; font-weight: bold; margin: 5px 0; }
#midBox p, #midBox p a { color: #999; font-weight: bold; }
#midBox img { margin-top: 5px; }
#rightBox {	background: url(/images/ads/events.jpg) no-repeat 10px 5px; }
#rightBox p { margin: 10px 0 0 20px; }
#rightBox p#top { margin-top: 60px; }

#topBoxBanner, #bottomLeftBoxBanner, #bottomRightBoxBanner {
	float: left;
	height: 92px;
	width: 425px;
	border-top: 5px solid #069B57;
	border-right: 5px solid #069B57;
}
#topBoxBanner {
	height: 91px;
}
#topBoxBanner, #bottomRightBoxBanner {
	width: 387px;
	position: relative;
}
#bottomRightBoxBanner {
	background: url(/images/front_page/rovers-rant.jpg) no-repeat #069B57;
	color: #fff;
	font-weight: bold;
}

#bodyCopyTopTable {
	border-collapse: collapse;
	height: 258px;
	width: 822px;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
	background-color: #ccc;
}

#bodyCopyTopTable p {
	padding: 5px 0;
}

#frontPageTables {
	 margin: 0;
	 padding: 0;
	 border-collapse: collapse;
	 background-color: #82cc8f;
	 width: 200px;
}

#frontPageTables td {
	 border-bottom: 1px solid #fff;
	 padding: 2px 5px;
}

#frontPageTables a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

td { vertical-align: top; }

.formElement {
	font-size: 12px;
	color: #333;
	font-family: 'Century Gothic';
}

.underlineCells td {
	border-bottom: 1px solid #e0e0e0;
	padding: 2px;
}

.underlineCells {
	border-collapse: collapse;
}

#latestResult {
	text-align: center;
	padding: 5px;
}

#nextFixture {
	text-align: center;
	padding: 5px;
}

.blackBorder {
	border: 1px solid #000;
}

ul, ol, blockquote {
	margin-left: 25px;
}

.checkboxMargin {
	margin-left: 20px;
}

.small-spacey p {
	font-size: 11px;
	line-height: 15px;
}

div.hr { height: 1px; border: 0; color: #fff; background-color: #fff; clear: right; padding: 0; margin: 2px 0 2px 210px; width: 215px; }
div.hr hr { display: none; }

#youthMenu {
	width: 160px;
	text-align: center;
	float: left;
	margin-right: 20px;
}
#youthMenu ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
#youthMenu ul li {
	background-color: #333333;
	margin-bottom: 5px;
	padding: 2px;
}
#youthMenu ul li:hover {
	background-color: #949e7c;
}
#youthMenu a {
	text-decoration: none;
	color: #fff;
	font-size: 10px;
}
#youthMenu a:hover {
	color: #fff;
}
.subHeader {
	border-collapse: collapse;
}
.subHeader th {
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: normal;
}
.subHeader td {
	padding: 5px;
}
.subHeaderMid {
	height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #069B57;
}
#youthFoot {
	clear: left;
}
#youthFoot table table {
	background-color: #fff;
	background-image: url(/images/common/background_grad_short.jpg)
}
#youthFoot table table td {
	padding: 5px;
	background-color: #fff;
}
#youthFoot table table th {
	text-align: center;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:944px; height:25px; font-size:0.85em; position:relative; z-index: 100;
	border-width: 8px 8px 0 8px;
	border-color: #069B57;
	border-style: solid;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:945px; w\idth:944px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:110px;}
* html .menu ul ul {width:104px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:110px;position:relative;}
* html .menu li {width:104px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:110px; height:23px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#333; text-align: center; line-height:22px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:93px;}

.menu ul ul a, .menu ul ul a:visited { text-align: left; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(/images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(/images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(/images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html .menu ul ul {top:24px;t\op:25px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}