@charset "utf-8";
/* CSS Document */



html, body {
	height: 100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	text-align:center;
	font-size:.75em;
	margin: 0;
	padding: 0;
	background:url(images/header.jpg) repeat-x;
}

#pagesurround {
	text-align: left;
	padding: 0;
	width: 780px;
	min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto 0; 
}

#header {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height:141px;
	color:#FFFFFF;
}
#headerText {
	float: left;
	margin-top: 40px;
}
#headnav{
	float:right;
	padding-top: 34px;

}



#nav, #nav ul {
	float:left;
	list-style:none;
	line-height:33px;
	margin: 0;
	padding: 0;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:13px;
	position:inherit;
			z-index:100;
}


#nav a {
	display:block;
	/*width: auto;*/
	color:#663300;
	text-decoration:none;
	padding:0 10px;

}

#nav li.foldout { 
	background:url(../images/foldout.png)  center right no-repeat;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 10px;
	color:#663300;
	}
	
#nav li:hover.foldout { 
	background:url(../images/foldout.png)  center right no-repeat;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 10px;
	color:#663300;
	}


#nav li {
	float:left;
	padding:0;
	width:auto;
	border-left: #333333 1px solid;
}
.navbord{
	border-right: #333333 1px solid;
}

#nav li ul {
	position: absolute;
	width: 250px;
	left: -999em;
	margin: 0;
	padding: 0;
	background:#EEE;
	border:1px solid #231F20;
}
#nav li li {
	width:250px;
	height: 18px;
	font-size:11px;
	line-height: 18px;
	text-align:left;
	border-bottom: 1px solid #231F20;
}

#nav li ul a {
	 width:250px;	
}

#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, #nav li.sfhover {
	color:#FFFFFF;
	background:url(../images/nav_ov.jpg) repeat-x;}
#nav li a:hover, li li a:hover{color: #e6e6e6;}

#nav .active {
	background:url(../images/nav-bg-ov.jpg);
	color: #231F20;
}

#nav li:hover ul {
    left: auto;
}

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

#nav li li a {
	border-width: 1px;
	
}





#lgphoto {
	margin:20px 0 0 0;
}

#maincont{
	width: 550px;
	margin-top: 20px;
	margin-right:30px;
	float:left;
}
#rightcont{
	margin-top: 20px;
	width: 200px;
	float:left;
}

#rightcont ul{
	margin:0;
	padding:0;
}
#rightcont li{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	border: 1px #CDCCCB solid;
}
#rightcont ul a {
	font-size: 1.1em;
	padding: 5px;
	background:#F9F9F9;
	display: block;
}
#rightcont ul a:hover {
background:#EDECEB;
}

#depcont{
	width: 240px;
	float:left;
	padding-right:20px;
}

#depcont ul{
	margin:0;
	padding:0;
}
#depcont li{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	border: 1px #CDCCCB solid;
}
#depcont a {
	font-size: 1.1em;
	padding: 5px;
	background:#F9F9F9;
	display: block;
}
#depcont a:hover {
background:#EDECEB;
}
#eventcal{
	float:right;
	width:250px;
	padding-left: 25px;
}
#footer {
	border-top:#000033 8px solid;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 20px;
	text-align:center;
	background:#e1e1e1;
  height: 160px;
}
#footer ul{
	margin:0;
	padding:0;
}
#footernav ul{
	margin:0;
	padding:0;
}
#footernav li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#footernav a{
	font-weight:bold;
	color:#663300;
	font-size: 12px;
	padding: 8px;
}
#footernav a:hover{
	color:#000033;
}
a {color:#663300;}
a:link a:active a:visited {color:#663300;}
a:hover {color:#000033;}

h1 {font-size: 1.5em; color:#000033;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#e1e1e1; text-indent:5px;}
h2 {font-size: 1.25em; color:#000033;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.headtxt {font-size: 32px;}
.h1subscript {font-size: 12px;}
.foottxt {font-size: 1.2em;}
.copyright {font-size: 10px;}
.red {color: #FF0000;}
.tablehead {font-size: 1em; color:#e1e1e1;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#000033; font-weight:bold;}
.tablehead a:hover {color:#e1e1e1;}

img {border: none;}
.imgleft {float: left;	padding-right: 20px;}
.imgright {float: right; padding-left: 20px;}
.clr {clear:both;}

.special {
	padding: 10px;
	margin: 10px;
	border:dashed 1px #000033;
	background-color:#FFFFFF;
	background-image: url(/departments/Public_Works/parks_rec/Images/bg-golf.jpg);
}
.special h1 {
	padding:10px;
}


/*Department JQUERY Dropdown Menu Styles*/

.menu_list {
	width: 200px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
    background: #F9F9F9;
	color:#663300;
}
.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  line-height: 20px;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
	background-color:#CCC;
}


/*/////////////////////park-n-rec/////////////////////*/

#slideshow {
    position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

#slideshow IMG.active {
    z-index:3;
}

#slideshow IMG.last-active {
    z-index:2;
}
/*must declare a height to z-index guys */

.golf {height:350px;}
.pr {height: 120px;}

.news { padding: 10px; margin:20px 0; background-color:#EFEFEF; 	border: 1px #CDCCCB dashed;}
.news h2 {color:#F00;}

#feature {
	width: 265px;
	float: left;
	border-bottom: 1px #CDCCCB dashed;
	margin: 0 0 20px 0;
}
#feature.left {margin-right:20px;}

#feature h2 {margin:0; padding:0; background:#e1e1e1; text-indent:5px; }

#feature h2 a{color:#000033; text-decoration:none; display:block;}
#feature h2 a:hover{color:#e1e1e1; background:#000033; }

#feature-full {
	width: 100%;
	border-bottom: 1px #CDCCCB dashed;
	margin: 0 0 20px 0;
	font-size:10px;
}


#newsletter {
	width: 250px;
	float:right;
	padding-right: 25px;
}