/*
92 League Grounds
Created: 02/01/2007
Last Updated: 03/04/2010
Author: Project 15
*/

/*
=====================================
Body
 =====================================
*/

body {
	background: #264362 url(../images/template/bg.jpg) repeat-y center;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

a,
a:link,
a:visited,
a:active {
	color: #0000FF;
	text-decoration: underline;
}

a:hover {
	color: #FF0000;
	text-decoration: underline;
}


#content a,
#content a:link,
#content a:visited,
#content a:active {
	color: #0000FF;
	text-decoration: underline;
}

#content a:hover {
	color: #FF0000;
	text-decoration: underline;
}

h3,
h4 {
	padding-left: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-style: oblique;
	color: #0055A5;
}

h1 {
	height: 35px;
	vertical-align: middle;
	background-repeat: no-repeat;
	line-height: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	max-height: 35px;
	overflow: hidden;
	padding: 8px 2px 2px 6px;
	text-transform: uppercase;
	width: 400px;
	max-width: 400px;	
}

h1.About {
	background: url(../images/template/titles/about.jpg);
	background-repeat: no-repeat;	
}

h1.Construction {
	background: url(../images/template/titles/construction.jpg);
	background-repeat: no-repeat;	
}

h1.Contact {
	background: url(../images/template/titles/contact.jpg);
	background-repeat: no-repeat;	
}

h1.Facts{
	background: url(../images/template/titles/facts.jpg);
	background-repeat: no-repeat;	
}

h1.Guess {
	background: url(../images/template/titles/guess.jpg);
	background-repeat: no-repeat;	
}

h1.FirstLast {
	background: url(../images/template/titles/firstlast.jpg);
	background-repeat: no-repeat;	
}

h1.Grounds {
	background: url(../images/template/titles/grounds.jpg);
	background-repeat: no-repeat;	
}

h1.GroundsToVisit {
	background: url(../images/template/titles/groundstovisit.jpg);
	background-repeat: no-repeat;	
}

h1.Homepage {
	background: url(../images/template/titles/homepage.jpg);
	background-repeat: no-repeat;	
}

h1.Links {
	background: url(../images/template/titles/links.jpg);
	background-repeat: no-repeat;	
}

h1.Matches {
	background: url(../images/template/titles/matches.jpg);
	background-repeat: no-repeat;	
}

h1.MatchesAttended {
	background: url(../images/template/titles/matchesattended.jpg);
	background-repeat: no-repeat;	
}

h1.NinetyTwo {
	background: url(../images/template/titles/92.jpg);
	background-repeat: no-repeat;	
}

h1.Special {
	background: url(../images/template/titles/special.jpg);
	background-repeat: no-repeat;	
}

h1.Teams {
	background: url(../images/template/titles/teams.jpg);
	background-repeat: no-repeat;	
}

h1.TeamsToWatch {
	background: url(../images/template/titles/teams_to_watch.jpg);
	background-repeat: no-repeat;	
}

h1.Tours {
	background: url(../images/template/titles/tours.jpg);
	background-repeat: no-repeat;	
}

h2 {
	height: 35px;
	vertical-align: middle;
	background-repeat: no-repeat;
	line-height: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	max-height: 35px;
	overflow: hidden;
	padding: 8px 2px 2px 6px;
	text-transform: uppercase;
	width: 400px;
	max-width: 400px;	
}

h2.Teams {
	height: 35px;
	vertical-align: middle;
	background-repeat: no-repeat;
	line-height: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	max-height: 35px;
	overflow: hidden;
	padding: 8px 2px 2px 6px;
	text-transform: uppercase;
	width: 400px;
	max-width: 400px;
	background: url(../images/template/titles/teams_to_watch.jpg);
	background-repeat: no-repeat;	
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 13px;
}

p {
	font-size: 12px;
}

li {
	font-size: 12px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

ul li ul li {
	font-size: 12px;
}

ol li {
	font-size: 12px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

input,
select,
textarea {
	font-size: 100%;
	border: 1px solid #396C9F;
	background-color: #EFEFEF;
}

/*
=====================================
Layout
 =====================================
*/

#container {
	width: 700px;
	text-align: left;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
}

/* Header */

#header {
	display: block;
	clear: both;
	height: 60px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background: #264362 url(../images/template/header.jpg) no-repeat center;
}

