/***
 *
 * PAGE.css
 *
 ***/
body {
	background: url(../images/redBarTile.gif) repeat-x 0 99px;
}

#header {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 612px;
	height: 130px;
	background: url(../images/topImage.jpg) no-repeat;
}

#teamName {
	position: relative;
	top: 105px;
	left: -95px;
	margin: 0;
	padding: 0;
	width: 205px;
	height: 11px;
	background: url(../images/lacrosseText.gif) no-repeat;
}

#navbar {
	margin: 5px auto 5px auto;
	padding: 0;
	width: 500px;
	line-height: 1em;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

#navbar ul {
	margin: 0;
	padding: 0;
}

#navbar li {
	display: inline;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

#mainTop {
	width: 612px;
	height: 16px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/mainTopBG.jpg) no-repeat;
}

#main {
	margin: 0 auto;
	padding: 0;
	width: 612px;
	height: auto !important;
	height: 300px;
	min-height: 300px;
	background: url(../images/pageTileBG.gif) repeat-y;
}

	#leftCol {
		display: inline;
		float: left;
		margin: 25px 0 0 16px;
		padding: 0 10px;
		width: 140px;
	}
		
		a#shamrock {
			clear: both;
			display: block;
			text-indent: -9999em;
			background: url(../images/shamrock.jpg) no-repeat 0 0;
			width: 120px;
			height: 29px;
			margin: 5px auto;
			padding: 5px;
		}

		a#shamrock:hover { background-position: 0 -39px; }

		a#glll {
			clear: both;
			display: block;
			text-indent: -9999em;
			background: url(../images/glll.jpg) no-repeat 0 0;
			height: 10px;
			width: 80px;
			margin: 10px auto 10px auto;
			padding: 5px;
		}

		a#glll:hover { background-position: 0 -20px; }
		
		a#bracket {
			clear: both;
			display: block;
			text-indent: -9999em;
			background: url(../images/bracket.jpg) no-repeat 0 0;
			width: 120px;
			height: 20px;
			margin: 20px auto;
			padding: 5px;
		}
		
		a#bracket:hover { background-position: 0 -30px; }

		a#ncll {
			clear: both;
			display: block;
			text-indent: -9999em;
			background: url(../images/ncll.jpg) no-repeat 0 0;
			height: 40px;
			width: 82px;
			margin: 10px auto 10px auto;
			padding: 5px;
		}

		a#ncll:hover { background-position: 0 -60px; }		
		
		#logo {
			display: block;
			background: url(../images/logo.gif) no-repeat;
			margin: 0 auto 15px auto;
			padding: 0;
			width: 108px;
			height: 107px;
		}

	#content {
		display: inline;
		float: right;
		width: 395px;
		margin: 10px 22px 0 18px;
	}

		table#roster { margin: 0 auto 2em auto; border-collapse: collapse; }

		table#roster th {
			border-bottom: 2px solid #CCC;
			padding: 0 .5em .2em;
		}

		table#roster td {
			font-size: .9em;
			border-bottom: 1px solid #DDD;
			padding: .4em .6em;
		}

		table#roster tr.one { background: #FFF; }
		table#roster tr.two { background: #F5F5F5; }
		/*table#roster tr:hover { background: #8D0000; color: #EEE; }*/

		a.hotel { font-size: 1.1em; }

		div.calendar {
			display: inline;
			float: left;
			text-align: center;
			margin: 8px;
		}

		div.calendar a {
			display: block;
			background: #FFF url(../images/calendarThumb.gif) no-repeat 5px 5px;
			padding: 65px 10px 10px;
			height: .9em;
			width: 50px;
			border: 3px solid #E5E5E5;
		}

		div.calendar a:hover {
			background: #F5F5F5 url(../images/calendarThumbHover.gif) no-repeat 5px 5px;
			border: 3px solid #CCC;
		}

#mainBttm {
	margin: 0 auto;
	padding: 0;
	width: 612px;
	height: 125px;
	background: url(../images/mainBttmBG.gif) no-repeat;
}

#pageBttm {
	margin: -5px auto 0 auto;
	padding: 0;
	width: 580px;
	font-size: .8em;
}

#copyright {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

#validation {
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
}

		/** based on the hoverbox by sonspring.com **/
			.hoverbox {
				cursor: default;
				list-style: none;
			}

			.hoverbox a { cursor: default; }
			.hoverbox a .preview { display: none; }

			.hoverbox a:hover .preview {
				display: block;
				position: absolute;
				/*top: -33px;
				left: -45px;*/
				top: -25px;
				left: -25px;
				z-index: 1;
			}

			.hoverbox img {
				background: #FFF;
				padding: 2px;
				vertical-align: top;
				/*width: 100px;
				height: 75px;*/
			}

			.hoverbox li {
				border: 3px solid #DDD;
				display: inline;
				float: left;
				margin: 9px;
				padding: 5px;
				position: relative;
			}

			.hoverbox .preview {
				border: 3px solid #DDD;
				padding: 5px;
				/*width: 200px;
				height: 150px;*/
			}

			/* IE hacks*/
			* html .hoverbox a { position: relative; }

			* html .hoverbox a:hover {
				font-size: 100%;
				z-index: 1;
			}

			* html .hoverbox a:hover .preview {
				top: -29px;
				left: -30px;
			}

			* html .hoverbox li { position: static; }
		/** END HOVERBOX CSS**/