﻿body{
	background: url('../images/wackygrass.jpg') repeat;
	padding: 0;
	margin: 0;
}
img{
	border:none;
}
h1{
	color:#000000;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	text-align:left;
	padding-left:0px;
	padding-top:10px;
	margin:0;
	clear:right;
}
h1.h1top{
	padding-top:0px;
}
h2{
	color:maroon;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	text-align:left;
	padding-left:0px;
	padding-top:10px;
	margin:0;
	clear:right;

}
p,ul,ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	padding:0; margin:0;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: bold;
	text-decoration: none;
	color:navy;
	padding:0; margin:0;
}

#wrap{
	margin: 0;
	padding: 0;
	width:980px;
	border-left: thin #663300 solid;
	border-right: thin #663300 solid;
	background-color:#FFFFFF;
	text-align:left;	
}
#wrap{
	margin: 0;
	padding: 0;
	width:980px;
	border-left: thin #663300 solid;
	border-right: thin #663300 solid;
	/*background-color: #BECFF5;*/
	background-color: #FFFFFF;
	text-align:left;	
}

/* Top Navigation */
#topnavwrap{
	background-image:url('../images/header.jpg');
	width:980px;
	background-repeat:no-repeat;
	border-left: thin #663300 solid;
	border-right: thin #663300 solid;
}
#topnav{
	font: normal normal bold small Verdana; 
	color: #FFFFFF; font-family: Verdana; text-align: left;
	width:980px; padding:0; margin:0; border:none;
}
#topnav a {
	/*text-decoration: underline;*/
	text-decoration:none;
	color: #FFFFFF;
}
#topnav a:hover {text-decoration: none;/*underline overline; background-color:#628914;*/}
#topnav a.signin {color:#FFFFFF;text-decoration:none;}
#topnav a.signin:hover {color:#FFFFFF;text-decoration:underline overline;}
#topnav ul{list-style: none;margin:0;padding:0;}
#topnav ul li {
	/*padding-left: 52px; padding-right: 52px;*/
	background: url('../images/ul.gif') no-repeat left top;
	display:inline;
	}
#topnav ul li.frst {
	padding-left: 48px;
	background: none;
	display: inline;
	text-align: left;
	color:#FFFFFF;
}
#topnav ul.topnavtext li a{color:#FFFFFF;text-decoration:none;}
#topnav ul.topnavtext li a:hover {text-decoration: underline overline;}

/* For the Home page only */
p.homeweatheralert{
	color:maroon;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
	text-align:left;
	padding-left:50px;
	padding-top: 20px;
	padding-bottom:20px;
}
hr.homeweatheralert{
	color:maroon;
	width:600px;
	height:3px;
	padding: 0px 0px 0px 0px;
	margin:0;
}

p.homeheader1{
	color:#000000;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	text-align:left;
	padding-left:50px;
	padding-top: 10px;
}
p.homeheader2{
	color:#000000;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	padding-left:250px;
	padding-top: 10px;
	padding-bottom:20px;
}
#wraphome
{
	height: 100%;
	margin: 0;
	width: 980px;
	border-left: thin #663300 solid;
	border-right: thin #663300 solid;
	border-bottom: thin #663300 solid;
	background-repeat: no-repeat;
	padding: 0;
	background-color: #FFFFFF;
}

/* Used for all pages */
#content{
	padding:0;margin:0;border:none;left:0;
}
#content td{
	vertical-align:top;
	width:200px;
}
#content td.leftmenucolor{
	vertical-align:top;
	width:200px;
	background-color: white;
	padding-top:5px;
}
#content td.bodycontent{
	text-align: left;
	padding: 10px 10px 5px 10px;
	width: 780px;
	vertical-align:top;
}
#content td.bodycontent table{
	text-align: left;
	padding: 0;
	margin:0;
	width: 765px;
	vertical-align:top;
}
#content td.bodycontent table th{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;}
#content td.bodycontent table td{
	padding: 0px 3px 10px 10px;
	margin:0;
	width: 640px;
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
#content td.bodycontent table td.t1{padding:0;width:120px;text-align:left;}
#content td.bodycontent table td.t2{padding:0;width:230px;text-align:left;}
#content td.bodycontent table td.t3{padding:0;width:260px;text-align:left;}
#content td.bodycontent table td.t4{padding:0;width:150px;text-align:left;}
#content td.bodycontent table td.t5{padding:0;width:350px;text-align:left;}

#content td.bodycontent table td.t80{padding:0;padding-left:5px;width:80px;text-align:left; font-weight:bold;}
#content td.bodycontent table td.t210{padding:0;width:210px;text-align:left;}
#content td.bodycontent table td.t90{padding:0;width:90px;text-align:left;}

