/* - - - - - - - - - - - - - - - - - - - - -

Title : Lancshire GAA County Board (u.k.)
URL : http://www.lancashiregaa.co.uk

Author : Marcus Allen and Richie Coss
Author URL : http://www.professionalidentity.co.uk

Description : Full site styles

- - - - - - - - - - - - - - - - - - - - - */


/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

html {
	padding: 0;
	margin: 0;
	}

body {
	font: 62.5%/1.4em arial, verdana, helvetica, sans-serif;
	font-family: Arial;
    background-color: #fff;
    color: #444;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.2em;
	background: url(images/grass.jpg) repeat;
	color: #000;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}


/*
----------------------------------------------------------------------------- 
Overall Site Layout
-----------------------------------------------------------------------------*/

#wrapper {
	background: #ffffff ;
	width: 977px;
	margin: 0 auto 0 auto;
	padding: 0;
	}
	
#header {
	background: url(images/lancashiregaa-header.gif) no-repeat 0 0;
	height: 140px;
	text-align: left;
	z-index:0;
	}
div#header_view_port {
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	width: 977px;
	height: 140px;
	position: absolute;
	top: 0px;
	z-index:1;
	}

#contentWrapperWide {
	background: #000000;
	float: right;
	width: 100%;
	text-align: left;
	min-height: 600px;
	margin: auto;
	}
	#contentWide {
		font: 1.4em/1.8em arial, helvetica, verdana, sans-serif;
		margin: 0 235px 3.5em 145px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
		}
		#contentWide div.innertube {
			background: url(images/bgLatestSHeader.gif) repeat-x 0 0;
			padding: 0 8px 8px 9px;
			text-align: left;
			margin: 9px 8px 0 auto;
			border: 1px solid #003366;
			min-height: 400px;
			}

#contentWrapper {
	float: left;
	width: 100%;
	text-align: left;
	min-height: 600px;
	}
	#contentColumn {
		font: 1.4em/1.8em arial, helvetica, verdana, sans-serif;
		margin: 0 235px 3.5em 145px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
		}
		#contentColumn div.innertube {
			background: url(images/bgLatestHeader.gif) repeat-x 0 0;
			padding: 0 8px 8px 9px;
			text-align: left;
			margin: 9px 8px 0 auto;
			border: 1px solid #003366;
			min-height: 317px;
			}
		#leftColumn {
			font: 1.1em/1.3em arial, helvetica, verdana, sans-serif;
			background: #fff;
			float: left;
			width: 145px; /*Width of left column in pixel*/
			margin-left: -977px; /*Set margin to that of -(WrapperWidth)*/
			text-align: left;
			min-height: 600px;
			}
		#rightColumn {
			font: 1.1em/1.3em arial, helvetica, verdana, sans-serif;
			background: #338b27 ;
			float: left;
			width: 235px; /*Width of right column*/
			margin-left: -235px; /*Set left margin to -(RightColumnWidth)*/
			text-align: center;
			min-height: 500px;
			}
			#rightColumn .innertube {
				padding: 8px 8px 8px 9px;
				text-align: left;
				margin: 0 auto 0 auto;
				}

#footer {
	font: 1.1em arial, helvetica, verdana, sans-serif;
	clear: left;
	width: 100%;
	color: #999;
	text-align: right;
	}
	#footerMenu {
		background:  no-repeat 0 0;
		padding-right: 212px;
		height: 80px;
		padding-top: 10px;
		margin-bottom: 0;
		}
	#footerMenuWide {
		background: #ffffff url(images/bgFooterWide.gf) no-repeat 0 0;
		padding: 10px 10px 0 0;
		margin-bottom: 0;
		height: 20px;
		}
	
		
div#footer {
    background: url(images/bgFooter.jpg);
	color: white;
	padding: 10px 0 10px 0;
	margin: 0 ;
	text-transform: uppercase;
	}

/*
----------------------------------------------------------------------------- 
NAVIGATION - Main Site
-----------------------------------------------------------------------------*/

#navWrapper {
	background: url(images/bgTopMenu.gif) no-repeat top right;
	float: left;
	width: 977px;
	height: 27px;
	text-align: left;
	}


/* -- Top Menu -- */

#nav, #nav ul {
	background: url(images/bgTopMenuBegin.gif) no-repeat top left;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 27px;
	}

#nav li {
	cursor: pointer;
	background: url(images/bgPipe.gif) no-repeat 100% 0;
	}
	#nav li a {
		font: bold 11px arial, helvetica, verdana, sans-serif;
		color: #fff;
		display: block;
		text-decoration: none;
		padding: 6px 11px 7px 11px;
		}
			
#nav li a:hover { 
	color: #fff;
	text-decoration: underline;
	}

#nav li.selected a { 
	color: #0d2855;
	}
#nav li.selected a:hover { 
	color: #0d2855;
	text-decoration: none;
	}

