/* CSS Document */

/*--------------------------CONTENT STYLES-------------------------*/

body {
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	}
	
p {
	padding: 0;
	margin: 0;
	font-size: small;
	}
	
p.small {
	font-size: x-small;
	}

li {
	padding: 0 0 5px 0;
	font-size: small;
	}

.fields {
	color: #D9EC9F;
	font-size: small;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: -5px;
	margin-left: 0px;
	}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2C58B1;
	font-size: x-large;
	}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #2C58B1;
	font-size:larger;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: medium;
	font-weight: bold;
	}
	
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #2C58B1;
	font-size: small;
	font-weight: 800;
	padding: 0;
	margin: 0;
	}


img {
	border: none;
	}
	
/*----------------------------PAGE LAYOUT--------------------------*/

#big-wrapper {
	background: #2C59B1 url(../images/page_wrapper_bg.gif) repeat-x 0px 148px;
	}
	
#top-wrapper {
	background: transparent url(../images/header_bg.gif) repeat-x 0px 0px;
	}
	
#page-area {
	width: 100%;
	padding-top: 129px;
	position: relative;
	}
	
#prefooter-wrapper {
	background: transparent url(../images/page_without_footer.gif) repeat-x 0% 100%;
	width: 100%;
	padding-bottom: 10px;
	}

/*-----------------------------HEADER ------------------------------------*/
#header-wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	}
	
#header {
	width: 830px;
	height: 152px;
	margin: 0px auto;
	position: relative;
	}
	
#logo {
	width: 295px;
	height: 173px;
	display: block;
	position: absolute;
	left: 25px;
	bottom: -28px;
	z-index: 99;
	}
	
#logo img {
	display: block;
	}

#sticker {
	width: 160px;
	height: 125px;
	display: block;
	position: absolute;
	right: 45px;
	top: 10px;
	z-index: 99;
	}
	
#sticker img {
	display: block;
	}

/*-----------------------------BIG PIC------------------------------------*/
#bigpic {
	width: 830px;
	height: 250px;
	}

#header-navigation {
	position: relative;
	top: 0px;
	height: 39px;
	margin-top: -39px;
	padding: 0px 0 0 10px;
	}
	
*html #header-navigation {
	margin-top: -42px; 
	}
	
/* --------------------------- main navigation ----------------------------------*/

*html #nav {
margin-top: -3px; ma\rgin: 0; 
}

#nav {
padding: 0px;
height: 39px;
width: 830px;
list-style: none;
display: inline;
overflow: hidden;
}

#nav li {
margin: 0px;
padding: 0px;
list-style: none;
display: inline;
}

#nav a {
float: left;
padding: 39px 0 0 5px;
overflow: hidden;
height: 0px  !important;
height /**/:38px;  /* IE5 and windows RIP */
}

#nav a:hover {
background-position: 0 -44px;
}

#nav a:active {
background-position: 0 -88px;
}

#nav a.selected {
background-position: 0 -88px;
}

#home a {
width: 100px;
background: url(../images/rollovers/ro_home.png) top left no-repeat;
}

#teams a {
width: 102px;
background: url(../images/rollovers/ro_teams.png) top left no-repeat;
}

#fields a {
width: 88px;
background: url(../images/rollovers/ro_fields.png) top left no-repeat;
}

#calendar a {
width: 121px;
background: url(../images/rollovers/ro_calendar.png) top left no-repeat;
}

#coaches a {
width: 121px;
background: url(../images/rollovers/ro_coaches.png) top left no-repeat;
}

#sponsors a {
width: 126px;
background: url(../images/rollovers/ro_sponsors.png) top left no-repeat;
}

#contact a {
width: 121px;
background: url(../images/rollovers/ro_contact.png) top left no-repeat;
}

#extra a {
width: 68px;
background: url(../images/rollovers/ro_#) top left no-repeat;
}

#rightnav-corner {
width: 12px;
background: url(../images/img_right_navcorner.gif) top left no-repeat;
}	
	
/*-----------------------------CONTENT AREA-------------------------------*/

#content-wrapper {
	width: 840px;
	margin: 0px auto;
	padding: 0px 0 0 0;
	background: transparent url(../images/contentback.png) repeat-y;
	}

#content-wrapper-interior {
	width: 840px;
	margin: 0px auto;
	padding: 0px 0 0 0;
	background: transparent url(../images/contentback_interior.png) repeat-y;
	}
	
#content-wrapper-calendar {
	width: 840px;
	margin: 0px auto;
	padding: 0px 0 0 0;
	background: transparent url(../images/calendarback.png) repeat-y;
	}

#content-top-wrapper {
	background: transparent url(../images/header_bottom_bg.png) no-repeat 0px 0px;
	}
	
#content-bottom {
	width: 840px;
	padding: 0px 0px 41px 0;
	background: transparent url(../images/footer_top_bg.png);
	}

