/*** The Essential Code : from http://alistapart.com/articles/holygrail ***/

body {
	margin: 0;
	padding: 0;
	background-color: white;
}


#threeColumnLayout { /* a table */
	table-layout: fixed;
	width: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}


#threeColumnLayout td.column {
	border: 0;
	padding: 0;
	vertical-align: top;	
}

#sidebar {
	width: 208px;	/* to match sillouette graphic */
	
	background-color: #d4ffd4;
}

#sidebarcontent {
	padding: 0 10px;
}

#threeColumnLayout #content {
	font-size: 1.1em;	
	padding: 0.5em 25px 0.5em 1em;
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	border-top: none;
	border-bottom: none;
	padding-right: 10em;
}

#contentBody {
	width: 50em;
	}

/* when as it's own thing 
#otherbar {
	width: 120px;
	position: absolute;
	top: 10px;
	right: 10px;
}
*/

/* when as a table cell, which in IE and Firefox had extra width on right!?  */

#threeColumnLayout #otherbar {
	width: 140px !important; /* to fit 120px wide ad */

	background: #f8f8f8;
	border-left: 1px solid #ccc;
	padding: 10px 0 0 10px;
}

* html #threeColumnLayout #otherbar {
	width: 140px !important; /* to fit 120px wide ad */
}
	
	
#footer {
	text-align: center;
}


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


#content h2 { margin-top: 0; margin-bottom: 0.1em; border-bottom: 1px solid #96f;}
#content h3 { margin-bottom: 0; }

#content h2 + p { margin-top: 0; } /* IE useless */
#content h3 + p { margin-top: 0; }
#content h3 + ul { margin-top: 0; }

#homeText li { line-height: 1.4em; }

#imgSplash {
	width: 208px;
	height: 156px;
}


/* ie sux */
* html #homeText p.topless { margin-top: 0; }

#customschedules { font-size: 0.9em; }

#customschedules h2 {
	font-weight: bolder;
	font-size: 0.9em;
	/*font* font-family: sans-serif; */
	}
.divteams {
	margin-left: 3px; 
	line-height: 1.5em;
	font-size: 0.9em;
	}

.divteams table {
	border-collapse: collapse; border: none; border-spacing: 0; width: 100%;}
	
#sidebar a,	
.divteams p a {text-decoration: none; border-bottom: none;}
#sidebar a:hover,
.divteams p a:hover {text-decoration: none;}	

#sidebar h2 {
	font-size: 1em; 
	font-weight: bold;
	margin-top: 0; 
	margin-bottom: 0;
	}	

#sidebar div.section .content { margin-left: 0.5em; }
#sidebar div.section h3 { padding-top: 1px; margin: 0.5em 0 0.2em 0; }
#sidebar div.section h3 + ul { margin-top: 0; }

#sidebar ul {
	list-style-type: none; padding-left: 0; margin-left: 0;
	}

#sidebar ul li { margin-bottom: 1.1em; }

#sidebar .divteams h4 { margin-bottom: 0.3em }
#sidebar .divteams h4 + ul { margin-top: 0; }
#sidebar .divteams ul { margin-left: 1em; padding-left: 1em; }
#sidebar .divteams li { list-style-type: circle; line-height: 1.1em; }


#credits {
	text-align: center;
	margin: 5px auto;
	padding: 6px 0 0;
}

#credits img {
	vertical-align: middle;
	}
	
/* for downloads */	
A.dl { text-decoration: none; }

A.dl:hover {
	background: #FF6;	/* yellow for download */
	text-decoration: none;
	}

/* for links against division coloured background */	
a.div { color: white; }
	
a.div:hover {
	background: #66CCFF;
	text-decoration: underline;
	}

table.recentmatches {
	margin-top: 0.5em;
	font-size: smaller;
	border-collapse: collapse;
	border: none;
	width: 100%;
	}

