/**/
body { font-size: 0.8em; font-family: arial, helvetica, geneva; background-color: #c7d7cc; background-image: url(../images/wrapper.gif); background-repeat: repeat-y; background-position: center 0; text-align: center; margin: 0; padding: 0; }
#container { text-align: left; vertical-align: top; width: 750px; margin: 0 auto; padding: 0 0 0 1px; }
/*html>body #container { text-align: left; margin: 0 auto; padding: 0; width: 750px; vertical-align: top; }*/
#header { background-image: url(../images/header.jpg); height: 150px; margin: 0; padding: 0; }
#topNav /*Fixed font height to prevent issues with browser resizing*/ { font-size: 10pt; background-image: url(../images/topNavBase.gif); vertical-align: middle; height: 21px; margin: 0; padding: 0; }
#leftNav { background-image: url(../images/leftNavBase.gif); background-repeat: repeat-y; width: 250px; float: left; margin: 0; padding: 25px 0 0; display: block; }
#content { width: 475px; float: right; margin: 0; padding: 0 10px; display: block; }
#header img, #header h1 { visibility: hidden; margin: 0; padding: 0; }
#footer { font-size: 0.8em; line-height: 0.9em; text-align: center; width: 500px; height: auto; margin-top: 50px; margin-left: 250px; }
#footer a { text-decoration: none; }
#footer .site-url { display: none; }
/**/
/**/
#topNav p { color: white; font-size: 0.8em; font-weight: bold; float: left; margin: 0; padding-top: 4px; padding-right: 1px; padding-left: 5px; }
#topNav p a { color: white; font-weight: normal; text-decoration: none; }
#topNav p a:hover { font-weight: normal; text-decoration: underline; }
#topNav ul { font-size: 10pt; font-weight: bold; text-align: right; margin: 0 0 0 250px; padding: 0; list-style-type: none; }
#topNav li { color: white; text-align: center; width: auto; float: left; padding: 3px 0 2px; list-style-type: none; }
#topNav li a:link, #topNav li a:visited { color: white; background-image: none; text-decoration: none; width: 100%; height: 100%; padding: 2px 16px; border-right: 1px solid #1547aa; border-left: 1px solid #4b75c8; }
#topNav li a:hover { color: white; background-image: url(../images/topNavOver.gif); background-repeat: repeat-x; text-decoration: none; }
#topNav .extra-padding a { margin-right: 2px; margin-left: 1px; }
/**/
/**/
#leftNav a { color: #039; text-decoration: none; }
#leftNav a:hover { color: #f93; text-decoration: none; }
#leftNav ul { text-align: right; width: 100%; margin: 0; padding: 2px 0; list-style-type: none; }
#leftNav li { font-weight: bold; letter-spacing: 1px; margin: 0; padding: 2px 25px 2px 0; border-bottom: 1px solid #f8d9b9; }
/*Contextually visible ULs - off*/
#leftNav li ul { margin-top: 0; border-width: 0; display: none; }
#leftNav li li { font-weight: normal; letter-spacing: 0; padding-right: 25px; border-style: none; border-width: 0; }
/*Sectional viewing states*/
body.home-section #leftNav #home-section,
body.departments-section #leftNav #departments-section,
body.meetings-section #leftNav #meetings-section,
body.resources-section #leftNav #resources-section,
body.contact-section #leftNav #contact-section,
body.elections-section #leftNav #elections-section
{ background-image: url(../images/leftNavDown.gif); background-repeat: repeat-y; }
/*Contextually visible ULs - on*/
body.home-section #leftNav #home-section ul,
body.departments-section #leftNav #departments-section ul,
body.meetings-section #leftNav #meetings-section ul,
body.resources-section #leftNav #resources-section ul,
body.contact-section #leftNav #contact-section ul,
body.elections-section #leftNav #elections-section ul
{ display: block; }
/*Page viewing states, based on page title and divided by section.
Affects inactive and hover states - every page gets one o_0*/
body#home #leftNav .home, body#home #leftNav .home:hover,
body#about-city #leftNav .about-city, body#about-city #leftNav .about-city:hover,
body#elected-officials #leftNav .elected-officials, body#elected-officials #leftNav .elected-officials:hover,
body#city-departments #leftNav .city-departments, body#city-deparments #leftNav .city-departments:hover,
body#city-clerk #leftNav .city-clerk, body#city-clerk #leftNav .city-clerk:hover,
body#finances #leftNav .finances, body#finances #leftNav .finances:hover,
body#building #leftNav .building, body#building #leftNav .building:hover,
body#public-works #leftNav .public-works, body#public-works #leftNav .public-works:hover,
body#code-enforcement #leftNav .code-enforcement, body#code-enforcement #leftNav .code-enforcement:hover,
body#law-enforcement #leftNav .law-enforcement, body#law-enforcement #leftNav .law-enforcement:hover,
body#utilities #leftNav .utilities, body#utilities #leftNav .utilities:hover,
body#fire-department #leftNav .fire-department, body#fire-department #leftNav .fire-department:hover,
body#environmental #leftNav .environmental, body#environmental #leftNav .environmental:hover,
body#employment #leftNav .employment, body#employment #leftNav .employment:hover,
body#meetings #leftNav .meetings, body#meetings #leftNav .meetings:hover,
body#rules #leftNav .rules, body#rules #leftNav .rules:hover,
body#agendas #leftNav .agendas, body#agendas #leftNav .agendas:hover,
body#minutes #leftNav .minutes, body#minutes #leftNav .minutes:hover,
body#archives #leftNav .archives, body#archives #leftNav .archives:hover,
body#resources #leftNav .resources, body#resources #leftNav .resources:hover,
body#news-blog #leftNav .news-blog, body#news-blog #leftNav .news-blog:hover,
body#calendar #leftNav .calendar, body#calendar #leftNav .calendar:hover,
body#hurricane-info #leftNav .hurricane-info, body#hurricane-info #leftNav .hurricane-info:hover,
body#flood-certificates #leftNav .flood-certificates, body#flood-certificates #leftNav .flood-certificates:hover,
body#city-codes #leftNav .city-codes, body#city-codes #leftNav .city-codes:hover,
body#city-forms #leftNav .city-forms, body#city-forms #leftNav .city-forms:hover,
body#city-services #leftNav .city-services, body#city-services #leftNav .city-services:hover,
body#parking-code #leftNav .parking-code, body#parking-code #leftNav .parking-code:hover,
body#happenings #leftNav .happenings, body#happenings #leftNav .happenings:hover,
body#budget #leftNav .budget, body#budget #leftNav .budget:hover,
body#charter #leftNav .charter, body#charter #leftNav .charter:hover,
body#community-links #leftNav .community-links, body#community-links #leftNav .community-links:hover,
body#phone-numbers #leftNav .phone-numbers, body#phone-numbers #leftNav .phone-numbers:hover,
body#stormwater #leftNav .stormwater, body#stormwater #leftNav .stormwater:hover,
body#business-directory #leftNav .business-directory, body#business-directory #leftNav .business-directory:hover,
body#contact #leftNav .contact, body#contact #leftNav .contact:hover,
body#city-information #leftNav .city-information, body#city-information #leftNav .city-information:hover,
body#boards-committees #leftNav .boards-committees, body#boards-committees #leftNav .boards-committees:hover,
body#elected-officials #leftNav .elected-officials, body#elected-officials #leftNav .elected-officials:hover,
body#elections #leftNav .elections, body#elections #leftNav .elections:hover,
body#absentee-ballot #leftNav .absentee-ballot, body#absentee-ballot #leftNav .absentee-ballot:hover,
body#important-dates #leftNav .important-dates, body#important-dates #leftNav .important-dates:hover,
body#polling-locations #leftNav .polling-locations, body#polling-locations #leftNav .polling-locations:hover,
body#candidates #leftNav .candidates, body#candidates #leftNav .candidates:hover
{ color: #45729f; font-weight: bold; background-image: url(../images/leftNavBullet.gif); background-repeat: no-repeat; background-position: 0 center; padding-left: 15px; cursor: default; }
/**/
/**/
td p { text-align: left; }
td h4 { margin-top: 0; }
#content img { background-color: #f6e1cb; margin: 3px; padding: 2px; border-color: #f7ddc4 #039 #039 #f7ddc4; border-style: solid; border-width: 1px; }
#weather img /* Needs to accompany weather.com scripts */ { background-color: transparent; margin: 0; padding: 0; border-width: 0; }
#intent img { background-color: transparent;
margin: 0;
padding: 0;
border-width: 0; }
#intent {
text-align: center;
width: 250px;
margin: 10px auto;
padding: 10px;
border-color: #c0dcff !important;
border-style: solid;
border-width: 1px; }
.rightFloater { float: right; }
h1 { color: #039; font-size: 1.5em; margin: 3px 0 0; padding: 0; }
h2 { color: #039; font-size: 1.2em; text-align: center; margin: 20px 0 0; padding: 0; }
h3 { color: #039; font-size: 1.1em; margin: 20px 0 0; padding: 0; }
h4 { color: #039; font-size: 1.1em; font-style: italic; margin: 20px 0 0; padding: 0; }
p { margin: 5px 0 15px; }
.photo-caption { color: #999; font-size: 0.75em; text-align: center; width: 425px; margin-top: -2px; margin-right: auto; margin-left: auto; }
a:link, a:visited {
color: #039;
text-decoration: underline }
a:hover {
color: #228b22;
text-decoration: none }
a:active {
color: #1e90ff;
text-decoration: none }
.accentedCaption p { color: #008b8b; font-style: italic; text-align: right; vertical-align: baseline; padding-top: 25px }
.accentedDIV01 { background-color: #e2ecec; margin: 5px; padding: 3px; border: solid 1px #c7d7cc }
.accentedDIV01 h4 { margin-top: 0; }
.accentedDIV02 { background-color: #ebf0f0; margin: 5px; padding: 3px; border: solid 1px #b0c4de }
.accentedDIV02 h4 { margin-top: 0; }
.footNote { font-size: 8pt; background-color: #e2ecec; padding-top: 3px; padding-right: 3px; padding-left: 3px; border: solid 1px #b0c4de }
.footNote p { font-size: 8pt; background-color: #e6e6fa; letter-spacing: 1px }
.meetings { }
.meetings li { background-color: #f0f8ff; list-style-type: none; margin-top: 5px; padding: 2px; border: solid 1px #e6e6fa; width: 400px }
.accentedLI { }
.accentedLI li { background-color: #f0f8ff; list-style-type: none; margin-top: 5px; padding: 2px; border: solid 1px #e6e6fa; width: 400px }
.tables01 { background-color: #f6f4f4; margin-top: 10px; padding: 2px; border: solid 1px #b0c4de }
.borderTD01 { background-color: #f5f5f5; padding: 2px; border-bottom: 1px solid #e6e6fa }
.borderTD02 { background-color: #fffacd; padding: 2px; border-bottom: 1px solid #e6e6fa }
.lastModified { color: #a9a9a9; font-style: italic; font-size: 8pt; background-image: url(../images/bodyBG.gif); padding: 2px 15px 5px 5px }
.netLinks { }
.netLinks li { list-style-image: url(../graphics/globe-bullet.gif); }
.facts { }
.facts li { margin-bottom: 3px; border-bottom: 1px solid #fdeee0; list-style-image: url(../graphics/fact-bullet.gif); }
.facts li li { margin-top: -3px; list-style-type: none; list-style-image: none; }
.pdfs { text-align: left; }
.pdfs ul { text-align: left; margin: 0; padding: 0; }
.pdfs li { vertical-align: text-top; list-style: none url(../graphics/page-link.gif) inside; background-color: #f5eee6; text-align: left; margin: 2px 2px 2px -25px; padding: 3px; border: solid 1px #c7d7cc }
.pdfs li li {
background-image: none;
text-align: left;
margin: 2px 2px 2px -25px;
padding: 3px;
vertical-align: text-top;
border-style: none;
border-width: 0;
list-style-type: circle;
list-style-image: none; }
.pdfs a { font-weight: bold; }
.pdfsTable { background-color: #e8f5ec; border-top: 1px solid #b0c4de; border-right: 1px solid #b0c4de; border-left: 1px solid #b0c4de; outline: solid 1px #b0c4de; }
.pdfsTable td { padding: 4px 2px; border-bottom: 1px solid #b0c4de; }
.pdfsTable a { font-weight: bold; background-image: url(../graphics/page-link.gif); background-repeat: no-repeat; padding-left: 20px; }
.pdfs li ul { text-align: left; margin-left: 40px; margin-top: 5px; margin-bottom: 5px; list-style: none; }
.pdfs li ul li { list-style: none url(../graphics/page-link.gif) inside; padding: 6px 5px; border: none; margin: 0; }
.noicon { list-style: none; }
.noicon li { list-style: none; }
.fema { text-align: left; }
.fema ul { text-align: left; margin: 0; padding: 0; }
.fema li {
vertical-align: text-top;
background-color: #f5eee6;
text-align: left;
margin: 2px;
padding: 3px;
border: solid 1px #c7d7cc ;
list-style-type: none;
list-style-position: inside; }
.fema a { font-weight: bold; }
/**/
/**/
body#calendar #header a { color: white; font-weight: bold; text-decoration: none; text-align: center; text-indent: -999em; width: 500px; height: 25px; float: right; }
body#calendar #header a:hover { color: white; font-weight: bold; text-decoration: none; text-align: center; text-indent: 0; width: 500px; height: 25px; float: right; }
body#calendar { font-size: 0.8em; font-family: arial, helvetica, geneva; background-color: #c7d7cc; background-image: url(../images/calendarWrapper.gif); background-repeat: repeat-y; background-position: center 0; text-align: center; margin: 0; padding: 0; }
#body#calendar #container { text-align: left; margin: 0 auto; padding: 0 0 0 1px; width: 750px; vertical-align: top; }
body#calendar #content { display: block; padding: 0 10px; width: auto; margin: 0; }
body#calendar #leftNav { display: none; }
#body#calendar #footer { font-size: 0.8em; line-height: 0.9em; text-align: center; margin-top: 50px; margin-left: auto; width: 500px; height: auto; margin-right: auto; }
/**/
/**/
body#news-blog #header a { color: white; font-weight: bold; text-decoration: none; text-align: center; text-indent: -999em; width: 500px; height: 25px; float: right; }
body#news-blog #header a:hover { color: white; font-weight: bold; text-decoration: none; text-align: center; text-indent: 0; width: 500px; height: 25px; float: right; }
.entry { border-bottom: 1px solid #f7ddc4; }
.widecolumn .entry p {
font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.narrowcolumn .postmetadata {
text-align: center;
}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
#headerimg .description {
font-size: 1.2em;
text-align: center;
}
h2.pagetitle {
font-size: 1.6em;
}
#sidebar h2 {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.2em;
}
.entry p a:visited {
color: #b85b5a;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
a:hover {
color: #147;
text-decoration: underline;
}
#wp-calendar #prev a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Structure */
#page {
background-color: white;
margin: 20px auto;
padding: 0;
width: 760px;
border: 1px solid #959596;
}
.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}
.post {
margin: 0 0 40px;
text-align: justify;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
clear: left;
}
/* End Structure */
/* Begin Headers */
#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}
.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Begin Sidebar */
#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}
#sidebar form {
margin: 0;
}
/* End Sidebar */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/
/**/