/* =General stuff
----------------------------------------------- */

* {
	margin:0;
	padding:0;
	}

img {
	border:0;
	}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.left {
	float:left;
	clear:left;
	margin-right:10px;
	margin-bottom:10px;
	}

.right {
	float:right;
	clear:right;
	margin-left:10px;
	margin-bottom:10px;
	} 
	
body {
	background:#e8f0de url(../images/body-bg.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000;
	margin: 0;
	padding: 0;
	}
	
a {
	text-decoration:none;
	border-bottom:1px dotted #000;
	color:#000;
	}

a:hover {
	text-decoration:none;
	border-bottom:1px dotted #584D2D;
	}

img {
	border:0;
	}

a img {
	border: 0;
	outline: none;
	text-decoration: none;
	}

ul {
	list-style:none;
	}
	
#container {
	margin: 0 auto;
	width:884px;
	position: relative;
	}
	
#contentarea {
	padding: 70px 20px 0;
	background: #FFF;
	
	}
h1 { margin: 0; padding: 0; }
	
/* =Header/Title
----------------------------------------------- */

#title {
	width: 884px;
	height: 241px;
	position: relative;
	margin: 0;
	padding: 0px;
	line-height:normal;
}

#title span {
	width: 100%;
	height: 100%;
	position: absolute;
	xbackground: url(../images/titles/rotate.php) no-repeat top left;
}
#title #fade {
	background-image:none !important;	
}

#letterhead {
	display:none;
	}
	
#banner-overlay{
	background: url(../images/banner-overlay.png) no-repeat bottom right;
	position:absolute;
	width:380px;
	height:47px;
	right:0;
	top:192px;
}	
#banner-overlay span{
	color:white;	
	float:right;
	padding-right:255px;
	padding-top:32px;
	font-size:9px;
}
/* =Nav/Dashboard
----------------------------------------------- */

#dashboard {
	position: absolute;
	top: 241px;
	left: 0px;
	}
	
#navigation {
	float: left;
	width: 743px;
	margin: 0 0 12px 0;
	}

#globalnav {
	width: 500px;
	padding: 0 0 0 7px;
	float: left;
	}
		 
#globalnav li {
	display: inline;
	padding: 0 0 0 14px;
	text-transform: lowercase;
	}
	
#globalnav li a {
	text-decoration:none;
	font-size:0.9em;
	color:#666666;
	border:none;
	}
	
#globalnav li a:hover, #globalnav li a.selected {
	border-bottom:1px dotted #333;
	color: #333;
	}

#navigation ul{
	background:url(../images/nav-bg.gif) no-repeat 0 0;
	float:left;
	width:874px;
	padding:0 0 0 10px;
}
	
#navigation ul li{
	float:left;
	height:30px;
	padding:0 3px 0 0;
	position:relative;
}

#navigation ul li a{
	float:left;
	z-index:3000;
	position:relative;
	height:30px;
	background-position:0 30px;
	border:none;
	text-indent:-9999em;
}
#navigation ul li:hover a, #navigation ul li.hover a{
	background-position:0 0px;
}
#navigation ul li a:hover, #navigation ul li a.active{
	background-position:0 0;
}
#navigation ul li a.residents{
	background-image:url(../images/button-residents.gif);
	width:120px;
}
#navigation ul li a.city-hall{
	background-image:url(../images/button-city-hall.gif);
	width:120px;
}
#navigation ul li a.business{
	background-image:url(../images/button-business.gif);
	width:110px;
}
#navigation ul li a.visitors{
	background-image:url(../images/button-visitors.gif);
	width:114px;
}

