body {
	font-family: Arial, Helvetica, sans-serif, Georgia, tahoma;
	margin: 10px 0;
	padding:0;
	background-color:#FFFFFF;
	color: #000000;
	}
	
	img{
		float:right;
		margin:10px;

				}
	
p {
	font-size:10pt;
	color: #000000;
	margin:0;
	padding:0;
	}

h1 {
	font-size:11pt;
	color:#FFFFFF;
	padding:0;
	margin:0;
	margin-top:4px;
	margin-left:10px;
	}
	
h2 {
	font-size:11pt;
	color: #0A55A3;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
.pink{
	color:#FF0055;
	}

#container {
	width: 780px;
	margin:0 auto;
	padding: 0;
	}
	
#header {
	width:100%;
	float:left;
	}
	
#logo{
	float:left;
	width:100px;
	height:96px;
	border-right:#FFFFFF solid 3px;
	border-bottom:#FFFFFF solid 3px;
	}
	
#logo p{
	color:#FFFFFF;
	}

#headerright{
	width:677px;
	float:left;
	border-bottom:#FFFFFF solid 2px;
	margin-top:7px;
	}
	
#searchframe{
	width:100%;
	float:left;
	background-image:url(images/searchbg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:10px;
	}
	
#search{
	float:right;
	width:220px;
	height:48px;
	margin:0;
	}
	
label{
	float: left;
	width: 60px;
	font-weight: bold;
	color:#FFFFFF;
	font-size:10pt;
	margin-left:8px;
	}

input#searchtext{
	width: 110px;
	background-color: #FFFFFF;
	border: #0A55A3 solid 2px;
	}
	
#nav{
	width:677px;
	float:left;
	border-top:#0A55A3 solid 2px;
	background-image:url(images/navbg.jpg);
	}
	
/* another son of suckerfish...
http://www.htmldog.com/articles/suckerfish/dropdowns/
http://www.alistapart.com/articles/horizdropdowns
*/

#nav ul.menu { /* top level ul */
  padding: 0;
  margin: 0;
  list-style: none;
  line-height:25px;
}

#nav a {
  display: block;
  padding: 2px 25px;
  margin: 0;
  /*width: 6em;*/
  color:#0A55A3;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif, Georgia, tahoma;
  font-size:10pt;
  font-weight:bold;
}

#nav a:hover {
	color:#222222;
	text-decoration: underline;
	background-color:#A7CDED;
  
}

#nav li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  /*height: 1.6em;*/
  /*width: 10em;/* fixed width works better, but looks ugly */
}

#nav ul.menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#nav li ul {
  position: absolute;
  width: 13.8em; 
  left: -999em; /* to hide menus because display: none isn't read by screen readers */
}

#nav li li {
  /*height: auto;*/
  float: left;
  width: 13.8em;
}

#nav li ul a {
  /*display: block;*/
  padding: 0.2em 0 0.2em 0.8em;
  width: 13em;
  /*height: auto;*/
  /*text-align: left;*/
  line-height: normal;
  background-image:url(images/navbg.jpg);
  border-right:none;

}

#nav li ul a:hover {
	background-image:none;
	background-color:#A7CDED;
}

#nav ul.menu ul ul {
	margin: -1.4em 0 0 11.5em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

.normalborderbottom{
	border-bottom:#0A55A3 solid 1px;
	}

.largeborderbottom{
	border-bottom:#0A55A3 solid 4px;
	}
	
.borderright{
	border-right:#0A55A3 solid 1px;
	}

#flashheader{
	float:left;
	width:100%;
	height:160px;
	}
	
#breadcrumbwrap{
	float:left;
	width:100%;
	}
	
#breadcrumbwrap p{
	color:#666666;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif, Georgia, tahoma, Lucida Sans Unicode;
	}
	
#breadcrumbwrap a:link, #breadcrumbwrap a:visited{
	font-size: 10pt;
	text-decoration: none;
	color: #666666;
	}

#breadcrumbwrap a:hover{
	color: #FFCC00;
	}
	
.highlighted {
	color: #FFCC00;
	}
	
#breadcrumb{
	float:left;
	width:550px;
	}
	
#date{
	float:right;
	width:200px;
	text-align:right;
	}

#content {
	width:100%;
	float:left;
	padding:0;
	margin:0;
	margin-top:10px;
	}
	
#left{
	float:left;
	width:180px;
	margin-right:10px;
	}
	
#left ul {
	display: block;
	margin: 0 10px;
	padding: 0;
	width: 160px;
	}

#left li {
	display: block;
	font-size: 8pt;
	font-weight:bold;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height:25px;
	}

#left li a {
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-family:tahoma, Arial, Helvetica, sans-serif, Georgia,Lucida Sans Unicode, Trebuchet MS, Century Gothic;
	display: block;
	margin: 0px;
	padding: 4px 0 4px 5px;
	text-decoration: none;
	}


#left li a:hover {
	color: #222222;
	}
	
