body {
	margin: 0 auto;
	background: #FFF url(../images/body-bg.png) repeat-x left top;
	font: 62.5%/1.5 "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #333;
	text-align: center;
}

/* @group Global Elements */

img { border: none; }

.inline-image {
	float: right;
	margin: 0 10px;
}

h3 { 
	font-size: 1.7em;
	margin-bottom: 0;
}

blockquote {
	padding: 10px 15px;
	background: #FAFAFA;
	border: 1px solid #DDD;
	border-width: 1px 0;
}

hr {
	clear: both;
	border: 1px solid #FFF;
}

.date {
	display: block;
	font-size: 1.2em;
	color: #666;
}

.date abbr { border: none; }

.even { background: #F0F2F9; }

#header, #main, #footer {
	width: 970px;
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
	overflow: auto;
}

/* @end */

#header {
	position: relative;
	height: 170px;
}

#header h1, #header h2 {
	margin: 0;
	padding: 0;
}

#header h1 {
	position: absolute;
	top: -1px;
	left: 10px;
}

#header h1, #header h1 a {
	display: block;
	width: 182px;
	height: 129px;
}

#header h2 {
	float: right;
	width: 325px;
	height: 84px;
	margin: 10px 10px 0;
}

#branding {
	margin-top: 19px;
	height: 94px;
	background: url(../images/branding-bg.png) no-repeat 50% 50%;
}

/* @group Navigation */

#primary-navigation, #secondary-navigation {
	margin: 0;
	padding: 0;
	list-style: none;
}

#primary-navigation li, #secondary-navigation li {
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}

#primary-navigation li a, #secondary-navigation li a {
	float: left;
	display: block;
	text-indent: -9999em;
	overflow: auto;
}

#primary-navigation {
	position: absolute;
	top: -1px;
	right: 0;
	height: 20px;
}

#primary-navigation li a {
	height: 20px;
	background-image: url(../images/primary-navigation-bg.png);
	background-repeat: no-repeat;
}

#nav-home { width: 51px; }
#nav-home:hover { background-position: left bottom; }
#nav-about { width: 57px; background-position: -51px top; }
#nav-about:hover { background-position: -51px bottom; }
#nav-schedule { width: 74px; background-position: -108px top; }
#nav-schedule:hover { background-position: -108px bottom; }
#nav-standings { width: 80px; background-position: -182px top; }
#nav-standings:hover { background-position: -182px bottom; }
#nav-clubs { width: 53px; background-position: -262px top; }
#nav-clubs:hover { background-position: -262px bottom; }
#nav-gallery { width: 107px; background-position: -315px top; }
#nav-gallery:hover { background-position: -315px bottom; }
#nav-media { width: 91px; background-position: -422px top; }
#nav-media:hover { background-position: -422px bottom; }
#nav-eoru { width: 90px; background-position: -513px top; }
#nav-eoru:hover { background-position: -513px bottom; }
#nav-contact { width: 71px; background-position: -603px top; }
#nav-contact:hover { background-position: -603px bottom; }

#secondary-navigation { height: 40px; margin: 0 8px; }

#secondary-navigation li a {
	height: 40px;
	margin: 0 2px;
	background-image: url(../images/secondary-navigation-bg.png);
	background-repeat: no-repeat;
}

#nav-mens { width: 63px; }
#nav-mens:hover { background-position: left bottom; }
#nav-jrmens { width: 80px; background-position: -88px top; }
#nav-jrmens:hover { background-position: -88px bottom; }
#nav-play { width: 153px; background-position: -168px top; }
#nav-play:hover { background-position: -168px bottom; }
#nav-womens { width: 84px; background-position: -321px top; }
#nav-womens:hover { background-position: -321px bottom; }
#nav-youth { width: 64px; background-position: -405px top; }
#nav-youth:hover { background-position: -405px bottom; }
#nav-highschool { width: 101px; background-position: -495px top; }
#nav-highschool:hover { background-position: -495px bottom; }
#nav-twinelm { width: 157px; background-position: -596px top; }
#nav-twinelm:hover { background-position: -596px bottom; }
#nav-referee { width: 130px; background-position: -753px top; }
#nav-referee:hover { background-position: -753px bottom; }
#nav-coaching { width: 79px; background-position: right top; }
#nav-coaching:hover { background-position: right bottom; }

/* @end */

#content {
	float: left;
	width: 61%;
	margin: 0 10px;
	padding: 0 0 15px;
}

#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    overflow: hidden;
    clear: both; 
    visibility: hidden;
}

/* @group Sidebar */

#sidebar {
	float: right;
	width: 330px;
	margin: 1.5em 10px;
}

#sidebar .button {
	display: block;
	padding: 7px 30px 7px 10px;
	background: url(../images/sidebar-button.png) no-repeat left bottom;
	border-top: 1px solid #DDD;
	text-align: right;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

#whois, #schedule, #leagues, #sidebar #results, #photos {
	margin: 0 0 25px;
	background: #FFF url(../images/sidebar-bg.png) no-repeat left bottom;
}

#whois h3, #leagues h3 {
	margin: 0;
	padding: 5px 5px 5px 40px;
	background: #005C00 url(../images/whois-title-bg.png) no-repeat;
	font-size: 1.5em;
	color: #FFF;
}

#photos h3 {
	margin: 0;
	padding: 5px 5px 5px 40px;
	background: #005C00 url(../images/photos-title-bg.png) no-repeat;
	font-size: 1.5em;
	color: #FFF;
}

#whois p, #leagues p, #photos p { margin: 10px; }

#leagues ul, #leagues p, #photos ul { padding-bottom: 15px; }