#nav li ul a, #nav li ul a:visited {
	font: normal 11px arial, helvetica, verdana, sans-serif;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff;
	width: 160px;
	background: #338b27;
	}
#nav li ul a:hover { 
	color: #fff;
	background: #444;
	}

#nav li.selected ul a, #nav li.selected ul a:visited {
	font: normal 11px arial, helvetica, verdana, sans-serif;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #FFFFFF;
	width: 160px;
	background: #006f03;
	}
#nav li.selected ul a:hover { 
	color: #fff;
	background: #338b27;
	}

#nav li ul li div {  /* sub menu dividing titles */
	font: bold 12px arial, helvetica, verdana, sans-serif;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	width: 160px;
	background: #444;
	}

#nav li {
	float: left;
	padding: 0;
	}

#nav li ul {
	position: absolute;
	border-bottom: 1px solid #fff;
	left: -999em;
	height: auto;
	width: 176px;
	margin: 0;
	padding: 0;
	}

#nav li li {
	width: 150px;
	}

#nav li ul ul {
	margin: -1.90em 0 0 150px;
	}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
	z-index: 500;
	}

#nav li:hover, #nav li.sfhover { 
	color: #006f03;
	position:static;
	}

#nav li ul li:hover, #nav li ul li.sfhover { 
	background-image: none;
	background-color: #660000;
	}


/*-- Sub Navigation (default) --*/

#subNav {
	border: 1px solid #003366;
	}

ul#subNav  {
	background: url(images/bgLatestHeader.gif) repeat-x 0 0;
	margin: 9px 8px;
	width: auto;
	padding: 0;
	}

ul#subNav li {
	background: url(images/menuDivider.gif) repeat-x bottom left;
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	min-height: 28px;
	}
	ul#subNav li a {
	background: url(images/icnWhatsOnBox.gif) no-repeat 0 0;
	display: block;
	padding: 6px 10px 6px 20px;
	margin: 0;
	}
	ul#subNav li.selected {
		background: #f9f9f9 url(images/menuDivider.gif) repeat-x bottom left;
		font-weight: bold;
		}

ul#subNav li.parentItem {
	font: bold 12px/28px arial, verdana, helvetica, sans-serif;
	color: #fff;
	background: none;
	list-style: none;
	text-transform: uppercase;
	display: block;
	padding: 0;
	padding-left: 8px;
	}
	
ul#subNav li ul {
	margin: 0;
	padding: 0;
	}
	ul#subNav li ul li, ul#subNav li.selected ul li  {
		background-image: none;
		margin: 0;
		padding: 0;
		}
		
		ul#subNav li ul li a, ul#subNav li.selected ul li a {
			background-image: none;
			font-weight: normal;
			}
		ul#subNav li.selected ul li.selected a {
			background: #dfdfdf;
			font-weight: bold;
			}
		
div#side_fix{
	font: 85%/0.85em arial, verdana, helvetica, sans-serif; 
	text-align: left;
	margin: 10px 10px 10px 10px;
}
div#side_fix div.fix {
	font: 95%/0.95em arial, verdana, helvetica, sans-serif; 
	text-align: center;
	margin: 5px 5px 5px 5px;
}
div#side_fix div.date {
	font: 125%/1.25em arial, verdana, helvetica, sans-serif; 
	text-align: center;
	margin: 5px 5px 5px 5px;
}
div#side_fix div.time_venue {
	font: 95%/0.95em arial, verdana, helvetica, sans-serif; 
	text-align: right;
	margin: 5px 5px 5px 5px;
	font-weight:lighter;
	font-style:italic
}
/*
----------------------------------------------------------------------------- 
HEADINGS - Default
-----------------------------------------------------------------------------*/

h1 {
	font: bold 1.6em arial, verdana, helvetica, sans-serif;
	margin: 2em 0 1em 0;
	}

h1.logo {
	display: block;
	width: 418px;
	height: 140px;
	text-indent: -999em;
	background: transparent url(images/lancashire-logo-regular.pn) no-repeat 0 0;
	margin: 0;
	padding: 0;
	}
h1.logo a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	}

h1#pageTitle {
	font: bold 12px/28px arial, verdana, helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	color: #fff;
	display: block;
	height: 28px;
	line-height: 28px;
	}
	
h2 {
	font: bold 1.2em/1.3em arial, verdana, helvetica, sans-serif;
	color: #ae8809;
	margin: 2em 0 1em 0;
	padding: 0;
	}

.post h2 {
	margin-bottom: 0;
	margin-top: 1em;
	font-family: Verdana;
    background-color: #fff;
    color: #444;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.2em;
    font-size: 1.3em;
	}


h3 {
	font: bold 1.1em/1.2em arial, verdana, helvetica, sans-serif;
	color: #000;
	margin: 2em 0 1em 0;
	padding: 0;
	}

/*
----------------------------------------------------------------------------- 
CONTENTS - Default
-----------------------------------------------------------------------------*/

hr {
	border: 0;
	border-top: 1px dotted #999;
	margin: 5px 0;
	height: 1px;
	clear: both;
	}	

