/* Workington Town RLFC CSS Layout - This stylesheet only contains the structure of the website
Created by JJ Media (John Flanagan and James Gordon) */

body {
	background-color:#4169E1;
	background-image:url(images/topbanner.gif);
	color:#172458;
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:0px;
	margin-bottom:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}

a:link {
	color: #172458;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #172458;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #172458;
}

form.search {
	width:250px;
	margin-top:-2px;
	padding:0px;
	margin-bottom:0px;
}

form.thunderstruck {
	padding-top:10px;
	margin-bottom:0px;
	margin-top:0px;
}

input.newslettertxt {
	border:1px solid #172458;
	text-align:center;
	color: #172458;
	padding:2px;
	font-size:1em;
	margin-bottom:5px;
	margin-left:3px;
	width:140px;
	background-color:#ffffff;
}

input.newsletterbtn {
	font-size:10px;
	background-color:#ffffff;
	color:#172458;
	border:1px solid #172458;
	width:80px;
}

input.txt {
	width:100px;
	font-size:9px;
	height:13px;
	border:1px solid #172458;
	padding-bottom:1px;
	padding-top:-1px;
	padding-left:1px;
	padding-right:1px;
}

input.btn {
	font-size:10px;
	background-color:#ffffff;
	color:#172458;
	border:1px solid #172458;
	width:20px;
}


input.directionstxt {
	width:100px;
	font-size:10px;
	border:1px solid #172458;
	padding-bottom:1px;
	padding-top:-1px;
}

input.directionsbtn {
	font-size:10px;
	font-weight:bold;
	background-color:#172458;
	color:#FFFFFF;
	border:1px solid #172458;s
}

#outerwrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	padding:12px;
	background-color:#6787E7;
}

#bgspacer {
	/*background-image:url(images/bgspacer.gif);
	background-repeat:repeat;*/
}

#innerwrapper {
	font-size:120%;
	background-color:#FFFFFF;
}

#mainbanner {
	height:76px;
	background-image:url(images/mainbanner.gif);
	background-repeat:no-repeat;
}

#addressbar {
	height:22px;
	background-image:url(images/addressbackground.gif);
	background-repeat:no-repeat;
	padding-top:9px;
	text-align:center;
	font-weight:bold;
	letter-spacing:2px;
	font-size:12px;
	color:#172458;
}

#purple_spacer {
	font-size:0px;
	height:3px;
	background-color:#3058D0;
}

/* This code controls the search, welcome text and date positioning */

#searchbar {
	height:17px;
	font-size:11px;
	font-weight:bold;
	background-image:url(images/searchbannerbg.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
}

.leftsearch {
	width:250px;
	text-align:left;
	padding-left:10px;
	padding-top:2px;
	float:left;
	height:17px;
}

.centersearch {
	width:440px;
	padding-top:2px;
	float:left;
	text-align:center;
}

.rightsearch {
	text-align:right;
	padding-right:10px;
	padding-top:2px;
	width:250px;
	float:right;
}

/* This is the wrapper that contains the naviagtion, content and advertisers */

#contentwrapper {	
	margin-top:7px;
	background-color:#FFFFFF;
	background-image:url(images/bgspacer.gif);
	background-repeat:repeat-y;
	/* Hides from IE-mac \*/
height: 1%; /* peekaboo hack / Holly hack */
/* End hide from IE-mac */
}

/* These are the navigation classes for the left hand side of the site */

.leftnav {
	width:121px;
	/*border-right: 2px solid #CCCCCC;*/
	padding-left:5px;
	float:left;
}

ul {
	margin-top:0px;
}

li.nav {
	list-style-type:none;
	border-bottom:1px dotted #6787E7;
	font-size:11px;
	padding-left:3px;
	margin-left:-40px;
	width:111px;
	color:#6787E7;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}

li.nav:visited {
	color:#6787E7;
}

/* This controls any validation buttons underneath the navigation */

.validimage {
	text-align:center;
	padding:5px;
}
/* These classes contain the main centre content of the site. */

.content {
	width:490px;
	/*border-right:2px solid #CCCCCC;*/
	padding-left:5px;
	padding-right:5px;
	float:left;
	min-height:600px;
	height:auto !important;
	height:600px;
}



/* These classes control the styling of the tables, statistics and newsletter etc... sections of the page */

.elements {
	width:164px;
	/*border-right:2px solid #CCCCCC;*/
	padding-left:5px;
	padding-right:5px;
	float:left;
}

.leaguesmall {
	text-align:center;
	line-height:150%;
}

.leaguesmall th {
	font-weight:bold;
}

.leaguesmall td {
	font-weight:normal;
}

.leaguesmall tr.light {
	background-color: #455079;
}

.leaguesmall tr.dark {
	background-color: #2F3A69;
}

.statssmall {
	text-align:center;
	margin-bottom:2px;
	line-height:150%;
}

.statssmall th {
	font-weight:bold;
	background-color: #8890AF;
}

.statssmall td {
	font-weight:normal;
}

.statssmall tr.light {
	background-color: #8890AF;
}

.statssmall tr.dark {
	background-color: #616B95;
}

/* These classes control the styling of the adverts down the right hand side of the site */

.adverts {
	width:150px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}

.advertslow {
	width:150px;
	float:left;
	position: relative;
	padding-left:5px;
	padding-right:5px;
}

/* This class contains the video feed */

.videobox {
	width:325px;
	float: left;
	background-color: #FFFFFF;
	padding-left:5px;
	background-image:url(images/videoload.gif);
	background-repeat:no-repeat;
}

.videoboxbottom {
	height:7px;
	font-size:0px;
	margin-bottom:5px;
	background-image:url(images/videoboxbottom.gif);
	background-repeat:no-repeat;
}

.video {
	background-color:#FFFFFF;
}

/* This class breaks up the grey line above and below the video */

#videowhitespacer {
	height: 5px;
	font-size: 0px;
	background-color: #FFFFFF;
}