#headerLinks {
	clear: both;
	display: block;
	float: right;
	height: 17px;
	padding-right: 20px;
	padding-top: 3px;
	font-size: 11px;
	text-align: right;
	background-color: #264362;
	color: #FFFFFF;
	width: 680px;
}

#headerLinks a {
	color: #FFFFFF;
	text-decoration: none;
}

#headerLinks a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Content */

#contentContainer {
	display: block;
	background-color: #FFFFFF;
	width: 100%;
	clear: both;	
}

#contentContainer #navigation {
	background-color: #FFFFFF;
	float: left;
	width: 160px;
	vertical-align: top;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;	
}

/* Title Bar Images */

#contentContainer #titleBarAbout,
#contentContainer #titleBarGroundsToVisit,
#contentContainer #titleBarGuess,
#contentContainer #titleBarConstruction,
#contentContainer #titleBarContact,
#contentContainer #titleBarFacts,
#contentContainer #titleBarFirstLast,
#contentContainer #titleBarGrounds,
#contentContainer #titleBarHomepage,
#contentContainer #titleBarLinks,
#contentContainer #titleBarMatches,
#contentContainer #titleBarMatchesAttended,
#contentContainer #titleBarNinetyTwo,
#contentContainer #titleBarSpecial,
#contentContainer #titleBarTeams,
#contentContainer #titleBarTours  {
	width: 160px;
	height: 200px;
}

#contentContainer #titleBarAbout {
	background: #FFFFFF url(../images/template/bar/about.jpg) no-repeat;
}

#contentContainer #titleBarGroundsToVisit {
	background: #FFFFFF url(../images/template/bar/groundstovisit.jpg) no-repeat;
}

#contentContainer #titleBarGuess {
	background: #FFFFFF url(../images/template/bar/guess.jpg) no-repeat;
}

#contentContainer #titleBarConstruction {
	background: #FFFFFF url(../images/template/bar/construction.jpg) no-repeat;
}

#contentContainer #titleBarContact {
	background: #FFFFFF url(../images/template/bar/contact.jpg) no-repeat;
}

#contentContainer #titleBarFacts {
	background: #FFFFFF url(../images/template/bar/facts.jpg) no-repeat;
}

#contentContainer #titleBarFirstLast {
	background: #FFFFFF url(../images/template/bar/firstlast.jpg) no-repeat;
}

#contentContainer #titleBarGrounds {
	background: #FFFFFF url(../images/template/bar/grounds.jpg) no-repeat;
}

#contentContainer #titleBarHomepage {
	background: #FFFFFF url(../images/template/bar/homepage.jpg) no-repeat;
}

#contentContainer #titleBarLinks {
	background: #FFFFFF url(../images/template/bar/links.jpg) no-repeat;
}

#contentContainer #titleBarMatches {
	background: #FFFFFF url(../images/template/bar/matches.jpg) no-repeat;
}

#contentContainer #titleBarMatchesAttended {
	background: #FFFFFF url(../images/template/bar/matches_attended.jpg) no-repeat;
}

#contentContainer #titleBarNinetyTwo {
	background: #FFFFFF url(../images/template/bar/92.jpg) no-repeat;
}

#contentContainer #titleBarSpecial {
	background: #FFFFFF url(../images/template/bar/special.jpg) no-repeat;
}

#contentContainer #titleBarTeams {
	background: #FFFFFF url(../images/template/bar/teams.jpg) no-repeat;
}

#contentContainer #titleBarTours {
	background: #FFFFFF url(../images/template/bar/tours.jpg) no-repeat;
}

/* Main navigation menu */

#contentContainer #navigation ul {
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 5px;
	margin-bottom: 15px;
	list-style-type: none;
}

#navList li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size: 11px;
}