/*-- Right Column --*/


	
#tables  {
	background: url(images/tabLinks.jpg) no-repeat;
	display: block;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
	width: 100%;
	}

	


/*----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/

a {
	color: #ae8809;
	outline: none;
	
	}
a:hover {
	color: #999;
	}

#footer a {
	color: #ffffff;
	}
#footer a:hover {
	color: #000000;
	}
	
div.uppercase { text-transform: uppercase; }
div.nowrap { white-space: nowrap; }
div.whitebg { background:#FFFFFF; }
table { empty-cells:show; }

/* Old site requirements */
.left   { text-align: left }
.right   { text-align: right }
.center   { text-align: center }
.highlight      { 	color: #FF0000;	background-color: #FFFF00; font-weight: bold; text-align: center; font-size: 10pt; }
.highishlight      { 	color: #FF0000;	font-weight: bold; text-align: center; font-size: 10pt; }
.white     { color: #fff; }

.floatright {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #666;
	padding: 2px;
}
.floatleft {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #666;
	padding: 2px;
}

H1.blue     { color: #338b27; }
H2.blue     { color: #338b27; }
H3.blue     { color: #338b27; }
H4.blue     { color: #338b27; }
H5.blue     { color: #338b27; }
H6.blue     { color: #338b27; }
H5.centerblue     { color: #338b27; text-align: center }

TD.formDesc { text-align: right }
TD.formEntry { text-align: left }

TD { font-size:11px; font: arial, verdana, helvetica, sans-serif; }
	TD H5 { font-size:12px; }
	TD H6 { font-size:12px; }
	TD P { font-size:12px; margin-left: 15px; margin-right: 15px; }

H1,H2,H3,H4,H5,H6     { margin-left: 15px;  margin-right: 15px;}
	H1     { text-align: center }
	H2,H3,H4,H5,H6     { text-align: left }

A      { text-decoration: none }
	A.blue { color: #338b27;  }
	A.smallblue { color: #338b27; }
	A:hover { background-color: #338b27; color: #FFFFFF; text-decoration: none }

P      { font-size:12px; font: arial, verdana, helvetica, sans-serif; margin-left: 15px; margin-right: 15px; text-align: left }
	P.smallblue { color: #338b27; margin-right: 0px; text-align: left }
	P.link      {  cursor: hand; text-decoration: underline; text-align: center }


.actionbuttonssmall {background-color: #338b27;border: 0px;color: White;width: 25px;height: 20px;font-size: 9px;}
.actionbuttonsbig {background-color: #338b27;border: 0px;color: White;width: 45px;height: 20px;font-size: 9px;}
.yearokbutton {background-color: Gray;border: 0px;color: White;width: 15px;height: 20px;font-size: 9px;}
.daybuttons {border: 0px;width: 25px;height: 15px;background-color: #EEEEEE ;background: #EEEEEE ;font-family: Tahoma;font-size: 12px;position: relative;}
.presseddaybutton {border: 1px;width: 27px;height: 17px;background: white ;font-family: Tahoma;font-size: 12px;position: relative;}
.caltable {border: 0px;background-color: #eeeeee;font-family: Tahoma;font-size: 12px;}
.monthyear {border: 0px;background-color: Silver;font-family: Tahoma;font-size: 12px;align :center}

#userentry {
width: 500px;
margin: auto;
}


#controls {
text-align: center;
padding: 3px;
background: #207070;
}

#TA1 {
width: 500px;
height: 300px;
font: 200 12px arial, sans-serif;
padding: 6px;
border: 5px #fff dashed;
background: #f0f0ff;
overflow: auto;
}
.news_sub-heading {
font: small-caps #000 12px arial, sans-serif;
text-decoration: underline;
padding-left: 15px;
}
/*-- CSS Validation --*/
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>

/*-- League Table Style --*/

table#leaguetable, table#leaguetable th, table#leaguetable td, table.calendar, table.calendar th, , table.calendar td {
	border-color: #006f03;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}
table#leaguetable, table.calendar {
	background-color: #F0FFF0;
}
table#leaguetable th, table#leaguetable th a, table.calendar th, table.calendar th a {
	background-color: #338b27;
	color:#FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center;
}
table#leaguetable td {
	width: 22px;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center;
}
table.calendar td {
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center;
}
table#leaguetable td#leaguename {
	width: 100%;
}
table#leaguetable td#leaguename a {
	font: bold 1.2em/1.3em arial, verdana, helvetica, sans-serif;
	color: #ae8809;
}
table#leaguetable tr#even {
	background-color:#D0FFD0;
}

table#leaguetable tr:hover, table#leaguetable tr#even:hover, table#leaguetable td#leaguename a:hover, table#leaguetable td a:hover {
	background-color:#B0FFB0;
	cursor: pointer;
}
table#leaguetable td#leaguetableclub, table#leaguetable th#leaguetableclub {
	width: 100px;
	text-align:left;
}