#navigation ul li ul{
	background:#fff !important;
	width:150px;
	padding:0;
	position:absolute;
	z-index:3000;
	top:30px;
	left:0;
	display:none;
	padding:1px 0 0 0;
}
#navigation ul li ul li{
	float:left;
	height:auto;
	padding:0 0 1px 0;
	line-height:14px;
}
#navigation ul li ul li a{
	float:left;
	z-index:400;
	height:auto;
	line-height:1.4em;
	background:#DFE4F3;
	width:118px;
	font-size:1em;
	color:#584D2D;
	padding:6px 12px 6px 20px;
	text-decoration:none;
	text-indent:0;
}
#navigation ul li ul li a:hover{
	background:#D3DAED;
	font-weight:normal;
	text-decoration: underline;
}
#navigation ul li ul li a.first-sub{
	background:url(../images/button-drop-down-first-off.gif) no-repeat 0 0;
}
#navigation ul li ul li a.first-sub:hover{
	background:url(../images/button-drop-down-first-on.gif) no-repeat 0 0;
	
}
#navigation ul li ul li a.last-sub{
	background:url(../images/button-drop-down-last-off.gif) no-repeat 0 100%;
}
#navigation ul li ul li a.last-sub:hover{
	background:url(../images/button-drop-down-last-on.gif) no-repeat 0 100%;
}
#navigation ul li:hover ul, #navigation ul li.hover ul {
	display:block;	
}
	
#searchbox {
	color: #666;
	float: right;
	width: 230px;
	padding: 0 20px 0 0;
	text-align: right;
	}
	 
#searchbox label {
	padding: 0 10px 0 0;
	}
	
#weather {
	padding: 15px 0 0 0;
	text-align: center;
	}

/* Phil added to pull out image captions */

span.caption {display:none;}

/* styles for jquery slide panels */

.panel-up{
	
 }
.panel-down{
	
}
.panel-target{

}
.panel-closed{
	display:none;
}

/* =Primary
----------------------------------------------- */

#primary {
	float:right;
	width: 596px;
	}

#primary .photoboxleft img {
	float:left;
	clear:left;
	margin-right:10px;
	margin-bottom:10px;
	}

#primary .photoboxright img {
	float:right;
	clear:right;
	margin-left:10px;
	margin-bottom:10px;
	}
	
#primary h2 {
	font-size:1.8em;
	color:#584D2D;
	padding:0;
	margin:0 0 15px 0;
	}
	
#primary h3 {
	color:#5D5230;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:5px;
	}
	
#primary h3 a  {
	text-decoration:none;
	font-weight:bold;
	}

#primary h4 {
	font-size:1.2em;
	color:#537528;
	padding:0;
	margin:0 0 4px 0;
	}
	
#primary p {
	margin: 0 0 16px 0;
	line-height: 1.5em;
	}
	
#primary .pagination {
	border-top:1px dotted #CCC;
	}

	
#primary a {
	color:#537528;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px dotted #537528;
	}
	

	
#primary a:hover, #primary li a.active  {
	color:#584D2D;
	border-bottom:1px dotted #584D2D;
	}
	

.sub_summary {
	padding-left:20px;
	background:url(../gfx/summary_bullet.gif) 0 5px no-repeat;
	margin-bottom:16px;
	}
	
#primary .sub_summary h3 a{
	font-weight:normal;
	}

#primary .summary {
	margin-bottom:16px;
	}

#primary .summary p, #primary .sub_summary p {
	margin-bottom:0;
	}
	
#primary .summary .readmore, #primary .sub_summary .readmore {
	margin-top:0;
	padding-top:0;
	}
	
	
#primary .documents {
	list-style:none;
	margin:0;
	padding:0;
	}
	
	
#primary .documents li {
	margin:0;
	padding:0;
	list-style:none;
	background:none;
	}

#primary .documents li a {
	padding:5px 0 5px 30px;
	margin:8px 0;
	display:block;
	background:url(../gfx/doc_icn3.gif) no-repeat;
	}
	
#primary .date {
	font-style:italic;
	}
	
#primary h3.folder {
	padding:7px 0 7px 30px;
	margin:6px 0;
	background:url(../gfx/folder_icn.gif) no-repeat;
	}
	
#primary .events_summary  {
	margin:15px 0;
	}
	
#primary .events_summary h3 {
	color:#537528;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0;
	}
	
#primary .events_summary .date {
	font-style:italic;
	margin-bottom:10px;
	}
	
#primary .events_summary p {
	margin-bottom:0;
	}