/* This class includes the background image for the rounded corner at the bottom of the site  */

#bottombanner {
	background-image:url(images/bottombanner.gif);
	background-repeat:no-repeat;
	height:13px;
	padding:10px;
	text-align:center;
	font-size:11px;
}

/* This class clears the floats */

#floatclear {
	clear:both;
}

	
/* ----- Homepage - Centre Column----- */

.recentnews {
	background-color: #EEEEEE;
	margin-bottom:5px;
	background-image:url(images/default.gif);
	background-repeat:no-repeat;
}

.stripes {
	background-image:url(images/stripes.gif);
	background-repeat:repeat-x;
	height:9px;
	font-size:0px;
	margin-bottom:5px;
}

.homeboxtitle {
	height:16px;
	background-image:url(images/searchbannerbg.gif);
	background-repeat:repeat-x;
	font-size:11px;
	padding-top:3px;
	padding-left:5px;
	font-weight:normal;
	color:#fff;
}

.homeboxcontent {
	min-height:112px;
	height:auto !important;
	height:112px;
	padding:3px;
	border-left:2px solid #4169E1;
	border-right:2px solid #4169E1;
	font-size:11px;
	color:#172458;
}

.homeboxbottom {
	height:7px;
	font-size:0px;
	margin-bottom:5px;
	background-image:url(images/homeboxbottom.gif);
	background-repeat:no-repeat;
}


/* This is the code for the three boxes half way down the middle column on the homepage */

.leftcol {
	float: left;
	width: 160px;
}

.midcol {
	float: left;
	width: 160px;
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
}

.rightcol {
	float: right;
	width: 160px;
}


/* ----- Element Section ----- */

.purpletop {
	height:3px;
	font-size:0px;
	background-image:url(images/elementbluetop.gif);
	background-repeat:no-repeat;
}

.smallpurpletop {
	height:3px;
	font-size:0px;
	background-image:url(images/smallpurpletop.gif);
	background-repeat:no-repeat;
}

.purplebottom {
	height:3px;
	font-size:0px;
	background-image:url(images/elementbluebottom.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
	margin-top:0px;
	padding-top:0px;
	background-color:#4169E1;
}

.smallpurplebottom {
	height:3px;
	font-size:0px;
	background-image:url(images/smallpurplebottom.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
}

.purplecontent {
	min-height:50px;
	height:auto !important;
	height:50px;
	text-align:center;
	font-size:10px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	background-color:#4169E1;
	color:#FFFFFF;
	line-height:150%;
	margin-bottom:0px;
	padding-bottom:5px;
}

.yellowtop {
	height:3px;
	font-size:0px;
	background-image:url(images/elementlightbluetop.gif);
	background-repeat:no-repeat;
}

.yellowbottom {
	height:3px;
	font-size:0px;
	background-image:url(images/elementlightbluebottom.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
	margin-top:0px;
}

.smallyellowtop {
	height:3px;
	font-size:0px;
	background-image:url(images/smallyellowtop.gif);
	background-repeat:no-repeat;
}

.smallyellowbottom {
	height:3px;
	font-size:0px;
	background-image:url(images/smallyellowbottom.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
}

.yellowcontent {
	min-height:100px;
	height:auto !important;
	height:100px;
	text-align:center;
	font-size:10px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	background-color:#6787E7;
	color:#ffffff;
	line-height:150%;
	padding-bottom:5px;
}

.threewhiteline {
	background-color:#FFFFFF;
	font-size:0px;
	height:3px;
	margin-top:5px;
	margin-bottom:5px;
}

.threepurpleline {
	background-color:#6787E7;
	font-size:0px;
	height:3px;
	margin-top:5px;
	margin-bottom:5px;
}

.elementtitle {
	font-size:10px;
	font-weight:bold;
}

.darkblueadvert {
	height:92px;
	background-image:url(images/darkblueadvert.gif);
	background-repeat:no-repeat;
	margin-bottom:6px;
}

.purpleadvertlarge {
	height:133px;
	background-image:url(images/purpleadvertlarge.jpg);
	background-repeat:no-repeat;
	margin-bottom:6px;
}

.lightblueadvert {
	height:92px;
	background-image:url(images/lightblueadvert.gif);
	background-repeat:no-repeat;
	margin-bottom:6px;
}

/* ----- RSS Ticker Styling ----- */

.bbcclass {
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
	-moz-opacity: 0.8;
}

.headlinetitle {
	font-weight:bold;
}

/* Actual Content */

.actualcontent {
	padding:5px;
	
	background-color:#FFFFFF;
}

/* Banner Content */

.nextthree {
	height:56px;
	width:492px;
	margin-left:234px;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

.nextmatch {
	width:162px;
	height:56px;
	border-right:2px solid #FFFFFF;
	float:left;
	font-size:10px;
	text-align:center;
}

.nextmatchright {
	width:162px;
	height:56px;
	float:right;
	font-size:10px;
	text-align:center;
}

.lastmatch {
	float:right;
	width:150px;
	height:66px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:#172458;
	font-size:10px;
}

.lastmatchunderline {
	text-decoration:underline;
}

.sponsors {
	text-align:center;
	width: 100%;
}

.forumbox {
	background-image:url(images/forumbg.gif);
	background-repeat:no-repeat;
}

.forumbox a, .forumbox a:link, .forumbox a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

.forumbox a:hover {
	color:#F2E878;
	text-decoration:underline;
}

.datetext {
	font-size:10px;
	color:#999999;
}