#lefttop{
	float:left;
	width:180px;
	height:20px;
	background-image:url(images/leftnavtop.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#leftcenter{
	float:left;
	width:180px;
	background-color:#0A55A3;
	}
	
#leftbottom{
	float:left;
	width:180px;
	height:20px;
	background-image:url(images/leftnavbottom.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#center{
	float:left;
	width:400px;
	font-size:10pt;
	color: #222222;
	}
	
#center a:link, #center a:visited{
	font-weight:bold;
	font-size: 10pt;
	text-decoration:underline;
	color: #0B72DD;
	}

#center a:hover{
	color: #FFCC00;
	}
	
#center ul{
	margin:0;
	margin-left:25px;
	padding:0;
	}

#center li{
	padding:5px 0;
	}
	
.imgright{
	float:right;
	margin:10px;
	}
	
.imgleft{
	float:left;
	margin:10px;
	}
	
#levelswrap{
	float:left;
	width:100%;
	margin-top:10px;
	}
	
.levelbox{
	float:left;
	border:#000000 solid 1px;
	margin-left:10px;
	padding-top:12px;
	width:43px;
	height:31px;
	}
	
#latestevents{
	float:left;
	width:100%;
	margin-top:10px;
	}

#latesteventstop{
	float:left;
	width:400px;
	height:15px;
	background-image:url(images/centertop.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
#latesteventscenter{
	float:left;
	width:400px;
	background-color:#D7E9F7;
	}
	
#latesteventspadding{
	padding:0 10px;
	}
	
#latesteventsbottom{
	float:left;
	width:400px;
	height:15px;
	background-image:url(images/centerbottom.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#latesteventsheader{
	float:left;
	width:380px;
	height:25px;
	margin-bottom:10px;
	background-image:url(images/latestnewsheader.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#latestnewsheader{
	float:left;
	width:380px;
	height:25px;
	margin:10px 0;
	background-image:url(images/latestnewsheader.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#right{
	float:right;
	width:180px;
	margin-left:10px;
	}
	
#seasonaloffers{
	float:left;
	width:100%;
	margin:0;
	margin-bottom:10px;
	padding:0;
	}
	
#seasonaloffers p{
	color:#FFFFFF;
	}
	
#seasonalofferstop{
	float:left;
	width:100%;
	height:35px;
	background-image:url(images/seasonalofferstop.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#seasonalofferscenter{
	float:left;
	width:100%;
	background-image:url(images/seasonalofferscenter.png);
	}
	
#seasonalofferspadding{
	padding:5px 10px;
	}
	
#seasonaloffersbottom{
	float:left;
	width:100%;
	height:62px;
	background-image:url(images/seasonaloffersbottom.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
a.gobutton {
	display: block;
	width:175px;
	height:57px;
	background-image: url(images/gobuttonon.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
a:hover.gobutton {
	background-image: url(images/gobuttonoff.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
	
#townmap{
	float:left;
	width:100%;
	margin:0;
	margin-bottom:10px;
	padding:0;
	}
	
#townmap p{
	color:#FFFFFF;
	}
	
#townmaptop{
	float:left;
	width:100%;
	height:35px;
	background-image:url(images/townmaptop.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#townmapcenter{
	float:left;
	width:100%;
	background-image:url(images/townmapcenter.png);
	}
	
#townmappadding{
	padding:5px 10px;
	}
	
#townmapbottom{
	float:left;
	width:100%;
	height:62px;
	background-image:url(images/townmapbottom.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
a.mapgobutton {
	display: block;
	width:175px;
	height:57px;
	background-image: url(images/mapgoon.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
a:hover.mapgobutton {
	background-image: url(images/mapgooff.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
	
#classes{
	float:left;
	width:100%;
	margin:0;
	margin-bottom:10px;
	padding:0;
	}
	
#classes p{
	color:#FFFFFF;
	}
	
#classestop{
	float:left;
	width:100%;
	height:35px;
	background-image:url(images/classestop.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#classescenter{
	float:left;
	width:100%;
	background-image:url(images/seasonalofferscenter.png);
	}
#classespadding{
	padding:5px 10px;
	}
	
#classesbottom{
	float:left;
	width:100%;
	height:62px;
	background-image:url(images/seasonaloffersbottom.png);
	background-repeat:no-repeat;
	background-position:top;
	}
	
.imgrightborder{
	float:right;
	margin:10px;
	border:#0A55A3 solid 1px;
	}
	
.imgleftborder{
	float:left;
	margin:10px;
	border:#0A55A3 solid 1px;
	}

#footer {
	clear:both;
	width:100%;
	padding: 0;
	text-align:center;
	color:#222222;
	font-size:8pt;
	}
	
#footerpadder {
	margin: 0;
	padding: 20px 5px;
	}
	
#footer a:link, #footer a:visited{
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
	color: #0A55A3;
	}

#footer a:hover{
	color: #FFCC00;
	}
th {
	text-align: left;
}
.yellowtext {
	color: #471A86;
}