.calendar_box {
	background:url(../gfx/calendar.gif) top left no-repeat;
	padding:5px 0 0 75px;
	margin:5px 0 0 0;
	height:60px;
	float:right;
	}
	
#primary .calendar_box p {
	margin-bottom:5px;
	text-align:right;
	}
	
#primary .calendar_box a {
	font-weight:bold;
	text-align:right;
	}
	
#primary td {
	padding:5px;
	}

/* =Secondary
----------------------------------------------- */

#secondary {
	float: left;
	width:214px;
	}
	
#secondary .databox h3 {
	background:transparent url(../images/left-box-top-bg.jpg) no-repeat scroll 0 0;
	width:49px;
	height:28px;
	padding:3px 0 0 165px;
	position:relative;
	text-indent:-9999em;
	}
	

#secondary #eventsbox h3  {
	background:transparent url(../images/left-box-top-bg-events.jpg) no-repeat scroll 0 0;
	}
	
#secondary #newsbox h3  {
	background:transparent url(../images/left-box-top-bg-news.jpg) no-repeat scroll 0 0;
	}
		
#secondary #quicklinks-menu.databox h3 {
	padding-left:8px;
	width:206px;
	padding-top:8px;
	text-indent:0;
	}
		
.databox {
	background:url(../images/left-box-center-bg.gif) repeat-y;
	margin:0 0 15px 0;
	}

.databox h4 {
	font-size:1em;
	margin:0 0 4px 0;
	}

.newsitem, .eventsitem {
	padding:0.2em 1.5em 0.6em 1.5em;
	}
	
.newsitem a, .eventsitem a {
	color:#336;
	}
	
#secondary .eventsitem .date {
	background:#E9E9E9 none repeat scroll 0 0;
	color:#333333;
	font-size:0.9em;
	font-weight:normal;
	margin:0 0 2px;
	padding:3px 8px 2px;
	}
	
#secondary .readmore {
	width:199px;
	height:15px;
	background:url(../images/left-box-bottom-bg.gif) bottom left no-repeat;
	text-align:right;
	padding:15px 15px 15px 0;
	}
	
#secondary #eventsbox .readmore {
	width:199px;
	height:45px;
	background:url(../gfx/events-left-box-bottom-bg.gif) bottom left no-repeat;
	text-align:right;
	padding:15px 15px 15px 0;
	}
	
#secondary #eventsbox .readmore p {
	margin-bottom:5px;
	}
	
#secondary .readmore a {
	color:#537528;
	font-weight:bold;
	padding-right:15px;
	}
	

	
#weatherwidget {
	margin-left:20px;
	}
	
#subnav {
	margin:0 0 20px 15px;
	}
	
#subnav h3 {
	color:#537528;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
	text-decoration:none;
	text-transform:uppercase;
	}

#subnav a {
	color:#537528;
	border-bottom:1px dotted #537528;
	font-weight:bold;
	}
	
#subnav a:hover, #subnav a.selected {
	color:#584D2D;
	border-bottom:1px dotted #584D2D;
	}
	
#subnav li li a {
	font-weight:normal;
	}
	
#subnav h3 a {
	color:#584D2D;
	border-bottom:1px dotted #584D2D;
	}
	
#subnav li {
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0.2em 0.5em 0.6em 0;
	}
	
#subnav li li {
	list-style-type:disc;
	margin-left:1.3em;
	padding:0.5em 0.5em 0.2em 0.2em;
	}
	
	
#quicklinks-menu {
	margin:0 0 10px 0;
	position:relative;

	}
	
#quicklinks-menu form {
	padding:0 5px 0 5px;
	height:30px;
	width:204px;
	background:url(../images/left-box-bottom-bg.gif) bottom left no-repeat;
	}
	
#quicklinks-menu select {
	width:204px;
	padding-top:0;
	margin-top:0;

	}
	
#quicklinks-menu h3, #quicklinks-menu img {
	margin-bottom:0;
	padding-bottom:0;
	}


/* =Footer
----------------------------------------------- */

#footer {
	clear: both;
	padding: 20px 25px 0 25px;
	background: #ffffff;
	}
	