table.recentmatches th {
	text-align: left; padding-left: 0.3em; padding-top: 3px;
	background-color: #ccc; 
	border-top: 1px solid #ccc;
	}
table.recentmatches td { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 2px; }
table.recentmatches td.game { text-align: left; font-size: larger;}
table.recentmatches td.teamscore { text-align: right;}


#tabchoosertable { border-collapse: collapse; margin-top: 0.5em;}
/* should be #tabchoosertable td:first-child, but IE Sux */
#tabchoosertable td.tindicator {
	width: 5px; 
	background-color: #eee; 
	border: 1px solid #999;
	cursor: pointer;
	}
#tabchoosertable td.tindicator { border-color: #393; background-color: #396;}

#tabchoosertable td.sbtIndicator {
	width: 5px; 
	background-color: #eee; 
	border: 1px solid #999;
	cursor: pointer;
	}
#tabchoosertable td.sbtIndicator:hover { border-color: #393; background-color: #396;}
#tabchoosertable td.sbtIndicator.sbtActive { background-color: #6f6; }

#sbtLoading {position: relative; display: none; height: 0; text-align: center; margin: auto; }
#sbtLoading img {padding-top: 20px; width: 15px; height: 15px;}

#tabchoosertable td { padding-left: 6px; }
#tabchoosertable #plug { background-color: black; border-color: black; height: 1px; }

#joiner { margin: 0 0 0 6px; vertical-align: middle; height: 20px; width: 2px; }
#tabcontent {
	border: 1px solid black; border-right-style: none; border-bottom-style: none;
	padding-left: 4px; margin-top: 0;
	}
	
#tabcontent h2 { color: #060; text-align: center; }

/* #tabcontent > div { display: none; }
 ...but because IE sucks: */
#tabcontent div.tcontent1,
#tabcontent div.tcontent2,
#tabcontent div.tcontent3,
#tabcontent div.tcontent4, 
#tabcontent div.tcontent5,
#tabcontent div.tcontent6 { display: none; }

.sbtab { display: none; } 		/* hide sidebar tab content sections */
#sbt1 { display: block; }		/* first one visible by default */

p.forfeit {color: #600;}


.teamslooking {
	margin-top: 0.8em;
	/*font* font-family: Helvetica, Arial, sans-serif; */
	border: 1px solid #999;
	border-collapse: collapse;
	}
.teamslooking th {
	text-align: left;
	background-color: white;
	border-bottom: 1px solid #999;
	}
.teamslooking th, .teamslooking td {
	padding: 0.3em 0.6em;
	}
.teamslooking td:first-child {
	text-align: center;
	}		
	

.wanted {
	padding-left: 25px;
/*	display: none; */
	}
	
.wanted h3 span
{
	background-color: #393;
	padding: 3px 0.8em;
	color: #ddd;
	letter-spacing: 0.1em;
}
	
.wanted p {
	padding: 0.5em 0;
	padding-left: 10px;
	border-left: 4px solid #393;
	}
	
.wanted + h3 + p { /* 2010-Spring, I'm actively not caring about IE6 anymore */
	margin-top: 2em;
	}
	
/* 'quick' text-only schedule for first games of the season */
.textschedule {
	/*font* font-family: sans-serif; */
	font-size: 0.9em;
	border: 0;
	border-collapse: collapse;
	}
	
.textschedule th {
	text-align: left;
	color: #333;
	font-weight: bold;
	font-size: 0.9em;
	text-shadow: white 0.1em 0.1em 0.11em;	
	}
	
.textschedule th,
.textschedule td {
	padding-left: 20px;
	vertical-align: top;
	}
	
.textschedule th:first-child+th+th,
.textschedule td:first-child+td+td { /* time, and IE Sux */
	text-align: right;
	}
	
.textschedule td.date {
	padding-left: 0;
	color: #305530;
	font-weight: bold;
	padding-right: 0.2em;
	text-shadow: white 0.1em 0.1em 0.11em;
	text-align: center;
	}