#navList li a,
#navList li a:link,
#navList li a:visited {
	background: #3E5D7A;
	text-align: left;
	text-decoration: none;
	margin: 0px;
	display: block;
	height: 20px;
	padding: 5px 0px 0px 6px;
	color: #FFFFFF;
}

#navList li a:hover {
	background: #000000;
	text-align: left;
	text-decoration: none;
	margin: 0px;
	display: block;
	height: 20px;
	padding: 5px 0px 0px 6px;
	color: #FFFFFF;
}

#navList li a:active {
	background: #0055A5;
	text-align: left;
	text-decoration: none;
	margin: 0px;
	display: block;
	height: 20px;
	padding: 5px 0px 0px 6px;
	color: #FFFFFF;
}

#contentContainer #content {
	background: #FFFFFF;
	padding: 0px;
	float: right;
	width: 500px;
	padding-left: 10px;
	padding-top: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	vertical-align: top;
}

/* Footer */

#topOfPage {
	background: #FFFFFF;
	float: right;
	width: 90%;
	color: #0055A5;
	font-size: 11px;
	text-decoration: none;
	padding-right: 35px;
	text-align: right;
	margin-bottom: 5px;
	margin-top: 20px;
}

#topOfPage a,
#topOfPage a:link,
#topOfPage a:visited,
#topOfPage a:active {
	color: #0055A5;
	text-decoration: none;
}

#topOfPage a:hover {
	color: #0055A5;
	text-decoration: underline;
}

#footer {
	background: #264362;
	background-repeat: repeat;
	color: #FFFFFF;
	display: block;
	height: 50px;
	width: 100%;
	clear: both;
	margin: 5px auto 10px auto;
	font-size: 11px;
}

#footer #copyright {
	font-size: 11px;
	float: left;
	padding-left: 20px;
	padding-top: 18px;
}

#footer #developedBy {
	font-size: 11px;
	float: right;
	padding-right: 20px;
	padding-top: 18px;
}

#footer #developedBy a,
#footer #developedBy a:link,
#footer #developedBy a:visited,
#footer #developedBy a:active {
	color: #FFFFFF;
}

#footer #developedBy a:hover {
	color: #EFEFEF;
}

/*
=====================================
Content Boxes
 =====================================
*/

.boxContentContainer150,
.boxContentContainer250,
.boxContentContainer250Right,
.boxContentContainer350,
.boxContentContainer250Centre {
	background-color: #F0ECEC;
	padding: 3px;
	border: 1px solid #B9B7B7;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
}

.boxContentContainer150 {
	width: 150px;
}

.boxContentContainer250 {
	width: 250px;
}

.boxContentContainer250Right {
	width: 250px;
	float: right;
}

.boxContentContainer250Centre {
	width: 250px;
	text-align: left;
	margin: 0px auto 0px auto;
}

.boxContentContainer350 {
	width: 350px;
}

.boxContent p {
	font-size: 83%;
}

.boxContent h3 {
	background: url(../images/template/x.gif) no-repeat 0px 0px;
	font-style: oblique;
	padding-left: 20px;
	color: #000000;
}

.boxContentHeader:first-letter {
	color: #0055A5;
}

/*
=====================================
Columns
 =====================================
*/

/* 2 columns*/

#TwoColumns {
	display: block;
	clear: both;
}

#TwoColumnsColumn1 {
	float: left;
	width: 50%;
	text-align: top;
	margin: 0px;
}

#TwoColumnsColumn2 {
	float: left;
	width: 50%;
	text-align: top;
	margin: 0px;
}

/* 3 columns*/

#ThreeColumns {
	display: block;
	clear: both;
}

#ThreeColumnsColumn1 {
	float: left;
	width: 33%;
	text-align: top;
	margin: 0px;
}

#ThreeColumnsColumn2 {
	float: left;
	width: 33%;
	text-align: top;
	margin: 0px;
}ThreeColumnsColumn3 {
	float: left;
	width: 33%;
	text-align: top;
	margin: 0px;
}

/* 4 columns*/

#FourColumns {
	display: block;
	clear: both;
}

#FourColumnsColumn1 {
	float: left;
	width: 25%;
	text-align: top;
	margin: 0px;
}

