html,body,body * {margin:0;padding:0;}
body { font-family: Arial, Helvetica, sans-serif; font-size: .75em; line-height: 1.5em; color: #333; background-color: #FFF; }

p { margin: 10px 0; }
p, li, dt, dd { word-spacing: 1px; }
hr { display: none; }
.clear { clear: both; height: 1px; line-height: 1px; overflow: hidden; }
.last { border-width: 0 !important; }
.center { text-align: center; }
.left { float: left; margin: 0 20px 20px 0; }
.right { float: right; margin: 10px 0 20px 20px; }
.text-right { text-align: right; }
a { color: #FF6600; }
a:visited { color: #CC6600; }
a:focus { background-color: #FFEA00; }
a img { border-width: 0; }
/*a[rel="external"] { background: url("../_images/icon_external.gif") top right no-repeat; padding-right: 23px; }*/

/*
### ICONS ### */
.icon { background-repeat: no-repeat; padding-left: 20px; padding-bottom: 1px; }
.ico-photos { background-image: url('../_images/icon_photos.gif'); }
.ico-pdf { background-image: url('../_images/icon_pdf.gif'); }
.ico-print { background-image: url('../_images/icon_print.gif'); }

/* 
###### CALENDAR STYLES ###### */
.mini-cal {
	background-image: url("../_images/cal_base.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 10px 0 0 0;
	padding: 0 0 6px 0;
}
.big-cal {
	width: 456px;
	padding: 5px 3px 5px 5px;
	background-color: #FFC029;
	margin: 15px 0 0 0;
}
.mini-cal div {
	background-image: url("../_images/cal_cap.gif");
	background-repeat: no-repeat;
	padding: 6px 6px 4px 6px;
}
.mini-cal table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	background-color: #CC0000;
	color: #ffffff;
}
.big-cal table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 1px solid #FFC029;
	border-width: 0 1px 1px 0;
	background-color: #FFE44B;
}
.mini-cal table caption {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #800000;
	line-height: 28px;
}
.big-cal table caption {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F58F2A;
	line-height: 50px;
	border-right: 1px solid #FFC029;
	background-image: url("../_images/cal_caption.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
}
.big-cal table caption a { text-decoration: none; margin: 0 10px; color: #D63E26; }
.mini-cal table th, .mini-cal table td {
	font-size: 10px;
	border: 1px solid #FF0000;
	border-width: 1px 1px 0 0;
	text-align: center;
	width: 23px;
	border-collapse: collapse;
	padding: 0;
	border-spacing: 0;
}
.big-cal table th, .big-cal table td {
	font-size: 10px;
	border: 1px solid #FFC029;
	border-width: 1px 0 0 1px;
	width: 64px;
	height: 60px;
	border-collapse: collapse;
	padding: 0;
	border-spacing: 0;
	vertical-align: top;
}
.mini-cal table th {
	background-color: #FF0000;
	color: #FAE500;
	height: 15px;
}
.big-cal table th {
	background-color: #D63E26;
	color: #FFFFFF;
	height: 20px;
	line-height: 20px;
}
.mini-cal table td {
	height: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.mini-cal table td a {
	background-color: #950000;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 21px;
	color: #FFFFFF;
}
.big-cal table td a {
	background-color: #FFD429;
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.big-cal table td a:focus {
	background-color: #f6a532;
	border: none;
}
.big-cal table td a span { visibility: hidden; display: none; }
.mini-cal strong { color: #FFFF99; }
.big-cal strong {
	display: block;
	background-color: #F58F2A;
	text-align: right;
	border-bottom: 1px solid #FFC029;
	padding-right: 2px;
	color: #783800;
	line-height: normal;
}
.mini-cal .blank { color: #ee6666; }
.big-cal .blank, .big-cal .blank strong { color: #BC6100; }
.mini-cal .Sun, .mini-cal .Sat { background-color: #BB0000 !important; }
.big-cal .Sun, .big-cal .Sat { }
div#qTip {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 250px;
	left: -9000px;
	padding: 5px;
	border: 3px solid #666666;
	-moz-border-radius: 11px;
	color: #000000;
	background-color: #FFFFFF;
}
div#qTip img.callout { 
	display: block;
	position: absolute;
	top: -23px;
	left: 48px;
}
div#qTip h4 {
	margin: 0 0 5px 0;
	padding: 1px 0 2px 0;
	font-size: 16px;
	border-bottom: 1px solid #CCC;
	color: #CC0000;
}
div#qTip a.close-button {
	display: block;
	position: absolute;
	top: 7px;
	right: 5px;
	border: 0;
}
div#qTip a img { border: 0; }
div#qTip p { line-height: 16px; }
#qTip div { margin: 10px 0; }
.event-list dd, .event-list dt { border-bottom: 1px solid #CCC; padding: 10px 0; }
#qTip div div, .event-list div { margin: 0 0 0 20px; }
#qTip div a, .event-list a { float: left; height: 16px; width:16px; overflow: hidden; background-image: url('../_images/cal_add.gif'); text-indent: -9114px; }
#qTip div div a, .event-list div a {position: static; height: auto; width: auto; display: inline; overflow:visible; }
.event-list dt { font-size: 18px; font-family: "Trebuchet MS"; font-weight: bold; }


.dtstart, .dtend { display: none; }
.big-cal dl { height: 48px; }
.big-cal dt { height: 100%; }
.big-cal dd { display: none; }
.summary { font-weight: bold; }
/*### END CALENDAR ###*/

/*
### PAGE WIDTH ### */
.wrap, #content-wrap, #footer div { width: 770px; margin: 0 auto; }

/*
### HEADER ### */
#header { height: 59px; overflow: hidden; background: #424242 url('../_images/back_header.gif') 0 0 repeat-x; }
#header h1 { padding: 12px 0 0 0; float: left; margin: 0; }
#header h1 a, #header h1 span { text-indent: -9114px; height: 36px; width: 112px; display: block; background: url("../_images/logo_screen.gif") 0 0 no-repeat; overflow: hidden; }
#header h1 a:hover { background-position: 0 -36px; }
#header h1 img { height: 10px; width: 10px; }
#navigation { float: right; margin-top: 26px; }
#navigation li { float: left; list-style-type: none; margin: 0 0 0 12px; }
#navigation li a { font-weight: bold; color: #FFF; text-decoration: none; display: block; padding: 0 5px; border-top: 2px solid #434343; }
#navigation li a:hover { border-color: #FF9900 !important; color: #CCC; }
.nav-home { margin-left: 0 !important; }
.dir-tourism .nav-tourism a,.dir-community .nav-community a,.dir-business .nav-business a,.dir-education .nav-education a,.dir-economic-development .nav-ed a,.dir-housing .nav-housing a,.dir-events .nav-events a {border-top-color: #aaa !important;}

/*
### HOMEPAGE ### */
.home-box { width: 513px; height: 315px; background: #ffeb91 url('../_images/back_homebox.jpg') 0 0 no-repeat; position: relative; margin-bottom: 15px; }
.home-box h1, .home-box p { margin-left: 20px; width: 270px; margin-bottom: .7em; z-index: 10; }
.home-box h1 { height: 54px; width: 228px; padding-top: 20px; background: url('../_images/h1_welcome.gif') 0 20px no-repeat; overflow: hidden; text-indent: -9114px; }
.home-box h1.morning { background-image: url('../_images/h1_morning.gif'); }
.home-box h1.afternoon { background-image: url('../_images/h1_afternoon.gif'); }
.home-box h1.evening { background-image: url('../_images/h1_evening.gif'); }
.home-box a { font-size: 15px; font-family: "Trebuchet MS"; font-weight: bold; }
.home-box img { position: absolute; top: 20px; right: 15px; z-index: 5; }
.weather-bar { width: 100%; position: absolute; bottom: 0; left: 0; height: 25px; background: #ffc45d url('../_images/back_homebox.jpg') bottom left no-repeat; overflow: hidden; }
.weather-bar h2, .weather-bar p { float: left; padding-left: 10px !important; line-height: 25px !important; margin: 0; width: auto; padding-top: 0 !important; }
.weather-bar h2 { font-size: 12px !important; text-transform: uppercase; background: none !important; color: #333333 !important; font-family: Arial; padding-top: 0 !important; padding: 0; }
.weather-bar a { font-size: 12px; font-family: Arial; font-weight: normal; color: #9B4E00; }
.weather-bar h2 a { font-weight: bold; text-decoration: none; }

#webmail { float: left; margin: 0; width: 145px; padding: 0 !important; }

/*
### HEADINGS ### */
h1 { margin: 1em 0; color: #FB6501; line-height: 1em; font-size: 24px; }
h2 { font-size: 17px; line-height: 1.33em; font-family: "Trebuchet MS"; margin: 1.2em 0 .66em 0; }
#home h2, #side h2 { font-size: 15px; margin-bottom: 2px; background: #FF6600 url("../_images/h2_back.gif") 0 0 no-repeat; color: #FFF; padding: 3px 10px; }
#side h2 a { color: #FFF; text-decoration: none; }
#side h2 a:hover { color: #FFFF66; }
h2.minor { background: #BCA494 url("../_images/h2_minor.gif") 0 0 no-repeat !important; }
h2.wide { background: #FF6600 url("../_images/h2_wide.gif") 0 0 no-repeat !important; }
h3 { font-size: 15px; margin: 1.4em 0 .6em 0; color: #FF6600; }
#side h3 { font-size: 12px; color: #333; margin-bottom: .5em; }



/*
### LAYOUT ### */
#content-wrap { padding-bottom: 100px; }
#content { width: 513px; float: left; }
#content.wide { width: 100%; float: none; }
#side { width: 226px; float: right; padding-top: 10px; }
#home #side { padding-top: 6px; }
#side h3, #side p, #side form { padding: 0 5px; }

/*
### LISTS ### */
#content ul li, .list li, .sitemap li { margin: 3px 0 3px 30px; list-style-image: url("../_images/bullet.gif"); }
ol li { margin: 3px 0 3px 30px; }
ol ol { list-style-type: lower-alpha; }
.sitemap li a { font-size: 14px; font-weight: bold; }
.sitemap li li a { font-size: 12px; }
.sitemap li li li a { font-weight: normal; color: #FF6600; }

.list-nav { background-color: #e5e5e5; margin: 1px 0 0 0; padding: 0; }
.list-nav li { margin: 0; padding: 4px 0 4px 10px; list-style-type: none; border-bottom: 1px solid #ccc; }
.list-nav ul { background-color: #f5f5f5; margin-left: -10px; margin-bottom: 2px; padding-top: 2px; display: none; }
.list-nav ul li { padding-left: 20px; border-color: #ddd; background: url("../_images/bullet2.gif") 6px 5px no-repeat; }
.list-nav a, .list-nav a:visited { display: block; color: #333; text-decoration: none; }
.list-nav a:hover { color: #9B4E00 !important; }
.list-nav ul li a { color: #333 !important; font-weight: normal !important; letter-spacing: 0 !important; padding: 0 !important; }
.list-nav li.open { background: #ccc url("../_images/nav_arrow.gif") 0 3px no-repeat; padding-bottom: 0; }
.list-nav li.open a { color: #333; font-weight: bold; padding-bottom: 4px; padding-left: 2px; letter-spacing: 1px; }
.list-nav li.open ul { display: block !important; }
.list-nav ul li.current { background-image: url("../_images/bullet.gif"); }
.list-nav ul li.current a { font-weight: bold !important; }


.list-ruled li { list-style-type: none !important; margin: 0 !important; 108px; list-style-image: none !important; border-bottom: 1px solid #CCC; padding: 3px 5px 3px 20px; background: url("../_images/bullet.gif") 5px 4px no-repeat; }
.list-ruled li:last-child { border-width: 0; }
.list-ruled li a { text-decoration: none; }
.list-ruled li a:hover { color: #CC6600 !important; }
.list-ruled dt, dd { padding: 3px 0; }
.list-ruled dt { float: left; width: 50%;}
.list-ruled dd { border-bottom: 1px solid #CCC; text-align: right; }

.list-files li { position: relative; 108px; list-style-image: none !important; }
.list-files li span { position: absolute; top: 3px; right: 5px; }
.list-files li span a { color: #FF6600 !important; text-decoration: underline; }

.minor li { font-size: 11px; }

.blank li { background: none !important; list-style-type: none !important; }

.thumbs { clear: both; }
.thumbs li { list-style-type: none; float: left; margin: 10px 9px !important; height: 108px; list-style-image: none !important; }
.thumbs li img, .thumbs li a { height: 100px; width: 100px; }
.thumbs li a { padding: 4px; display: block; background: #EEE url('../_images/back_thumb.gif') 0 0 no-repeat; overflow: hidden; }
.thumbs li a:hover { background-color: #ffdfac; background-position: -108px 0; }

.portraits li { list-style-type: none; float: left; width: 50%; list-style-image: none !important; text-align: center; padding: 0; margin: 10px 0 !important; }

.albums { }
.albums li { float: none; margin: 0 !important; padding: 10px; border-bottom: 1px solid #ccc; height: 108px; list-style-image: none !important; }
.albums a { float: left; margin-right: 15px; }
.albums .title { float: none; background: none; height: auto; width: auto; display: inline; font-size: 14px; font-weight: bold; padding: 0; }
.albums .title:hover { background: none; }

.cols-2 { column-count: 2; column-gap: 20px; -moz-column-count: 2; -moz-column-gap: 20px; }
.cols-3 { column-count: 3; column-gap: 20px; -moz-column-count: 3; -moz-column-gap: 20px; }

dl.cols dt { width: 110px; clear: left; font-weight: bold; }
dl.cols dd { margin-left: 10px; }
dl.cols dt, dl.cols dd { padding-bottom: 10px; float: left; }

dl.webster dt { font-weight: bold; margin: 1.5em 0 0 0; }
dl.webster dd { margin: 0 0 1.5em 0; }


/*
### PAGINATION ### */
.pager { border: 1px solid #d5d5d5; background-color: #f5f5f5; padding: 10px 10px 0 10px; height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.cap { border-width: 0 0 1px 0; }
.base { border-width: 1px 0 0 0; padding: 0 10px 10px 10px; clear: both; }
.pager div { float: right; }
.pager .status { float: left; }
.pager a { text-decoration: none; padding: 0 1px; }
.pager .current { font-weight: bold; border: 2px solid #FF6600; }
.cap .current { border-width: 0 0 2px 0; }
.base .current { border-width: 2px 0 0 0; }
.current:visited { border-color: #CC6600; }


/*
### FORM STYLES ### */
form p { margin: 10px 0 !important; padding: 0 !important; }
form p span { display: block; float: left; width: 49%; margin-right: 9px; }
#side form p span { width: 48%; }
.end { margin-right: 0 !important; }
fieldset { border-width: 0; margin: 20px 0; clear: both; }
form h1 { padding: 0 15px; }
legend { display: block; padding: 0; font-weight: bold; line-height: 1.5em; color: #2243A0; }
fieldset fieldset legend { font-size: 11px; color: #333; }
label { display: block; font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; color: #444444; line-height: 16px; }
input, textarea, select { margin:0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url("../_images/fieldbg.gif") repeat-x top !important; color:#333; padding: 2px 0; width: 100%; }
input.radio, input.checkbox, input.btn { width: auto; border-width: 0 !important; background: none !important; }
input.btn { padding: 0; }
p.btn { padding: 20px 0 0 15px; }
p.optlist label { font-size: 11px; font-family: Arial; display: inline; }
p.optlist span { width: 33%; margin: 0; }
textarea { height: 50px; }
.xsmall { width: 25%; }
.small { width: 33%; }
.medium { width: 50%; }
.large { width: 100%; }
.tall { height: 100px; }
.taller { height: 150px; }

.missing { background-color: #FF9999; padding: 5px !important; }
span.missing { margin: 0; padding: 5px 2px !important; width: 48%; }
#frm-error { border: 2px solid #FF9999; background-color:#FFCCCC; padding: 10px 15%; text-align: center; margin: 10px 15px; }

.button { font-size: 11px;color:#333;padding: 3px 10px;font-weight: bold;text-decoration: none;border:1px solid;border-top-color:#999;border-left-color:#999;border-right-color:#666;border-bottom-color:#666;background: #EEE url('../_images/btn-back.gif') 0 0 repeat-x;line-height:normal;}

/*
### DESIGN STYLES ### */
.poloroid { border: 1px solid #CCC; padding: 4px; }
.photo { border: 1px solid #999; }
.map { border: 1px solid #bbb; width: 510px; height: 391px; background: url("../community/_media/citymap_small.gif") 0 0 no-repeat; overflow: hidden; text-indent: -9114px; }
.map img { visibility: hidden; }

.caption { font-size: 11px; color: #666; line-height: 1.5em; margin: 15px 0 25px 0; }
.caption img { border: 1px solid #666; display: block; }
#content .caption { width: 250px; float: right; margin: 0 40px 20px 20px; }

/*
### WEATHER ### */
.weather { border: 1px solid #CCC; padding: 10px 10px 0 10px; height: 175px; }
.wthr-summary { text-align: center; }
.wthr-summary, .weather ul { float: right; width: 200px; }
.wthr-summary .wthr-curr { float: left; padding-left: 10px; }
.weather ul { clear: right; }
.wthr-conditions dt, .wthr-conditions dd, .wthr-flik { display: inline; font-size: 11px; line-height: 1.5em; padding: 3px 0; }
.wthr-conditions .wthr-curr { display: block !important; padding: 10px 0 0 0; line-height: 1.1em !important; }
.wthr-conditions dd.wthr-curr { font-size: 14px; font-weight: bold; padding: 0 0 10px 0; }

dt.wthr-curr,dt.wthr-temp { display: none; }
dd.wthr-temp { font-size: 28px; font-weight: bold; padding-top: 25px; line-height: 1em; }
.forecast { border: 1px solid #CCC; border-width: 0 1px 1px 0; overflow: hidden; }
.forecast div { width: 101px; float: left; border: 1px solid #CCC; border-width: 1px 0 1px 1px; padding-bottom: 20000px; margin-bottom: -20000px; font-size: 11px; text-align: center; }
.cell-1, .cell-5 { width: 102px !important; }
.forecast h2 { margin: 0; background-color: #FF6600; color: #FFF; font-size: 14px; text-align: center; line-height: 1.5em; }
dt.wthr-text { display: none !important; }
dd.wthr-text { text-align: center; line-height: 1.2em; padding: 10px 0; display: block !important; height: auto !important; height: 93px; min-height: 93px; }
.wthr-low { padding-bottom: 10px; }
.forecast dd, .forecast dt { display: inline; }
.wthr-hi { font-size: 12px; font-weight: bold; }

/*
### BAR GRAPHS ### */

.graph span { display: block; float: left; background: #0066FF url('../_images/bar_blue.gif') 0 0 no-repeat; height: 8px; margin: 2px 5px 0 0; overflow: hidden; }
.graph .orange span { background: #FF6600 url('../_images/bar_orange.gif') 0 0 no-repeat; }
.graph .pink span { background: #F46269 url('../_images/bar_pink.gif') 0 0 no-repeat; }
.graph .green span { background: #3B7816 url('../_images/bar_green.gif') 0 0 no-repeat; }
.graph dd { float: left; margin-top: 0; margin-right: 5px; line-height: normal; }
.graph dt { clear: both; font-weight: bold; margin-bottom: 0; border-top: 1px solid #CCC; }

/*
### TABLE STYLES ### */
table.data-table { width: 100%; margin: 20px 0 10px 0; font-family: Verdana; }
table, th, tr, td { margin: 0; padding: 0; border-collapse: collapse; }
th { background-color: #ff6600; color: #EFEFE7; }
th.norm { background: transparent; color: #333; }
th, td { text-align: center; padding: 4px 0 4px 0; }
td, th.norm { border-bottom: 1px solid #ddd; }
tr.odd td { border-width: 0; }
tr.even td { background-color: #E5E5E5; border-width: 0; }
tr.odd th {	background-color: #A3A389; }
tr.even th { background-color: #7B7B60; }
tr.oddhover td { background-color: #ffcc99; cursor: pointer; }
tr.oddhover th { background-color: #990000; cursor: pointer; }
td ul, td p, td li { text-align: left; }
td li, td p { font-size: 9px; }
td li { margin: 0 0 0 15px; padding: 0; }
th a, th a:hover { color: #ffffcc; }
tr.totals td { background-color: #FFCC66; text-align: left; padding-left: 10px; }

/*
### FOOTER ### */
#footer { background-color: #F1F1F1; border-top: 2px solid #CCCCCC; font-size: 11px; }
#footer ul { margin: 10px 0 10px -5px; float: left; }
#footer ul li { display: inline; border-right: 1px solid #999; padding: 0 5px; }
#footer p { float: right; clear: right; }

#PPGS { height: 19px; width: 94px; display: block; background: url('../_images/ppgs.gif') 0 0 no-repeat; overflow: hidden; text-indent: -9114px; }
#PPGS:hover { background-position: 0 -19px; }