#schedule h3 {
	margin: 0;
	padding: 5px 5px 5px 40px;
	background: #005C00 url(../images/schedule-title-bg.png) no-repeat;
	font-size: 1.5em;
	color: #FFF;
}

#schedule table {
	width: 328px;
	margin: 0 1px;
}

#schedule th, #schedule td { padding: 10px; }

#schedule .matchdate { background: #E7E7E7 url(../images/date-bg.png) repeat-x left top; }

#schedule .matchdate th {
	padding: 5px 10px 5px 32px;
	background: url(../images/icon-date.gif) no-repeat 10px center;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #DADADA;
	font-size: 1.2em;
	text-align: left;
}

#schedule tr.odd:hover, #schedule tr.even:hover { background: #DDD; }

#sidebar #results { width: 100%; }

#sidebar #results h3 { background: #005C00 url(../images/whois-title-bg.png) no-repeat; }

#sidebar h4 { margin: 5px 15px; }

.images { text-align: center; }

.images img {
	margin: 10px 0;
	border: 1px solid #DDD;
}

/* @end */

#footer {
	clear: both;
	margin: 15px auto;
	border-top: 1px solid #CCC;
	text-align: center;
}

/* @group Home Page */

#news {
	margin: 20px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #CCC;
}

#content div.wide { width: 99%; }

#news h3 {
	margin: 5px 0 0;
	padding: 5px 0 5px 32px;
	background: url(../images/news-bg.png) no-repeat left center;
}

.news .hentry { border-bottom: 1px solid #EEE; }

.news h2 { margin-bottom: 0; }

#home .news h3 {
	margin-bottom: 15px;
	font-size: 1.7em;
}

.news h3,
.news h4 {
	font-size: 1.2em;
	line-height: 1.3;
	margin: 10px 0 0;
}

.news h3 a,
.news h4 a {
	color: #060;
	text-decoration: none;
}

.hentry p { font-size: 1.1em; }

.hentry .alignleft {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.hentry .alignleft {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

.news .date { font-size: 1.1em; }

.news .archive-btn {
	float: right;
	margin: -4.75em 0 0 0;
}

.news .navigation {
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
}

.news .navigation .older { float: left; }
.news .navigation .newer { float: right; }

.news .navigation a {
	display: block;
	padding: 5px 20px;
	background: #DDD;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.news .navigation a:hover { background: #AAA; }

#results {
	float: right;
	width: 250px;
	margin: 0 0 0 10px;
	background: #FFF url(../images/results-bg.png) no-repeat left bottom;
}

#sidebar #results { float: none; }

#results h3 {
	margin: 0;
	padding: 5px 5px 5px 40px;
	background: #005C00 url(../images/results-title-bg.png) no-repeat;
	font-size: 1.5em;
	color: #FFF;
}

#results h4 {
	margin: 0 1px;
	background: #E7E7E7 url(../images/date-bg.png) repeat-x left top;
}

#results h4 span {
	display: block;
	padding: 5px 10px 5px 32px;
	background: url(../images/icon-date.gif) no-repeat 10px center;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #DADADA;
	font-size: 1.2em;
}

#results .league {
	font-weight: bold;
	color: #060;
	text-decoration: none;
}

#results .results, #results p, #schedule p { padding: 5px 10px 10px; }

#results ul { padding-bottom: 15px; }

#schedule p { padding-bottom: 0; }

.media { padding-bottom: 5px; }

.feature img,
.hentry img { border: 3px solid #CCC; }

/* @end */

/* @group Fixtures Page */

.fixtures {
	width: 100%;
	border: 1px solid #DADADA;
	border-width: 0px 1px 1px;
}

.fixtures th, .fixtures td { padding: 10px; }

.fixtures .matchdate { background: #E7E7E7 url(../images/date-bg.png) repeat-x left top; }

.fixtures .matchdate th {
	padding: 5px 10px 5px 32px;
	background: url(../images/icon-date.gif) no-repeat 10px center;
	border-top: 1px solid #F1F1F1;
	border-bottom: 1px solid #DADADA;
	font-size: 1.2em;
}

.fixtures tr.odd:hover, .fixtures tr.even:hover { background: #DDD; }

/* @end */

/* @group Standings Page */

.standings {
	width: 100%;
	border: 1px solid #DADADA;
	border-width: 1px 1px 0 0;
	font-size: 1.1em;
}

.standings th {
	background: #005C00;
	color: #FFF;
}

.standings th, .standings td {
	padding: 10px;
	border: 1px solid #DADADA;
	border-width: 0 0 1px 1px;
}

.standings tr.odd:hover, .standings tr.even:hover { background: #DDD; }

/* @end */

/* @group Clubs Page */

.clublogo {
	float: right;
	margin-bottom: 15px;
}

.contacts {
	clear: both;
	border-top: 1px solid #DDD;
}

.contacts div { padding: 1px 10px; }

.contacts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contacts li {
	margin: 5px 0;
	padding: 0 0 5px;
}

.contacts .even, .contacts .odd { border-bottom: 1px solid #DDD; }

#sidebar .contacts { padding: 0 1px !important; }

/* @end */

/* @group Archives Page */

#archives .hentry {
	padding: 15px 0;
	border-bottom: 1px solid #DADADA;
}

#archives h4 {
	font-size: 1.2em;
	line-height: 1.3;
	margin: 10px 0 0;
}

#archives h4 a {
	color: #060;
	text-decoration: none;
}

#archives .date { font-size: 1.0em;	}

/* @end */

/* @group Contact Page */

.required { color: #F00; }

#contactform dd { font-weight: bold; }

#contactform dd { margin: 0 0 15px; }

/* @end */

.sponsors { list-style: none; }

.sponsors li {
	float: left;
	width: 50%;
	min-height: 200px;
	margin: 0;
	padding: 0;
	text-align: center;
}