/*navigation in footer*/
#footer ul{
	text-align:center;
	padding:0 0 5px 0;
	}
	
#footer ul li {
	background:url(../images/footer-li-bg-split.gif) no-repeat 0 50%;
	padding:0 4px 0 10px;
	display:inline;
	line-height: 1.2em;
	}
	
#footer ul li.first {
	background:none;
	padding:0 4px 0 0;
	}
	
#footer ul li a{
	color:#537528;
	font-weight:bold;
	text-decoration:none;
	}
	
#footer ul li a:hover{
	text-decoration:underline;
	}

/*address in footer*/
#footer ul.contactinfo {
	width:420px;
	float:left;
	text-align:right;
	padding:14px 0 20px 0;
	margin:10px 0 0 130px;
	display:inline;
	}
	
#footer ul.contactinfo li{
	color:#584D2D;
	display:block;
	line-height:12px;
	padding: 0;
	background: none;
	}
	
#footer ul.contactinfo li a{
	color:#537528;
	margin:0 4px 0 0;
	display:inline;
	}
	
span.by{
	width:420px;
	float:left;
	text-align:right;
	padding:10px 0 0 0;
	color:#584D2D;
	}
	
span.by a{
	color:#537528;
	}
	
/*logo in footer*/
#footer img {
	float: left;
	padding: 22px 0 0 40px;
	}

#footer ul li.credit {
	padding: 12px 0 0 0;
	}
	
/* -------------------------------------------------------------- nov 9 2007 phil added styles to wysiwyg ---*/

#primary p.red, #primary span.red {
	display: inline;
	color: red;
}
#primary p.blue, #primary span.blue {
	display: inline;
	color: blue;
}
#primary p.largebold, #primary span.largebold {
	display: inline;
	font-weight: bold;
}


#primary blockquote {
	font-weight:bold;
	color:#537528;
	padding: 0;
	margin: 0;
}
#primary ul {
	margin: 0 0 15px 40px;
}
#primary ul li {
	background:url(../images/default-ul-li-bg.gif) no-repeat 0 50%;
	padding:0 0 0 22px;
	/*line-height:14px;*/
	line-height:1.4em;
}

#primary ol {
	margin: 0 0 15px 62px;
}

#primary ol li {

	line-height: 1.4em;
}

/* -------------------------------------------------------------- May 1 2009 Alan added styles for accessibility buttons ---*/

#fontsizer {
/*	position:absolute;
	top:37px;
	right:220px;*/
	width:120px;
	visibility:hidden;
	float:right;
	}
	
#fontsizer a {
	border-bottom:0;
	}
	
.font-choice {
	border: 1px solid #B1BEE0;
	padding:2px 4px 4px 4px;
	display:block;
	float:left;
	margin-right:3px;
	}
	
.small_font {
	font-size:10px;
	padding-top:5px;
	height:12px;
	}
	
.medium_font {
	font-size:13px;
	padding-top:3px;
	height:14px;
	}
	
.large_font {
	font-size:16px;
	height:15px;
	padding-top:2px;
	}
	
#print_btn {
	float:left;
	}

#print_btn img{
	display:block;
	width:16px;
	height:16px;
	margin-right:5px;
	float:left;
	}

/* -------------------------------------------------------------- April 14, 2011 Terry added styles for Senior Athletes and Galleries ---*/
	
/* ---- ALBUMS ----- */
#primary #albums {margin: 0; padding: 0; list-style: none}
#primary #albums li {float: left; width: 140px; height: 150px; margin: 0 0 25px 0; padding: 0; background: none; text-align: center;}
#primary #albums li img {border: 1px solid #ccc; padding: 5px; background: #fff; display: block; margin: 0 auto 15px auto}
#primary #albums li a:hover img {background: #B1B98C}

