/* CSS Document */

/* Written by The Media Cellar, Inc. */
/* http://www.mediacellar.com        */
/* January, 2007                     */
/* Updated October, 2007             */

/* 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;
*/

#header, #container, #home_featpic, #home_content, #footer
{width: 90%; max-width: 984px; min-width: 760px; margin-left: auto; margin-right: auto; vertical-align:top; }

/* FEATURE PIC ON HOMEPAGE */
#home_featpic {height: 240px; background-color:#172087; background-image:url(images/xmas07.jpg); background-position: center; background-repeat:no-repeat; border-top: 1px solid black; border-bottom: 1px solid black;}
#home_content {background-color: white; color: black;}

a:hover {background-color:#172087; color: white;}

img.right {float:right; padding: 5px 0 5px 10px;}
img.left {float:left; padding: 0 10px 5px 0;}

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;}
p {padding-bottom: .5em;}

body {margin: 0; padding:0; text-align: center; font: 10pt/12pt Helvetica, Arial, sans-serif; background-color:#202658; vertical-align:top;}
#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;}


#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;}

table.newstable td {padding-top: 15px;}
table.newstable h1, table.newstable h2, table.programs h1 {color: #98002e;}
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.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.5em 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: white; text-decoration:underline;}
table.alert a:hover {color: #5e82ab; background-color:white;}

table.parkmap {border-top: 1px solid #999; text-align:left; /*background-image:url(rec_dept/images/parks_map.gif); background-repeat:no-repeat; background-position: top right; */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.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;}

.headermenu {text-align: left; display: block;}
.menu {font-size: 9pt; background-color:#5e82ab; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.menu a {border-bottom: none; background-color:#5e82ab;}
.menulink {text-decoration: none; color: white; display: block; float: left; padding: 5px 10px; border-left: 1px solid #ccc;}
.menulinkfirst {text-decoration: none; color: white; display: block; float: left; padding: 5px 10px;}
.menulink:hover, .menulinkfirst:hover {color: white; background: #0096f4;}

.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}

#sidenav {width: 110px; 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;}
.googlebutton {}

/*#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;}

#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;}

#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 {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;}

#home_sidebar {background-color:#B2C4D3; border-left: 1px solid black; width: 215px; padding: 8px 12px; vertical-align:top;}
#home_sidebar h1 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; padding-top: 4px; padding-bottom: 8px; color:#202658;}
#home_sidebar h2 {font: bold 1em/1em Helvetica, Arial, sans-serif; padding-top: 6px; padding-bottom: 2px; color:#202658;}
#home_egovbox {background-color: #5E82AB; width:199px; padding: 8px 12px; margin-bottom: 8px;}


/*#search {text-align: left; padding: 0;}
#search h4 {display: none;}
#search form {margin: 0; padding: 0;}
#search input[type="text"] {width: 14em; border: 2px inset #999;}
#search small {padding: 0; text-align: left; line-height: 1; font: x-small Arial, Helvetica, sans-serif;}
#search small a {background: #FFF; color: #668; font-style: italic;}
#search img {display: none;}*/

#schedulenotes {padding: 4px;}
#schedulenotes ol {margin: 2.5em; padding: 3px 0; list-style-type: decimal;}
#schedulenotes ol li {display:list-item; padding-bottom: .5em; background-color: #CCC; }
#schedulenotes ul li {list-style-type: disc; left-margin: 6em; text-indent:-.1em; background-color: white;}

.schedulenote1 {padding: 6px 4px; background-color: #ccc;}
.schedulenote2 {padding: 6px 4px;}
.schedulenote1 ul li, .schedulenote2 ul li {list-style-type:disc; margin-left: 2em;}

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;}

/* photo gallery */

table.pics {padding-top: 10px; border-top: 3px solid #999;}
table.pics td {padding: 10px 4px 3px 4px; text-align:center; font: bold 9pt/9pt 'Trebuchet MS', Helvetica, Arial, sans-serif; color: #172087; border-bottom: 1px solid #999;}
.piccell {padding: 10px 5px 3px 5px; text-align:center; font: bold 9pt/9pt 'Trebuchet MS', Helvetica, Arial, sans-serif; color: #172087;}

table.pics td.albums {width: 100px;}
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;}

/* new 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 'Trebuchet MS', 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;}