#FourColumnsColumn2 {
	float: left;
	width: 25%;
	text-align: top;
	margin: 0px;
}

#FourColumnsColumn3 {
	float: left;
	width: 25%;
	text-align: top;
	margin: 0px;
}

#FourColumnsColumn3 {
	float: left;
	width: 25%;
	text-align: top;
	margin: 0px;
}

/*
=====================================
Form
 =====================================
*/

fieldset {
	border: 1px solid #666666;
	font-size: 12px;
}

legend {
	font-size: bigger;
	font-weight: bold;
}
	  
label {
	display: block;
	margin: 3px;
	font-size: 12px;
}

input {
	color: #666666;
	font-size: 12px;
}

input:focus {
	background-color: #FFFFCC;
	color: #000000;
}

input.inputBox {
	color: #000000;
	display: block;
	margin-top: 5px;
}

input.required_Field {
	border-left: 3px solid #FF0000;
}

textarea {
	color: #666666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea:focus {
	background-color: #FFFFCC;
	color: #000000;
}

textarea.inputBox {
	color: #000000;
	display: block;
	margin-top: 5px;
}

em {
	font-style: italic;
	color: #CC3300;
}

/*
=====================================
Photo Thumbnails
 =====================================
*/

a.thumbLeft,
a.thumbRight,
a.thumbClearBoth {
	background-color: #0055A5;
}

a.thumbLeft img,
a.thumbRight img,
a.thumbClearBoth img {
	padding: 2px;
	margin: 1px;
	background-color: #FFFFFF;
}

a.thumbLeft:hover,
a.thumbRight:hover,
a.thumbClearBoth:hover {
	background-color: #669999;
}

a.thumbLeft {
	float: left;
	clear: both;
}

a.thumbRight {
	float: right;
}

a.thumbClearBoth {
	clear: both;
}

/*
=====================================
 * Data Tables and Cascading Style Sheets Gallery *
 *  http://icant.co.uk/csstablegallery/index.php  *
 * Author: Velizar Garvalov at  http://www.vhg-design.com/ *
 =====================================
*/
/*
http://icant.co.uk/csstablegallery/index.php?css=71

Data Tables and Cascading Style Sheets Gallery
Title: Casablanca
Author: RODrigo CASTilho Galvão Ferreira - RODCAST
URL: http://www.rodcast.com.br
Update: 03/23/2006 11:15 PM
*/

table {
	color: #7F7F7F;
	font: 75% "Trebuchet MS",Verdana,sans-serif;
	border-collapse: collapse;
}

table,caption {
	margin: 0 auto;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

caption,th,td {
	border-left: 0;
	padding: 2px;
}

caption,
thead th,
tfoot th,
tfoot td {
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

thead th {
	background-color: #CC3300;
	color: #FFB3A6;
	text-align: left;
	padding: 3px;
}

tbody th {
	padding: 0px 10px;
	vertical-align: top;
}

tbody tr.odd {
	background-color: #F7F7F7;
	color: #666;
}

tbody a {
	color: #333;
	text-decoration: none;
	background: transparent url(../images/template/links_yellow.gif) no-repeat 0% 50%;
	display: block;
	padding-left: 15px;
}

tbody a:active,
tbody a:hover,
tbody a:focus,
tbody a:visited {
	color: #333;
}

tbody tr:hover {
	color: #333;
}

tbody td+td+td+td a {
	color: #C30;
	font-weight: bold;
	border-bottom: 0;
}

tbody td+td+td+td a:active,
tbody td+td+td+td a:hover,
tbody td+td+td+td a:focus,
tbody td+td+td+td a:visited {
	color: #E63C1E;
}

tbody td {
	font-size: 12px;
	vertical-align: top;
}

tbody td p {
	font-size: 12px;
}

/*
=====================================
Images
 =====================================
*/

.imageLeft {
	margin: 5px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	float: left;
}

.imageRight {
	margin: 5px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	float: right;
}

.imageCentre {
	display: block;
	margin: 0px auto 0px auto;
	padding: 3px;
	border: 1px solid #CCCCCC;
}