/* ****************************************************************************************************
 * Copyright (C) 2005 Michael Altfield <michael.sa _at_ gmail .dot. com>
 * 
 * Author:    Michael Altfield <michael.sa@gmail.com>
 * Co-Author: 
 * Created:   2008-07-12
 * Updated:   2009-08-17
 * Purpose:   Master CSS Stylesheet
 * ****************************************************************************************************/

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	background-color: #A2C7A0;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #A2C7A0 url(/images/bgimage.gif) top left repeat-y;
}
/* --GENERIC & GLOBAL-- */
a {
	color: #666
}

a:hover {
	color: #003300;
}

a img {
	border: 0;
}

textarea {
	width: 100%;
}

.indent {
	margin-left: 25px;
}

.hidden {
	display: none;
}

.title {
	font-weight: bold;
	padding: 0 0 20px 0;
}

.important {
	font-family: monospace;
	font-size: 1.4em;
	color: red;
}

.subText {
	clear: both;
	padding: 20px 0 20px 0;
	text-align: justify;
}

table {
	width: 100%;
	padding: 0 4px 15px 4px;
	background-color: #15562a;
	text-align: center;
	margin-top: 5px;

	border-width: 5px;
	border-spacing: 5px;
	border-style: solid;
	border-color: #15562a;
	border-collapse: collapse;
}

/* firefox needs this margin for the caption NOT the table (see below) */
table, x:-moz-any-link, x:only-child {
	margin-top: 0;
}

	table caption {
		padding: 4px 0 5px 0;
		background-color: #15562a;
		color: #FFF;
		font-family: sans-serif;
		font-size: 1.8em;
		font-weight: bold;

		/* for firefox v2 to center the caption */
		margin: auto;
	}
	
	html>/**/body table caption, x:-moz-any-link, x:default {
		/* firefox incorrectly renders table->caption margins
		 * this hack fixes it without breaking well-behaving browsers
		 */
		-moz-margin-start: -3px;
		-moz-margin-end: -2px;
	}

	/* firefox needs this margin for the caption NOT the table (see above) */
	table caption, x:-moz-any-link, x:only-child {
		margin-top: 5px;
	}

	/* chrome/safari incorrectly renders table->caption margins
	 * this hack fixes it without breaking well-behaving browsers
	 */
	table:nth-of-type(1) caption, table:nth-of-type(2) caption {
		margin-left: 0px;	
		margin-right: -13px;	
	}
	
	table th {
		background-color: #15562a;
		padding: 3px;
		color: #FFF;
		font-weight: bold;
	}

	table tr {
		width: 100%;
	}

		table tr.odd td {
			background-color:#F0F0F0
		}

			/* odd for update pages' form input fields */
			table tr.odd td input {
				background-color:#F0F0F0
			}

		table td {
			padding: 4px;
			background-color: #FFF;
		}

table.slim {
}

		table.slim td {
			border: 0;
			padding: 0;
		}

/* --SITE LAYOUT-- */

div#head1 {
	width: 773px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: #FFF url('/images/kmhs_ttitle.gif') no-repeat bottom left;
}

	div#head1 ul {
		list-style: none;

		padding: 30px 0 0 500px;
		/* Keep it flush for firefox */
		margin: 0;
	}

		div#head1 li {
			float: left;
			height: 17px;
		}

		div#head1 li span {
			display: none;
		}

		div#head1 .line {
			width: 5px;
			background: url('/images/kmhs_tline.gif') no-repeat bottom;
		}

		div#head1 a#contact {
			width: 52px;
			height: 100%;
			display: block;
			background: url('/images/kmhs_tcontact.gif') no-repeat bottom;
		}

		div#head1 a#kmhs {
			width: 204px;
			height: 100%;
			display: block;
			background: url('/images/kmhs_tkmhs.gif') no-repeat bottom;
		}

div#head2 {
	width: 773px;
	height: 275px;
	background-color: #26532B;
}

div#bannerPhoto img {
	width: 773px;
	height: 256px;
	position: absolute;
	display: block;
	top: 69px;
}

div#head3 {
	width: 773px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: #26532B url('/images/bspacer.gif') repeat-x;
}

	div#head3 ul {
		list-style: none;

		padding: 0;
		/* Keep it flush for firefox */
		margin: 0;
	}

		div#head3 li {
			float: left;
			height: 25px;
			padding-right: 2px;
		}
		
		div#head3 li span {
			display: none;
		}


		div#head3 #home a {
			width: 65px;
			height: 100%;
			display: block;
			background: url('/images/bhome.gif') no-repeat bottom left;
		}
		
			div#head3 #home a:hover {
				background: url('/images/bhome2.gif') no-repeat bottom left;
			}

		div#head3 #directions a {
			width: 108px;
			height: 100%;
			display: block;
			background: url('/images/bdirections.gif') no-repeat bottom left;
		}
		
			div#head3 #directions a:hover {
				background: url('/images/bdirections2.gif') no-repeat bottom left;
			}

		div#head3 #about a {
			width: 81px;
			height: 100%;
			display: block;
			background: url('/images/babout.gif') no-repeat bottom left;
		}
		
			div#head3 #about a:hover {
				background: url('/images/babout2.gif') no-repeat bottom left;
			}

		div#head3 #teams a {
			width: 76px;
			height: 100%;
			display: block;
			background: url('/images/bteams.gif') no-repeat bottom left;
		}
		
			div#head3 #teams a:hover {
				background: url('/images/bteams2.gif') no-repeat bottom left;
			}


			div#head3 #teams ul#teamsmenu {
				position: absolute;
				left: 65px;
				top: 350px;
				display: none;
			}

				div#head3 #teams #teamsmenu li {
					float: none;
					padding: 0;

					/* Because IE likes to put gaps */
					margin: -2px;
				}

				div#head3 #teams li#bv a {
					width: 106px;
					height: 25px;
					display: block;
					background: url('/images/bbv.gif') no-repeat bottom left;
				}

					div#head3 #teams li#bv a:hover {
						background-image: url('/images/bbv2.gif');
					}

				div#head3 #teams li#gv a {
					width: 106px;
					height: 25px;
					display: block;
					background: url('/images/bgv.gif') no-repeat bottom left;
				}

					div#head3 #teams li#gv a:hover {
						background-image: url('/images/bgv2.gif');
					}

				div#head3 #teams li#bjv a {
					width: 106px;
					height: 25px;
					display: block;
					background: url('/images/bbjv.gif') no-repeat bottom left;
				}

					div#head3 #teams li#bjv a:hover {
						background-image: url('/images/bbjv2.gif');
					}
	
				div#head3 #teams li#gjv a {
					width: 106px;
					height: 25px;
					display: block;
					background: url('/images/bgjv.gif') no-repeat bottom left;
				}

					div#head3 #teams li#gjv a:hover {
						background-image: url('/images/bgjv2.gif');
					}
				
		div#head3 #bc a {
			width: 126px;
			height: 100%;
			display: block;
			background: url('/images/bbooster_club.gif') no-repeat bottom left;
		}
		
			div#head3 #bc a:hover {
				background: url('/images/bbooster_club2.gif') no-repeat bottom left;
			}

		div#head3 #calendar a {
			width: 104px;
			height: 100%;
			display: block;
			background: url('/images/bcalendar.gif') no-repeat bottom left;
		}
		
			div#head3 #calendar a:hover {
				background: url('/images/bcalendar2.gif') no-repeat bottom left;
			}

		div#head3 #photos a {
			width: 87px;
			height: 100%;
			display: block;
			background: url('/images/bphotos.gif') no-repeat bottom left;
		}
		
			div#head3 #photos a:hover {
				background: url('/images/bphotos2.gif') no-repeat bottom left;
			}

		div#head3 #s a {
			width: 112px;
			height: 100%;
			display: block;
			background: url('/images/bs.gif') no-repeat bottom left;
		}
		
			div#head3 #s a:hover {
				background: url('/images/bs2.gif') no-repeat bottom left;
			}

			/* no spacer for the last link */
			div#head3 li.last {
				padding: 0;
			}

div.breadcrumbs {
	font-weight: bold;
	padding: 10px;
}

	div.mid div.breadcrumbs {
		padding: 0px;
	}

	div.breadcrumbs a {
		text-decoration: none;
	}

div.main {
	width: 773px;
	min-height: 500px;
	background-color: #FFF;
	
	/* min-height for IE6 */
	height: auto !important;
	height: 500px;
}

div.main#sidebar {
	padding: 0;
	background-image:url('/images/left_bg.gif');
	background-repeat:repeat-y;
}

	div.main h1 {
		font-size: 1em;
	}

div.left {
	width: 150px;
	float: left;
	font-weight:bold;
}

div.left ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 30px;
	margin-left: 10px;
	font-weight: bold;
}

div.left li{
	margin-bottom: 15px;
}

div.left li a {
	font-weight: normal;
}

div.mid {
	width: 613px;
	margin: 10px;
	float: left;
}

div.main#sidebar div.mid {
	width: 593px;
}

div.right {
	margin: 10px 0 10px 0;
	padding: 0;
	float: left;
}

div.full {
	padding: 10px;
}

div.footer {
	clear: both;
	width: 763px;
	height: 30px;
	background-color: #999;
	font-size: .9em;
	text-align: center;
	padding: 5px
}

	div.footer a#validXHTML {
		position: absolute;
		left: 10px;
	}

	div.footer a#validCSS {
		position: absolute;
		left: 675px;
	}

/* --CONTACT-- */
.contact {
	background-color: #15562a;
}

	.contactgroup caption, .contact caption {
		/* firefox incorrectly renders table->caption margins
	 	* this hack fixes it without breaking well-behaving browsers
	 	* (I only do this here because this table is 'width: 100%'--
	 	* otherwise, it breaks the 'margin: auto' override to fix
	 	* firefox v2 and actually center the caption)
	 	*/
		-moz-margin-start: -3px;
		-moz-margin-end: -2px;
	}

		.contactgroup .contact caption {
			font-size: 1em;
		}

	.contact th.email {
		width: 50px;
		text-align: left;
	}

	.contact td {
		text-align: left;
	}

/* --BOOSTER CLUB <MEMBER(S)>-- */
.side_pic {
	clear: both;
	margin: 0 10px 20px 0;
	float: left;
}

.slimContact {
	width: 400px;
	margin-left: 10px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
}

.slimContact caption {
	font-size: 1.4em;

	/* for firefox v2 to NOT center the caption */
	margin: 0;

	/* fix caption for firefox */
	-moz-margin-start: -1px;
}

/* chrome/safari incorrectly renders table->caption margins
 * this hack fixes it without breaking well-behaving browsers
 */
table.slimContact:nth-of-type(1) caption, table.slimContact:nth-of-type(2) caption {
	margin-left: 0px;	
	margin-right: -9px;	
}

/* --<TEAM>/about--- */

table.seasonRecords caption {
	/* firefox incorrectly renders table->caption margins
	 * this hack fixes it without breaking well-behaving browsers
	 * (I only do this here because this table is 'width: 100%'--
	 * otherwise, it breaks the 'margin: auto' override to fix
	 * firefox v2 and actually center the caption)
	 */
	-moz-margin-start: -3px;
	-moz-margin-end: -2px;
}

table.seasonRecords {
	margin: auto;
	text-align: center;
}

table.seasonRecords .year {
	font-weight: bold;
}

/* --<TEAM>/schedule--- */

table.teamSchedule caption {
	/* firefox incorrectly renders table->caption margins
	 * this hack fixes it without breaking well-behaving browsers
	 * (I only do this here because this table is 'width: 100%'--
	 * otherwise, it breaks the 'margin: auto' override to fix
	 * firefox v2 and actually center the caption)
	 */
	-moz-margin-start: -3px;
	-moz-margin-end: -2px;
}

table.teamSchedule tr .date {
	width: 45px;
}

table.teamSchedule tr .opponent {
}

	table.teamSchedule tr td.opponent {
		text-align: left;
	}

table.teamSchedule tr .location {
}

table.teamSchedule tr .time {
}

table.teamSchedule tr .outcome {
	width: 100px;
}

	table.teamSchedule tr td.outcome {
		font-size: 1.3em;
		font-family: monospace;
		text-align: center;
	}

/* --<TEAM>/schedule--- */

table.mtm caption {
	clear: both;
	/* firefox incorrectly renders table->caption margins
	 * this hack fixes it without breaking well-behaving browsers
	 * (I only do this here because this table is 'width: 100%'--
	 * otherwise, it breaks the 'margin: auto' override to fix
	 * firefox v2 and actually center the caption)
	 */
	-moz-margin-start: -3px;
	-moz-margin-end: -2px;
}

table.mtm {
	margin-bottom: 20px;
}

table.mtm tr .name {
	text-align: left;
	padding-left: 20px;
}

table.mtm_side {
	float: left;
	margin: 15px 0 0 50px;
	width: 350px;
	text-align: left;
}

table.mtm_side tr th {
	background-color: #FFF;
	color: #000;
	font-weight: bolder;
	width: 90px;
}

	table.mtm_side tr.odd th {
		background-color:#F0F0F0
	}

/* --ADVERTISMENT DIVS-- */
div.ad468x60 {
	text-align: center;
	padding: 0 0 20px 0;
	width: 100%;
}

div.ad728x90 {
	text-align: center;
	padding: 0 0 20px 0;
}