html, body {
margin : 0;
padding : 0;
background-image:url(../_media/swish.jpg);
background-repeat: repeat-x;
background-color: #d9e0f8;
}


a {
text-decoration:none;
cursor:hand;
font-weight:bold;
color:#5B7FBD;
display: inline;
}
a:hover {
text-decoration:underline;
}

p {
font-family:Arial;
font-size:11px;
margin:.2em 0px .8em 0px;
}
p a{
font-weight: normal;
}
li {
font-family:Arial;
font-size:11px;
}

td {
font-family:Arial;
font-size:11px;
margin:0;
vertical-align:top;
}

tr .head{
background-color:#cccccc;
font-family:Arial;
font-size:12px;
font-weight: bold;
margin:0;
vertical-align:top;
}

.head{
background-color:#cccccc;
font-family:Arial;
font-size:12px;
font-weight: bold;
margin:0;
vertical-align:top;
}

tr .red {
color:#ff0000;
}
tr .blue {
color:#0000ff;
}

.visible {
display:block;
}
.invisible {
display:none;
}

h1 {
color:#4c4c4c;
font-family: Arial;
font-size:15px;
text-transform:uppercase;
font-weight:bold;
margin:20px 0px 15px 0px;
}
h2 {
clear:left;
font-family: Arial;
font-size:13px;
font-weight:bold;
margin:1.2em 30px 10px 0px;
padding:0;
text-transform:capitalize;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin:1em 30px 10px 0px;
text-transform:capitalize;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin:1em 30px 10px 0px;
text-transform:capitalize;
}

ul .tabs {
margin-left:-20px; 
margin-right:0px; 
list-style:square; 
}


.toplinks {color:#ffffff;font-size:8pt;font-family:Arial;padding:3px 0 4px 0px;font-weight: bold;} /*background:#121b33;*/
.toplinks a {color:#ffffff;text-decoration:none;}
.toplinks a:hover {text-decoration:underline;}
.copyright {color:#cbcbcb;font-size:8pt;font-family: Arial;}
.copyright a {color:#cbcbcb;text-decoration:none;}
.footernav {color:#ffffff;font-size:10pt;font-family: Arial;}
.footernav a {color:#ffffff;text-decoration:none;}
    .buttxt		 {border-style: solid; border-width: 2; border-top-color: #330065; border-bottom-color: #330065; border-left-color: #330065; border-right-color: #330065; font-size: 11px; font-family: Arial; font-weight: ; font-style: ; font-variant: ; text-decoration: none; color: #330065; padding: 0px 0px 0px 0px; background-color: #ffffff;}
    .textbox	 {border-style: solid; border-width: 1; border-color: #330065; font-size: 11px; font-family: Arial; font-weight: ; font-style: ; font-variant: ; text-decoration: ; color: #330065; padding: 1px 0px 1px 0px; background-color: #ffffff;} 
    .tarea		 {overflow:auto; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #330065;font-size: 11px; font-family: Arial; font-weight: ; font-style: ; font-variant: ; text-decoration: ; color: #330065; padding: 0px 0px 0px 0px; background-color: #ffffff;}
    .sel			 {border-style: solid; border-width: 1px 1px 1px 1px; border-color: #330065; font-size: 11px; font-family: Arial; font-weight: ; font-style: ; font-variant: ; text-decoration: ; color: #330065; padding: 0px 0px 0px 0px; background-color: #ffffff;}
		.textboxE	 {border-style: solid; border-width: 1; border-color: #330065; font-size: 11px; font-family: Arial; font-weight: ; font-style: ; font-variant: ; text-decoration: ; color: #330065; padding: 1px 0px 1px 0px; background-color: #ffc9c9;} 
.Small 	 	 {FONT-WEIGHT: ; FONT-FAMILY: Arial; FONT-SIZE: 8px; COLOR: #000000; text-decoration: none; font-variant: ; FONT-STYLE: ;}
.CalDate 	 	 {FONT-WEIGHT: bold; FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #000000; text-decoration: none; font-variant: ; FONT-STYLE: ;}
.CalText 	 	 {FONT-WEIGHT: ; FONT-FAMILY: Arial; FONT-SIZE: 10px; COLOR: #000000; text-decoration: none; font-variant: ; FONT-STYLE: ;}
.CalCat		 {color:#FFFFFF; font-family:Arial; font-size:11px; font-weight:bold; text-align: center; padding:4px 15px 4px 10px; margin:0 0 5px 0;}
.GoldSide	 td {FONT-SIZE: 10px;}
.GoldSide a {color: #3e5287};
.PicDesc 	 	 {FONT-WEIGHT: ; FONT-FAMILY: Arial; FONT-SIZE: 10px; COLOR: #000000; text-decoration: none; font-variant: ; FONT-STYLE: italic;}
.TrafficCams 	 {FONT-WEIGHT: bold; FONT-FAMILY: Arial; FONT-SIZE: 10px; COLOR: #000000; text-decoration: none; font-variant: ; FONT-STYLE: ;}


#quicklinks form {margin:5px 0 0 15px;}
#quicklinks select {
font-family: Arial;
font-size:75%;
display:block;
border:2px solid #8B8B8B;
margin:0 0 10px 0;
}


/* LEFT NAV */

.NavPage	 {color:#cccccc; font-family: Arial; font-size:13px; text-transform:uppercase; font-weight:bold; padding:4px 15px 4px 10px; margin:0 0 5px 0; text-align: left;}
.NavCat		 {color:#3E5287; font-family: Arial; font-size:11px; font-weight:bold; text-align: left; padding:4px 15px 4px 10px; margin:0 0 5px 0;}
.NavCat a	 {color:#3E5287; text-decoration: none;}
.NavCat a:hover	 {color:#3E5287; text-decoration: underline;}
.NavSub		 {FONT-WEIGHT: normal; color:#3E5287; font-family: Arial; font-size:10px; text-align: left; padding:2px 15px 2px 25px; margin:0 0 0px 0;}
.NavSub a	 {FONT-WEIGHT: normal; color:#3E5287; text-decoration: none;}
.NavSub a:hover	 {FONT-WEIGHT: normal; color:#3E5287; text-decoration: underline;}
.NavTre		 {color:#3E5287; font-family: Arial; font-size:10px; text-align: left; padding:2px 15px 2px 50px; margin:0 0 0px 0;}
.NavTre a	 {color:#3E5287; text-decoration: none;}
.NavTre a:hover	 {color:#3E5287; text-decoration: underline;}


/* HOME PAGE */
.hpMayorLinks {color:#B4C7DB;font-size:8pt;font-family:Arial;padding:3px 0 4px 10px;line-height:1.2em;padding:0 0 0 10px;letter-spacing: 0.1em;}
.hpMayorLinks a {color:#B4C7DB;text-decoration:none;}
.hpSeBut	 {border-style: solid; border-width: 2; border-color: #ffffff; font-size: 12px; font-family: Arial; color: #ffffff; padding: 0px 0px 0px 0px; background-color: #909090;}
.hpSeTBox	 {border-style: solid; border-width: 2; border-color: #909090; font-size: 12px; font-family: Arial; color: #707070; padding: 1px 1px 1px 1px; background-color: #ffffff;} 
.hpSptTxt	 {FONT-WEIGHT: ; FONT-FAMILY: Arial; FONT-SIZE: 11px; COLOR: #000000; text-decoration: none; font-variant: ; FONT-STYLE: ;}
.hpSptHead {FONT-FAMILY: Arial; FONT-SIZE: 11px; COLOR: #E59B22; text-decoration: none; font-variant: ; FONT-STYLE: ; FONT-WEIGHT: bold;}
.hpSptHead a	 {color:#E59B22; text-decoration: none;}
.hpSptHead a:hover	 {color:#E59B22; text-decoration: underline;}
.hpSpotGrey 	{FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #909090; text-decoration: none; font-variant: ; FONT-STYLE: ; FONT-WEIGHT: bold; padding: 0px 0px 0px 0px;}
.hpSpotBlk 		{FONT-FAMILY: Arial; FONT-SIZE: 12px; COLOR: #000000; text-decoration: none; font-variant: ; FONT-STYLE: ; FONT-WEIGHT: bold; padding: 0px 0px 0px 0px;}
.divspot 	 		{background-image:url(/_media/site/home_bg1.gif);background-repeat:repeat-x;background-position:top;margin:0px 0px 0px 0px; height:1px;}
.hpSptRead		{FONT-WEIGHT: normal; FONT-FAMILY: Arial; FONT-SIZE: 11px; COLOR: #820115; text-decoration: none; font-variant: ; FONT-STYLE: ;}
.hpSptRead a	 {FONT-WEIGHT: normal; color:#820115; text-decoration: none;}
.hpSptRead a:hover	 {FONT-WEIGHT: normal; color:#820115; text-decoration: underline;}
.hpWelcome {color:#ffffff;font-size:10pt;font-family:Arial;padding:3px 10px 4px 5px;font-weight: bold;}
.hpHeadTit {FONT-FAMILY: Arial; FONT-SIZE: 11px; COLOR: #718ca9; text-decoration: none; font-variant: ; FONT-STYLE: ; FONT-WEIGHT: bold;}
.hpHeadTit a	 {color:#718ca9; text-decoration: none;}
.hpHeadTit a:hover	 {color:#718ca9; text-decoration: underline;}
.hpHeadTxt	 {FONT-WEIGHT: ; FONT-FAMILY: Arial; FONT-SIZE: 11px; COLOR: #000000; text-decoration: none; font-variant: ; FONT-STYLE: ;}
.hpMeet	 		 {FONT-WEIGHT: bold; FONT-FAMILY: Arial; FONT-SIZE: 10px; COLOR: #121b33; text-decoration: none; font-variant: ; FONT-STYLE: ;}
.hpMeet a	 		 {COLOR: #121b33; text-decoration: none;}
.hpMeet a:hover	 {COLOR: #121b33; text-decoration: underline;}
.hpEvent	 		 {FONT-WEIGHT: normal; FONT-FAMILY: Arial; FONT-SIZE: 10px; COLOR: #121b33; text-decoration: none; font-variant: ; FONT-STYLE: ;}
.hpEvent a	 		 {FONT-WEIGHT: normal; COLOR: #121b33; text-decoration: none;}
.hpEvent a:hover	 {FONT-WEIGHT: normal; COLOR: #121b33; text-decoration: underline;}
.qlDrop	 {border-style: solid; border-width: 2; border-color: #909090; font-size: 12px; font-family: Arial; color: #404040; padding: 1px 1px 1px 1px; background-color: #ffffff; width:170px; overflow:hidden;} 
ul li.qlList {FONT-WEIGHT: normal; list-style-image: url(/_media/site/arrow1.gif);background-position:bottom left;margin-bottom:10px; color:#000000; font-size: 11px;}
ul li.qlList a {FONT-WEIGHT: normal; text-decoration:none; color:#000000;}
ul li.qlList a:hover {FONT-WEIGHT: normal; text-decoration:underline; color:#000000;}

#smaller td {
font-family:Arial;
font-size:10;
}
#smaller .head {
background-color:#cccccc;
font-family: Arial;
font-size:12px;
font-weight: bold;
margin:0;
vertical-align:top;
}


.submitbutton {
padding-top: 5px;

}















/* GLOBAL DROP DOWN NAV */
/* GLOBAL DROP DOWN NAV */
/* GLOBAL DROP DOWN NAV */
/* GLOBAL DROP DOWN NAV */
#globalnav a {
font-family:Arial;
}

#globalnav {
background-color:#D58030;
height:20px;
}

#nav li:hover, #nav li.sfhover {
}

#nav li:hover a, #nav li.sfhover a {
color:#000000;
}


#nav {
height:20px;
}

#nav, #nav ul {
padding:0 0 0 0;
margin:0;
list-style: none; 
float:right;height:20px;
}

#nav li a {
color:#ffffff;
text-decoration:none;
display:block;
padding:4px 9px 2px 9px;
background-image:url(/_media/images/globalnav_bg.gif);
background-position:right 5px;
background-repeat:no-repeat;
text-align:left;
}

#nav li li a {
height:auto;
margin:0 5px 0 5px;
padding:.3em 0 .2em 0;
width:150px;
background-color:#F4AF00;
background-image:url(/_media/images/menu-bg1.gif);
background-position:bottom;
background-repeat:repeat-x;
display:compact;
}
#nav li li.last a {
background-image:none;
padding-bottom:.4em;
}

#nav li li a:hover {
background-color:#F4AF00;
color:#ffffff;
}

#nav li {
text-transform:uppercase;
background-color:#D58030;
float: left;
font-size:8pt;
font-weight:bold;
margin:0;
padding:0;
display:inline;
}

#nav li li {
background-color:#F4AF00;
text-transform:none;
font-weight:bold;
width:150px;
padding:0;
display:inline;
}


#nav li div {
	position: absolute;
	width: 150px;
	left: -999em;
	padding:0 0 5px 0;
	margin:0 0 0 10px;
	width:150px;
	z-index:1000;
}


#nav li:hover div {
	left: auto;
}
#nav li:hover div, #nav li.sfhover div {
	left: auto;
}
#nav li ul ul {
	width: 150px;
	margin: -1.7em 0 0 176px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
#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;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

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

*html .select-free
{
	position:absolute;
	z-index:10;
	cursor:move;
	overflow:hidden;/*must have*/
	width:150px;/*must have for any value*/;
}
*html .select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:150px;/*must have for any big value*/
	height:3000px;/*must have for any big value*/;
}
#printonly {display:none;}

@media print {
#NavBar-Yellow { display:none; }
#NavBar-Blue { display:none; }
#NavBar-Bottom { display:none; }
#NavBar-Gold { display:none; }
#shownaver {display:none; }
#dontprint {display:none; }
#printonly {display:block;}
body, #frame, #container {
background-image:none;
background-color:#FFFFFF;

}
}




/* DHTML WINDOW STYLES START */
.dhtmlwindow{position: absolute;border: 2px solid black;visibility: hidden;background-color: white;}
.drag-handle{ /*CSS for Drag Handle*/ padding: 1px;text-indent: 3px;font: bold 14px Arial;background-color: #CA0000;color: white;cursor: move;overflow: hidden;width: auto;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/position: absolute;right: 1px;top: 2px;cursor: hand;cursor: pointer;}
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/width: 100%;}
.drag-contentarea{ /*CSS for Content Display Area div*/border-top: 1px solid brown;background-color: white;color: black;height: 150px;padding: 2px;overflow: auto;}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/ border-top: 1px solid gray;background-color: #F8F8F8;height: 13px; /*height of resize image*/}
.drag-resizearea{ /*CSS for Resize Area itself*/float: right;width: 13px; /*width of resize image*/height: 13px; /*height of resize image*/cursor: nw-resize;font-size: 0;}
/* DHTML WINDOW STYLES END */



#container{
width:750px;
margin:0 auto;
margin-top: 0;
height: 100%;
height: auto;
padding: 5px 10px;
background-color: #FFF;
border-right: 1px solid #c8c8c8;
border-left: 1px solid #c8c8c8;
}

#header{
height:155px;
margin:0;
}

#Logo {
height:155px;
width: 166px;
float: left;
margin:0;
padding: 0;
background-image:url(../_media/bannerlogo.jpg) 
}

#HeaderBody {
height:155px;
width: 584px;
float: right;
margin:0;
padding: 0;
background-image: url(../_media/banner_spring.jpg)
}



#calendarcrumbs a:link, #calendarcrumbs a:visited{
color: #000;
text-decoration:underline;
}

#calendarcrumbs a:hover{
color: #af7a7a;
text-decoration:underline;
}

#calendarcrumbs {
width: 750px;
height: 18px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 10px 0;
}

#breadcrumbs font, #calendarcrumbs font {
font-family: arial;
font-weight:bold;
font-size: 10px;
color: #000;
vertical-align: middle;
}

#CentennialBox{
width: 156px;
height: 24px;
display: block;
float:left;
font-family: arial;
}

#Return {
width: 144px;
height: 110px;
display: block;
float:left;
padding: 20px 0 0 10px;
}

#CentennialBox a{
display:block;
text-decoration:none; 
height:24px;
line-height: 24px;
text-align: center;
cursor: pointer;
padding: 0 5px;
font-weight: bold;
font: Arial;
color: #FFF;
font-size:12px;
}

#CentennialBox a:hover{
color: #d2bb1b;
}

form {
margin: 0;

}

#footer{
clear: both;
width:100%;
}


/* Drop Down Menu CSS */

/* ================================================================ 
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_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
position: relative;
width:584px; 
top: 130px;
left: 0;
z-index: 100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin: 0;
list-style-type:none;
}

a.noborder{
display:block;
text-decoration:none; 
height:24px;
line-height: 24px;
text-align: center;
cursor: text;
padding: 0 5px;
font-weight: bold;
font: Arial;
color: #FFFFFF;
font-size:12px;
}

/* style the links for the top level */
.menu a.SubLink, .menu a.SubLink:visited {
display:block;
text-decoration:none; 
color:#000; 
width:143px; 
border:1px solid #b6b6b6; 
border-width: 0 1px 1px 1px; 
line-height:10px;
font: Arial;
font-size:10px;
font-weight: bold;
text-align: left;
}

/* 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:143px;
position:relative;
}

#DropImage {
background-image: url(../_media/bullet.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}



li.green{
background:#69873d;
border-right: 4px solid #fff;
}

li.green a:hover{
background:#3c4d87;
}

li.yellow{
background:#d2bb1b;
border-right: 4px solid #fff;
}

li.yellow a:hover{
background:#d1441c;
}

li.blue{
background:#3c4d87;
border-right: 4px solid #fff;
}

li.blue a:hover{
background:#69873d;
}


li.red{
background:#d1441c;
}

li.red a:hover{
background:#d2bb1b;
}




/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d9e0f8;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#d9e0f8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#3c4d87;
}
.menu ul ul ul :hover > a {
background:#3c4d87;
}

/* 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:24px;
left:0; 
width:143px;
}


.menu li li {
margin: 0;
}


/* position the third level flyout menu */
.menu ul ul ul{
left:164px; 
top: 0;
width:143px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-164px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position:absolute; 
top:0; 
left: 0;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#f7f4df; 
color:#000; 
height:auto; 
line-height:1em; 
padding:4px 10px; 
width:150px;
}
/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{
color: #fff; 
background: #3c4d87;

}

.menu ul ul :hover > a {
color:#fff;
background:#3c4d87;
}

/* 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;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* End Drop Down Menu CSS */





#parking {
margin: 0 auto;

width: 50px;
height: 20px;
}