/* CSS Document */

/* Written by The Media Cellar, Inc.                 */
/* http://www.mediacellar.com                        */
/* January, 2007                                     */
/* Updated July, 2008 and many times since then      */

/* COLOR TABLE 
ROYAL BLUE: #172087;
DUSTY BLUE: #5e82ab;
SIDEBAR GREY: #d1d0cb;
FOOTER GREY: #333333;
HEADLINE RED: #98002e;
NAV INACTIVE BLUE: #f3f9ff;
NAV ACTIVE BLUE: #C8CFD6;
*/

/* html */
body {margin: 0; padding:0; text-align: center; font: 10pt/12pt Helvetica, Arial, sans-serif; background-color:#202658; vertical-align:top;}
td {vertical-align:top;}
h1 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #98002e; padding-bottom: 4px; padding-top: 15px;}
h2 {color: #98002e; padding-top: .25em;}
h3 {color: #172087; padding-top: .25em;}
p {padding-bottom: .5em;}
a:hover {background-color:#172087; color: white;}
.clear {clear: both;}

ol.decimal, ul.discs, ul.nodiscs {list-style-type: decimal; padding-left: 1.5em; padding-top: 0; margin-top: 0;}
ol.decimal li, ul.discs li, ul.nodiscs li {padding-bottom: .25em;}
ul.discs {list-style-type: disc;}
ul.nodiscs {list-style-type: none;}
ol.spacedout li {padding-bottom: .75em;}



/* main containers */
#header, #container, #home_featpic, #home_content, #footer
{width: 90%; max-width: 984px; min-width: 760px; margin-left: auto; margin-right: auto; vertical-align:top; }
#container {text-align:center; background-color:#efefef;}
#topnav {background-color: #5e82ab; display:block; text-align:left; padding: 4px 4px;}
#home_content {text-align:left; vertical-align:top; background-color:#efefef;}
.contentwell {vertical-align:top; padding: 8px 12px;}
.spacer {/* padding:8px 0; font-size:.8em; */ height: 10px;}
#home_sidebar {vertical-align: top;}
p.contentwell {margin-bottom: .75em;}

/* FEATURE PIC ON HOMEPAGE */
#home_featpic {height: 240px; background-color:#172087;
background-image:url(../images/homepage_banners/fishin.png); background-position: center; background-repeat:no-repeat; border-top: 1px solid black; border-bottom: 1px solid black;}
#home_caption {margin: 220px 20px 0 0; color:white; font: .6em Arial, Helvetica, sans-serif; text-align:right;}
#home_content {background-color: white; color: black;}
img.right {float:right; padding: 5px 0 5px 10px;}
img.left {float:left; padding: 0 10px 5px 0;}

/* department banners */
#header {text-align: left; background-color:#172087; background-image:url(../images/citystreet.gif); background-position:bottom right; background-repeat:no-repeat; display:block;}
#parksbanner {background-image:url(../rec_dept/images/sunset_banner.jpg); background-position: left; background-repeat: no-repeat; height: 268px;}
#firebanner {background-image:url(../fire/images/fire_banner.jpg); background-position: center; background-repeat: no-repeat; height: 268px;}
#policebanner {background-image:url(../police/images/wpd_banner.jpg); background-position: right; background-repeat: no-repeat; height: 268px;}

/*#emergency {background-color: #5e82ab;}
#emergency h2 {color:#FFFFFF; font-size: 1.1em;}
#emergency p {color:white;}
#emergency a {font-weight:bold; color: yellow; text-decoration:underline;}
.emergSpacer {background-color: #5e82ab; padding:8px 0;}
*/

/* content tables */
table.newstable td {padding-top: 15px;}
table.newstable h1, table.newstable h2, table.programs h1 {color: #98002e;}
table.newstable h2 {padding-bottom: 5px; font-size:1.1em; padding-top: 18px;}
table.newstable h3 {padding-top: 5px; border-top: 2px solid #ccc; color:#5e82ab;}
table.newstable h1, table.programs h1 {font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;}
table.newstable tr.oddrow {background-color: #ccc;}

table.stdcontent td, table.servicelist td {padding-top: 15px;}
table.stdcontent h1, table.stdcontent h2, table.servicelist h1, table.servicelist h2 {color: #98002e;}
table.stdcontent h1, table.servicelist h1 {font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;}
table.stdcontent ul, table.servicelist ul{list-style:disc; margin-left: 1em; padding-left:.5em;}
table.stdcontent tr.oddrow {background-color: #CCC;}

table.route2 td {padding: 6px;}
table.route2 tr.oddrow {background-color: #CCC;}
table.route2 th {padding: 6px; background-color: #000; color: #fff;}
table.route2 {border-bottom: 2px solid black;}

table.servicelist td {border-bottom: 1px solid #ccc;}

table.alert td {padding: 10px; background-color:#5e82ab;}
table.alert h1, tablealert h2 {color: #fff;}
table.alert h1 {font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;}
table.alert h2 {color: #FFFF00; padding-top: 5px;}
table.alert p {color: white; padding-top: 4px;}
table.alert a {color: yellow; text-decoration:underline;}
table.alert a:hover {color: #5e82ab; background-color:white;}

.problemReport  {padding: 10px; background-color:#5e82ab; border-left: 1px solid black;}
.problemReport h1, tablealert h2 {color: #fff;}
.problemReport h1 {font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;}
.problemReport h2 {color: #FFFF00; padding-top: 5px;}
.problemReport p {color: white; padding-top: 4px;}
.problemReport a {color: yellow; text-decoration:underline;}
.problemReport a:hover {color: #5e82ab; background-color:white;}

table.parkmap {border-top: 1px solid #999; text-align:left; height: 700px;}
table.parkmap ol {margin: 2.5em; top-margin: 0;}
table.parkmap ol li {display:list-item; }
table.parkmap ol li {padding: 3px 0; list-style-type: decimal;}

table.programs h2 {color: #98002e; padding-top: .25em;}
table.programs {border-top: 1px solid #999;}
table.programs td {padding: 0 3px 0 3px;}
table.programs td.names {font-style:italic;}

table.prices {padding-bottom: 10px;}
table.prices td {border-bottom: 1px solid #999;}
table.prices tr.oddrow {background-color:#CCC;}
table.prices td.rightjust {text-align:right;}

table.links {border-top: 1px solid #999; border-bottom: 1px solid #999;}
table.links td {vertical-align:top; padding: 4px;}
table.links tr.oddrow {background-color: #CCC;}
table.links li {padding-bottom: 5px;}

table.downloads {border-top: 1px solid #999; border-bottom: 1px solid #999;}
table.downloads td {vertical-align:middle; padding: 4px 2px;}
table.downloads tr.oddrow {background-color: #CCC;}
table.downloads .smalllink {font-size: .8em;}

table.staff {border-top: 1px solid #999; border-bottom: 1px solid #999;}
table.staff td {vertical-align:middle; padding: 4px 2px;}
table.staff tr.oddrow {background-color: #CCC;}
table.staff .smalllink {font-size: .8em;}

table.minutes {border-top: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #999;}
table.minutes td {vertical-align:top; padding: 4px 2px; border-left: 1px solid #999;}
table.minutes tr.oddrow {background-color: #CCC;}
table.minutes li {padding-bottom: 5px;}

.address {font-size: 9pt; background-color:#5e82ab; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; display: block; float: left; padding: 5px 10px; border-right: 1px solid #ccc;} 
#address ul {margin-left: 0; padding-left: 0; white-space: nowrap; padding: 8px 8px 0 8px; color: #172087;}
#address li {display: inline; list-style-type: none; color: #fff; font: bold 9pt Verdana, Arial, Helvetica, sans-serif; color: white;}
.bluetype {color: #172087}

 /* main navigation */
#sidenav {background-color: #172087; border-right: 1px solid black; vertical-align:top;}
#mainnav ul {margin-left: 0; padding-left: 0; list-style-type: none;}
#mainnav li {font: 9pt Tahoma, Helvetica, Arial, sans-serif;}
#mainnav a {font-weight:bold; display: block; padding: 3px; width: 160px; color:black; background-color: #f3f9ff; border-bottom: 1px solid #172087;}
#mainnav a:link, #navlist a:visited {font-weight:bold; text-decoration: none;}
#mainnav a:hover {background-color: #202658; color: #fff;}
#mainnav ul li a#current {background-color: #f3f9ff;}

#deptnav ul {margin-left: 0; padding-left: 0; list-style-type: none;}
#deptnav li {font: 9pt Tahoma, Helvetica, Arial, sans-serif;}
#deptnav a {font-weight:bold; display: block; padding: 3px; width: 160px; color:black; background-color: #f3f9ff; border-bottom: 1px solid #172087;}
#deptnav a:link, #navlist a:visited {font-weight:bold; text-decoration: none;}
#deptnav a:hover {background-color: #202658; color: #fff;}
#deptnav ul li a#current {background-color: #f3f9ff;}

td.google {text-align: right;}
td.google input {border: 1px solid #5e82ab; padding: 3px;}
.googlebutton {}

/* subnavigation */
#subnav ul {margin-left: 0; padding-left: 0; list-style-type: none; color: white; margin-top: 10px;}
#subnav li {font: 9pt Tahoma, Helvetica, Arial, sans-serif;}
#subnav a {display: block; padding: 3px 3px 3px 9px; width: 154px; color:white; background-color: #5e82ab; border-bottom: 1px solid #fff;}
#subnav a:link, #navlist a:visited {color: white; text-decoration: none;}
#subnav a:hover {background-color: white; color: #5e82ab;}

/*#departments {font: bold 9pt Tahoma, Helvetica, Arial, sans-serif;}*/
li#departments {font: bold 9pt Tahoma, Helvetica, Arial, sans-serif; color:black; background-color: #f3f9ff; }
.deptspread {padding: 3px;}

.nolink a:link, .nolink a:visited, .nolink a:hover {background-color: #f3f9ff; color: #fff;}

/* footer */
#footer {margin: auto; background: #333; padding: 5px 0; border-top: 1px solid #000; text-align:left;} 
ul#footer_navlist {margin-left: 0; padding-left: 0; white-space: nowrap; padding-bottom: 8px;}
#footer_navlist li {display: inline; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size:.75em; color: white;}
#footer_navlist a {padding: 3px 5px; color: #fff; background-color: #333; text-decoration: none;}
#footer_navlist a:link, #footer_navlist a:visited {color: #fff; background-color: #333; text-decoration: none;}
#footer_navlist a:hover {color: #525248; background-color: #e3ddd5; text-decoration: none;}
#footernote {font: .75em Arial, Helvetica, sans-serif; background-color: white; color: black; padding: 6px 0 4px 10px;}

/* sidebar */
#sidebar {background-color: #d1d0cb; border-left: 1px solid black; width: 215px; padding: 8px 12px; vertical-align:top;}
#sidebar h1 {font: 1.25em/1.25em 'Trebuchet MS', Georgia, "Times New Roman", Times, serif; padding-top: 4px; padding-bottom: 8px;}
#sidebar h3 {padding-top: 10px; padding-bottom: 8px;}
#sidebar ul {list-style-type: disc; padding-left: 1em;}

#city_projects {background-color:#B2C4D3; width: 215px; padding: 8px 12px; vertical-align:top;}
#city_projects h3 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; 
padding-top: 4px; padding-bottom: 2px; color:#202658;}

#city_projects h2 {font: bold 1em Helvetica, Arial, sans-serif; padding-top: .5em; color:#202658; border-top: 1px dotted #202658; margin-top: .5em;}

#home_sidebar {background-color: #B2C4D3; border-left: 1px solid black;}

#e-gov_block {background-color:#5E82AB; width: 215px; padding: 8px 12px; vertical-align:top;}
#e-gov_block h2 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; padding-top: 4px; padding-bottom: 8px; color:#fff;}
#e-gov_block h3 {font: bold 1em/1em Helvetica, Arial, sans-serif; padding-top: 6px; padding-bottom: 2px; color:#white;}
#e-gov_block p {color: white;}
#e-gov_block a {color: white; text-decoration:underline;}
#e-gov_block a:hover {color: yellow;}

#chan12_block {background-color: #f3f9ff; width: 215px; padding: 8px 12px; vertical-align:top;}
#chan12_block h2 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; padding-top: 4px; padding-bottom: 8px; color:#202658;}
#chan12_block p {color: #202658;}
#chan12_block a {color: #202658; text-decoration:underline;}
#chan12_block a:hover {color: white; background-color: #172087; text-decoration: none;}

/* agenda builder */
table.agendabuilder {border-top: 1px solid #999; border-left: 1px solid #999;}
table.agendabuilder td {vertical-align:top; padding: 4px 2px; border-right: 1px solid #999; border-bottom: 1px solid #999;}
table.agendabuilder tr.oddrow {background-color: #CCC; font-weight:bold;}
table.agendabuilder td.headerG {background-color: #CCC; font-weight: bold;}
table.agendabuilder td.headerW {background-color: #FFF; font-weight: bold;}
table.agendabuilder textarea, table.agendabuilder textfield {border: 1px solid black;}
ul.listwithbullets {list-style:disc; margin-left: 1em; padding-left:.5em; padding-bottom: 1em;}

/* table-based photo gallery */
table.pics {padding-top: 10px; border-top: 1px solid #999;}
table.pics td {padding: 10px 4px 3px 4px; border-bottom: 1px solid #999; text-align:center; font: bold 9pt/9pt 'Trebuchet MS', Helvetica, Arial, sans-serif; color: #172087;}
.piccell {padding: 10px 5px 3px 5px; border-bottom: 1px solid #999; text-align:center; font: bold 9pt/9pt 'Trebuchet MS', Helvetica, Arial, sans-serif; color: #172087;}
table.pics td.albums {width: 100px; border-right: 1px solid #999;}
table.pics td.albums ul li {list-style-type: none; display:block; padding:4px; margin:0;}
table.pics td.albums ul li a {text-decoration:none; display:block; padding:4px; margin:0;}
table.pics td.albums ul li a:link, table.pics td.albums ul li a:visited {background-color: #172087; color: white; /*border: 1px solid #172087;*/}
table.pics td.albums ul li a:focus, table.pics td.albums ul li a:hover {background-color: white; color: #172087; /*border: 1px solid #172087;*/}	
table.pics td.albums ul li #current {border: 1px solid red;}
.submitPhotoDiv {float:left; padding:.5em;}
table.pics td br {margin-bottom: 5px;}


/* div-based photo gallery */
.gallery {margin-left: 5px; font: bold .9em Helvetica, Arial, sans-serif; postion: absolute;}
.gallery h2 {border-bottom: 1px solid #172087; margin-bottom: 1em;}
.galchoose {width: 140px; height: 130px; padding: 12px; float:left; text-align: center; margin: 2px; position:relative; border: 1px solid #CCC;
font: bold 9pt/14pt 'Arial Narrow', Helvetica, Arial, sans-serif; color: #172087;}
.galpic {width: 176px; padding: 8px 8px;}
.galpic img, .galchoose img {border: 2px solid #98002e;}
.clearcategory {clear:both;}
.cleargallery {clear:both; padding: 1em;}
.crumbs {font: .85em/.9em Helvetica, Arial, sans-serif; color:#333333; margin: .5em 0;}

/* news submission tool */
table.newsubmit {border-bottom: 1px solid #999;}
table.newsubmit td {vertical-align:middle; padding: 4px 4px;}
table.newsubmit tr.oddrow {background-color: #CCC;}
table.newsubmit td.label {text-align: right; font-size: 9pt; background-color:#5e82ab; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; padding: 5px 10px; border-right: 1px solid #ccc; text-align:left;} 
table.newsubmit td.submit {font-size: 9pt; background-color:#98002e; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; padding: 5px 10px; border-right: 1px solid #ccc; text-align:left;} 
table.newsubmit textarea {font-family: "Courier New", Courier, monospace;}
table.newsubmit textfield {font-family: "Courier New", Courier, monospace;}


/* homepage newsheader menu */
/*.newsheadermenu {background-image: url(/imgs/logostrip.png); background-repeat: no-repeat; text-align: left; display: block;}
*/
.newsmenu {font-size: 8pt; background-color:#5e82ab; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.newsmenu a {border-bottom: none; background-color:#5e82ab;}
.newsmenulink {text-decoration: none; color: white; display: block; /*float: left;*/ padding: 5px 5px 5px 5px; /*border-left: 1px solid #ccc;*/}
.newsmenulinkfirst {text-decoration: none; color: white; display: block; /*float: left;*/ padding: 5px 5px 5px 5px; }
.newsmenulink:hover, .newsmenulinkfirst:hover {color: white; background: #0096f4;}
.toplink {font-size: .85em;}
.multitier {padding-top: .25em; margin-top: 1em; border-top: 1px solid black;}

#community h2 {padding: 0; margin: 0; margin-top: 1.5em; padding-top: .25em; border-top: 1px dotted #ccc;}
#community p {padding: 0; margin: 0; margin-bottom: .5em;}


/* real estate listings */
table.relist {border-top: 1px solid #999; border-bottom: 1px solid #999;}
table.relist td {vertical-align:middle; padding: 4px 2px; /*font-weight: bold;*/}
table.relist td.addsize {color: #006633;}
table.relist td.addsizeNO {color: #98002e;}
table.relist td.info {text-align: center;}
table.relist tr.oddrow {background-color: #CCC;}
table.relist tr.header {font-weight: bold; color: #5e82ab; padding: 4px;}
table.relist td.label {text-align: right; font-size: 9pt; background-color:#5e82ab; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; padding: 5px 10px; border-right: 1px solid #ccc; text-align:left;} 
table.relist td.labelreq {text-align: right; font-size: 9pt; background-color:#98002e; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; padding: 5px 10px; border-right: 1px solid #ccc; text-align:left;} 
table.relist td {border-bottom: 1px solid #bbb; padding: 6px 4px;}
table.relist td.submit {font-size: 9pt; background-color:#98002e; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: white; padding: 5px 10px; border-right: 1px solid #ccc; text-align:left;} 
table.relist td.note {font-size: .8em;}

/* single real estate listing */
h2.listing {font-weight: bold; color: #5e82ab; padding: 4px;}
table.relist_single {border-top: 1px solid black; vertical-align:top;}
table.relist_single td {padding: 5px; vertical-align:top;}
table.relist_single img {padding: 5px;}
table.relist_single td.oddrow {background-color: #CCC; margin: 4px;}

#imglist {width: 195px; float:left; text-align: center;}
#imglist img {padding-bottom: 5px;}
#propprops {/*float: left; */padding-left: 205px;}
#prophead {float: left; background-color: #CCC; width: 100%; margin-bottom: 12px; padding: 4px;}
.propdetail {float:left; width: 100%; margin-bottom: 12px; padding: 4px; border-bottom: 1px solid #ccc;}

/* chan12 */
.bulletin {margin-left: 5px; font: bold .9em Helvetica, Arial, sans-serif; postion: absolute; padding-top: 12px;}
.bulletinSelect {width: 299px; height: 216px; padding: 12px; float:left; text-align: center; margin: 2px; /*position:relative;*/ border: 1px dotted #CCC;}
.clearbulletin {clear:both; padding: 1em;}

/* finance */

.annualreport {float:left; padding: 5px 10px; text-align:center;}


/* schedule notes */
ol.schedulenotes {margin: .2em 2em; padding: 3px 0; list-style-type: decimal;}
ol.schedulenotes li {display:list-item; padding: .5em; border-bottom: 1px solid #CCC; font: italic 1em Georgia, Times, serif;}
ol p {font: normal .9em Arial, Helvetica, sans-serif; color: #000000;}
ol.schedulenotes ul {margin: 0 0 0 2em;}
ol.schedulenotes ol li {border-bottom: none; list-style-type: upper-roman; font-style: normal; padding-bottom: .15em;}
ol.schedulenotes ol li ul li {list-style-type: lower-alpha;}
ol.schedulenotes ol li ol li {list-style-type: lower-alpha;}
  
  
/* map page */
.mapholderleft {width: 45%; float: left;}
.mapholderright {width: 45%; float: right;}
.mapholderright img, .mapholderleft img {margin-bottom: 1em;}


/* rt. 2 construction */
#rt2 {height: 34px; padding: 3px 0 0 30px; background-image: url(../images/barrel.gif); background-repeat: no-repeat;}
#rt2 h2 {font-size: 1.25em;}
#rt2 a {color: red; padding: 4px;}
#rt2 a:hover {color: white; background-color: red;}

 /* annual reports */
 #financedetails {float: left; width: 30%;}
 #annualreports {float:left; width: 70%;}
 
 /* concert series */
 ul#concert li {margin-bottom: 1em;}
 
 .important {color: red;}