#content-bottom-int {
	width: 840px;
	padding: 0px 0px 41px 0;
	background: transparent url(../images/footer_top_bg_int.png);
	}
	
#content-bottom-cal {
	width: 840px;
	padding: 0px 0px 41px 0;
	background: transparent url(../images/footer_top_bg_cal.png);
	}

/*----------------------MAIN CONTENT--------------------------------------*/

#main-content-wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	
	}
	
#content-top-fade {
	width: 830px;
	padding: 0px;
	overflow: hidden;
	background: transparent url(../images/contentback_top.png) repeat-x 0px 0%;
	}
	
#whitespace {
	width: 570px;
	margin: 10px 0px 0px 20px;
	padding: 0 10px 0 0;
	float: left;
	background: url(../images/ball_bg.gif) no-repeat 50px 80px;
	}

#whitespace-interior {
	width: 500px;
	margin: 5px 0px 0px 50px;
	padding: 0 10px 0 0;
	float: left;
	}
	
#whitespace-calendar {
	width: 830px;
	margin: 5px 0px 0px 0px;
	padding: 0 10px 0 0;
	float: left;
	}
	
#sidenav {
	background: none;
	width: 200px;
	text-align: left;
	margin: 0px 0 0px 20px;
	padding: 15px 10px 0 20px;
	float: right;
	}

#sidenav ul {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	text-align: left;
	line-height: 25px;
	background: none;
	color: #666666;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#sidenav ul li {
	list-style-image: none;
	background: none;
	margin: 0;
}


#sidenav li a,#sidenav li a:link {
	list-style-image: none;
	background: none;
	margin: 0 0 0 0px;
	color: #ffffff;
	display: block;
	padding: 0 0 0 0px;
	font-size: 10px;
	text-decoration: none;
}

#sidenav li a:visited {
	background: none;
	color: #CCCCCC;
}

#sidenav li a:hover {
	background: transparent url(../images/hover.png) top left repeat-x;
	margin: 0 -10px 0 -15px;
	padding: 0 0px 0 15px;
	color: #003399;
	text-decoration: none;
}

#sidenav li a.select {
	background: transparent url(../images/hover.png) top left repeat-x;
	margin: 0 -10px 0 -15px;
	padding: 0 0px 0 15px;
	color: #8AAC22;
	}

#sidenav ul ul {
	text-indent: 25px;
	padding: 0;
	list-style-type: none;
	}

#sidenav li li a.select {
	background: none;
	margin: 0 -10px 0 -15px;
	padding: 0 0px 0 15px;
	color: #00CC00;
	}

a.fields {
	color: #D9EC9F;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	}
	
a.fields:hover {
	text-decoration: underline;
	}
	
#right-nav {
	width: 200px;	
	margin: 10px 10px 0px 0px;
	padding: 0 0 30px 0;
	float: right;
	position: relative;
	}
	
#frontpage-buttons {
	width: 450px;
	margin: 0px 0 0 50px;
	position: relative;
	}
/* ------------------------------- fields stuff --------------------------------- */

fields {
	width: 200px;
	color: #FFFFFF;
	}
	
fields li {
	padding-left: -1px;
	}


#mapbox {
	width: 496px;
	padding: 5px 5px 5px 5px;
	margin: 0;
	background-color: #2C58B1;
	border-style: solid;
	border-color: #012754;
	border-width: thick;
	}

#mapbox p {
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	}
	
#mapbox a {
	font-size: medium;
	color: #CCCCCC;
	text-decoration: underline;
	}
	
/*-----------------------RIGHT NAV-------------------------*/

#ticker-box {
	width: 200px;
	height: 259px;
	padding: 0 8px 0 8px;
	margin: 10px 15px 0 0;
	background-image: url(../images/newsbox.png);
	background-repeat: no-repeat;
	}

#ticker-inside {
	position: absolute;
	height: 192px;
	width: 163px;
	margin: 45px 0 0 7px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #000000;
	border-width: thin;
	}
	
#weather-box {
	width: 200px;
	height: 156px;
	padding: 42px 10px 0 8px;
	margin: 10px 15px 0 0px;
	background-image:url(../images/weatherbox.png);
	background-repeat: no-repeat;
	border: none;
	}

#weather-inside {
	position: absolute;
	height: 90px;
	width: 175px;
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #000000;
	border-width: 2px;
	}
/*------------------------FOOTER-----------------------*/

#footer-wrapper {
	width: 100%;
	color: #999999;
	background: #fff url(../images/footer_bg.png) repeat-x 0px -45px;
	margin: 0px;
	}
	
#footer {
	width: 830px;
	margin: 0px auto;
	min-height: 2.5em;
	padding: 1px 0 20px 20px;
	}
	
#footer a {
	color: #3366CC;
	}
	
#footer p {
	text-align: center;
	margin: 0px 0px 0 0;
	line-height: 1em;
	font-size: 0.7em;
	}