#content td.bodycontent table td.imagehold{
	padding:0;
	margin:0;
	width: 120px;
	vertical-align:top;
	text-align:center;
	font-size:medium;
}
#scrollbox{
	overflow: auto;
	width: 750px;
	height: 370px;
	display: block;
	margin:0;padding:0;
}
#scrollbox table.scrolltable{
	text-align: left;
	padding: 0;
	margin:0;
	width: 700px;
	vertical-align:top;
}
#scrollbox table.scrolltable td{
	width: 700px; padding:0;margin:0;
}
#scrollbox table.scrolltable td.newsdate{
	width: 150px; padding:0;margin:0;
}
#scrollbox table.scrolltable td.newstitle{
	width: 550px; padding:0;margin:0;
}
#content td.bodycontent p{
	padding: 5px 5px 5px 5px;
	font-size:small;
}
#content td.bodycontent ul{
	font-size: small;
	list-style-position: inside;
	list-style-type: disc;
	padding: 5px 0px 5px 20px;
}
#content td.bodycontent ul li{
	padding-bottom:5px;
}
#content td.bodycontent ol{
	font-size: small;
	padding: 0;
	margin: 2px 2px 2px 45px;
}
#content td.bodycontent ol li{
	margin: 0;
	padding: 0;
	padding-bottom:5px;
}
#content table.leftmenu{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: small;
	width: 200px;
	vertical-align: top;
	border:thin #083385 solid;
	background-color: #083385;
	padding:0; margin:0;
	color: #FFFFFF;
	font-weight: bold;
}
#content td.lefttitle{
	color:#FFFFFF;
	font-family: Verdana,Arial, Helvetica, sans-serif;font-size: small;
	text-align:left;
	padding:2px 5px 2px 15px;
	font-weight:bold;
	background-color: #083385;
	vertical-align: top;
}
#content td.leftmenucont{
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align: top;
	padding:2px 5px 2px 10px;
}
#content td.leftmenucont ul{
	font-size: small;
	list-style-position: inside;
	list-style-type: disc;
	padding: 2px 2px 2px 10px;
	margin:0;
}
#content td.leftmenucont a{
	color:#000000; font-weight:normal;
}
#content td.leftmenucont a:hover{
	text-decoration: underline;
}
table.grid{
	padding:0;margin:0;border:thin black solid;
}
table.grid th{
	border-bottom:thin black solid;font-family: Verdana,Arial, Helvetica, sans-serif; font-size:small;
}
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid navy;
font:normal 12px Verdana;
line-height: 15px;
z-index: 100;
background-color: #BECFF5;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}
#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
cursor:help;*/
}
/*Footer Section*/
#footer{
	width: 980px;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: x-small;
	font-weight: normal;
	border: thin #663300 solid;
	background-color: #083385;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 4px 0px;
	text-indent: 10px;
}
#homefooter{
	width: 980px;
	color: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align:center;
}
#homefooter a:hover{text-decoration:underline;}
#footertable td.breaking{vertical-align: bottom;width:163px; height:130px; text-align:center; background-image:url('../images/footer_breaking130.jpg');background-repeat:no-repeat; background-position:top center;}
#footertable td.contact{vertical-align: bottom;width:164px; height:130px; text-align:center;background-image:url('../images/footer_contact130.jpg');background-repeat:no-repeat; background-position:top center;}
#footertable td.season{vertical-align: bottom;width:164px; height:130px; text-align:center; background-image:url('../images/footer_season130.jpg');background-repeat:no-repeat; background-position:top center;}
#footertable td.player{vertical-align: bottom;width:163px; height:130px; text-align:center; background-image:url('../images/footer_player130.jpg');background-repeat:no-repeat; background-position:top center;}
#footertable td.volunteer{vertical-align: bottom;width:163px; height:130px; text-align:center; background-image:url('../images/footer_volunteer130.jpg');background-repeat:no-repeat; background-position:top center;}
#footertable td.sponsor{vertical-align: bottom;width:163px; height:130px; text-align:center; background-image:url('../images/footer_Sponsor130.jpg');background-repeat:no-repeat; background-position:top center;}
#footertable td.ftext{background-color:#083385; color:#FFFFFF;border-top: thin #663300 solid;}
#footertable td.ftext a{color:#FFFFFF;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:960px; height:20px; position:relative; z-index:100; font-family:Verdana,Arial, Helvetica, sans-serif; background-color:#083385;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:960px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:160px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:160px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#FFF; width:160px; height:20px; border-bottom:1px solid #000;/* border-width:1px 0 1px 1px;*/ background:#083385; padding-left:10px; line-height:19px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:160px;}
/*.menu ul a:hover{background-color:#083385;text-decoration:none;}*/

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#628914;}
/* style the second level hover */
.menu ul ul a.drop:hover{background-color:#628914;text-decoration:none;}
.menu ul ul :hover > a.drop {background-color:#628914;text-decoration:none;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#628914;text-decoration:none;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#628914;text-decoration:none;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:160px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;}

/* position the third level flyout menu */
.menu ul ul ul{left:160px; top:-1px; width:160px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-160px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background-color:#083385; color:#FFF; height:auto; line-height:1em; padding:5px 0px 5px 5px; width:160px;border-width:0 1px 1px 1px;text-decoration:none;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:160px;text-decoration:none;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFF; background:#628914;text-decoration:none;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF; background:#628914;text-decoration:none;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