/* --- ASIDE GALLERY ---- */
.aside_gallery ul {margin: 0; padding: 0 15px;}
.aside_gallery ul li {margin:0 0 10px 0; border-bottom: 1px solid #ccc; padding: 0 0 10px 0}
.aside_gallery ul li a {color: #54772a; font-weight: bold; font-size: 11px;}
.aside_gallery ul li a:hover { color: #000; }
.aside_gallery ul li img {float: left; margin: 0 15px 0 0; border: 1px solid #000}
.aside_gallery ul li .date {padding: 5px 0 0 0; font-size: 10px; color: #555; display: block; font-weight: normal; }


/* --- BUTTONS --- */
.btn_terra_map {display: block; width: 214px; height: 40px; text-indent: -999em; background: url(../gfx/btn_terra_map.jpg) no-repeat 0 0; border: none; margin: 0 0 15px 0}
.btn_terra_map:hover {background-position: 0 -40px; border: none; }

.btn_ocp_update {display: block; width: 214px; height: 177px; text-indent: -999em; background: url(../gfx/btn_ocp_update.jpg) no-repeat 0 0; border: none; margin: 0 0 15px 0}
.btn_ocp_update:hover {background-position: 0 -177px; border: none; }

.btn_view_gallery {display: block; width: 214px; height: 40px; text-indent: -999em; background: url(../gfx/btn_more_gallery.jpg) no-repeat 0 0; border: none}
.btn_view_gallery:hover {background-position: 0 -40px; border: none; }

/* PHOTOS */
#album_slides {margin: 0 0 50px 0}
#album_slides .controls {padding: 0 0 20px 0}
#album_slides .controls a {text-transform: uppercase; font-size: 11px; color: #fff; display: block; padding: 5px 25px; background: #B1B98C;border: 1px solid #AA8857; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none}
#album_slides .controls .btn_all {color: #fff; width: 100px; margin: 0 auto;}
#album_slides .controls .btn_all:hover { background: #B0BDDD; color: #000}
#album_slides .controls .btn_prev {float: left}
#album_slides .controls .btn_prev:hover {background: #B0BDDD;color: #000}
#album_slides .controls .btn_next {float: right}
#album_slides .controls .btn_next:hover {background: #B0BDDD;color: #000}

#photos h2 {color: #fff; font-size: 16px; font-weight: normal; padding: 10px 0 0 0; margin:0 0 5px 0}


/* -- ATHLETE BOX -- */
#primary .athlete_box {border-bottom: 1px solid #ccc; padding: 15px 0;}
#primary .athlete_thumb {width: 200px; float: left}
#primary .athlete_thumb a {border: none; background: none}
#primary .athlete_thumb img {border: 1px solid #ccc; padding: 8px; background: #dbe2f2;}
#primary .athlete_details {width: 380px; float: left; padding: 10px 0 0 0; }
#primary .athlete_details h3 {padding: 0 0 15px 0; margin: 0; font-size: 14px;}
#primary .athlete_details ul { margin: 0 0 10px 15px; padding: 0; }
#primary .athlete_details ul li {margin: 0; padding: 0 0 5px 16px; font-weight: bold;}	

#primary h3.person {border-top: 5px solid #b4bbe3; border-left: 1px solid #b4bbe3; padding: 6px 0 0 15px; font-weight: normal; margin: 0 0 10px; font-size: 20px; }
#primary p.more { margin: -5px 0 0 0; padding: 0; }
#primary p.morePeople { text-align: right; border-bottom: 1px solid #b4bbe3; border-right: 5px solid #b4bbe3; padding: 0 15px 10px 0; }

/* -- ADDITIONAL SITE STYLE HELPERS -- */
#primary img.nicebox { border: 1px solid #ccc; padding: 8px; background: #dbe2f2; }
#primary .summary h3 { border-top: 5px solid #b4bbe3; border-left: 1px solid #b4bbe3; padding: 6px 0 0 15px; margin: 0 0 10px; }
#primary .sub_summary { border-bottom: 1px solid #dbe2f2; padding-bottom: 10px; margin: 0 0 10px; }	

#primary .sub_summary h3 { font-size: 12px; }
#primary .sub_summary h3 a, #primary .summary h3 a { font-weight: bold; text-decoration: none; border: none; }
	
	
/* Helper Classes
--------------------------------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right; }
.clear { clear:both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */