html {
  background:url('../images/html_background.jpg') no-repeat center top #fff;
}

body {
width:902px;
padding-top:10px;
position:relative;
font-size:small;
font-family:helvetica, arial, sans-serif;
margin:0 auto;
}

div#branding h1 {
background:url(../images/logo.png) no-repeat top left;
text-indent:-9999px;
width:259px;
height:39px;
margin:0 0 5px 21px;
}

div#signup h1 {
background:url(../images/envelope.gif) no-repeat;
width:190px;
height:59px;
position:absolute;
top:30px;
right:170px;
}

div#weather_info {
width:190px;
position:absolute;
top:30px;
right:20px;
}

div#weather_info span.title {
color:#fff;
font-size:1.2em;
text-transform:uppercase;
display:block;
font-weight:700;
}

div#weather_info span.weather_alert {
color:#cf0000;
text-transform:uppercase;
font-size:.9em;
font-weight:700;
display:block;
padding:.25em 0;
}

div#weather_info span.temperature {
font-weight:700;
display:block;
float:left;
font-size:1.75em;
padding-top:.1em;
}

div#weather_info span.weather,div#weather_info span.weather_links {
font-size:.75em;
display:block;
float:left;
padding:0 1em .2em;
}

div#weather_info span.weather_links a {
color:#000;
text-decoration:none;
}

div#navigation ul#secondary_navigation {
position:absolute;
top:8px;
right:5px;
}

div#navigation ul#secondary_navigation li {
display:inline;
color:#fff;
font-weight:700;
}

div#navigation ul#secondary_navigation li:after {
content:"\\";
}

div#navigation ul#secondary_navigation li:last-child:after {
content:none;
}

div#navigation ul#secondary_navigation li a {
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-size:.9em;
padding:.5em;
}

div#navigation ul#search_navigation {
position:absolute;
top:28px;
right:-19px;
width:275px;
height:26px;
}

div#navigation ul#search_navigation li {
display:inline;
color:#009;
font-weight:700;
}

div#navigation ul#search_navigation li a {
color:#009;
text-transform:uppercase;
text-decoration:none;
font-size:.9em;
padding:.5em;
}

div#navigation ul#main_navigation {
background:url(../images/navigation_background.jpg) repeat-x bottom #fff;
height:31px;
width:100%;
padding-top:20px;
}

div#navigation ul#main_navigation li {
float:left;
border-right:1px solid #0e3c56;
position:relative;
margin:.35em 0;
}

div#navigation ul#main_navigation li a {
display:block;
float:left;
color:#fff;
font-family:georgia, serif;
text-transform:uppercase;
text-decoration:none;
font-size:.95em;
border-right:1px solid #4b83a2;
padding:.25em .5em;
}

div#navigation ul#main_navigation li ul {
background:#164965;
position:absolute;
top:20px;
z-index:100;
border-left:3px solid #4b83a2;
}

div#navigation ul#main_navigation li ul li {
clear:left;
width:100%;
border-right:none;
border-top:1px solid #0e3c56;
border-bottom:1px solid #4b83a2;
white-space:nowrap;
margin:0;
padding:0;
}

div#navigation ul#main_navigation li ul li:first-child {
border-top:none;
}

div#content_wrapper {
background:url(../images/content_background.jpg) repeat-y left;
float:left;
}

div#content {
width:574px;
height:1500px;
float:left;
padding:19px;
}

div#content h3 {
color:blue;
font-weight:700;
font-size:14pt;
}

div#footer {
clear:both;
background:#2E2D2F;
width:900px;
float:left;
}

h2.welcome {
text-indent:-9999px;
width:570px;
height:35px;
background:url(../images/welcome_background.png) no-repeat center;
padding:1em 0;
}

h2.welcome_utility_district {
text-indent:-9999px;
width:425px;
height:26px;
background:url(../images/utility_district_welcome.png) no-repeat center;
padding:1em 0;
}

h2.welcome_marina {
text-indent:-9999px;
width:320px;
height:26px;
background:url(../images/marina_welcome.png) no-repeat left;
padding:1em 0;
}

h2.welcome_library {
text-indent:-9999px;
width:320px;
height:26px;
background:url(../images/library_welcome.png) no-repeat left;
padding:1em 0;
}

h2.welcome_police {
text-indent:-9999px;
width:560px;
height:30px;
background:url(../images/police_welcome.png) no-repeat left;
padding:1em 0;
}

h2.welcome_publicworks {
text-indent:-9999px;
width:540px;
height:26px;
background:url(../images/publicworks_welcome.jpg) no-repeat center;
padding:1em 0;
}

img.intro_pic {
float:right;
}

p {
	line-height:1.5em;
	padding:1em 0;
	text-align: left;
	font-weight: bold;
}

strong {
font-weight:700;
}

div.public_announcment {
width:540px;
padding-right:15px;
float:left;
}

div.public_announcment h2 {
text-indent:-9999px;
width:297px;
height:26px;
padding:1em 0;
}

div.blue {
width:240px;
padding-right:15px;
float:left;
}

div.blue_570w {
width:560px;
padding-right:15px;
float:left;
}

div.blue_570w h3 {
color:#248dc4;
font-size:2em;
border-bottom:1px solid #e1d8d0;
margin-bottom:.5em;
padding:.25em 0;
}

div.blue_right {
width:270px;
padding-right:15px;
float:right;
}

div.blue_right li {
list-style:disc url(../images/bullet.png) outside;
margin-left:1.5em;
line-height:1.5em;
}

div.green {
border-left:1px solid #e1d8d0;
width:300px;
padding-left:15px;
float:right;
}

div#sidebar {
width:262px;
float:right;
padding:18px 18px 18px 9px;
}

ul#sidemenu li a {
width:262px;
height:71px;
margin-bottom:1em;
display:block;
text-indent:-9999px;
}

ul#sidemenu li.text_a_tip {
background:url(../images/text_a_tip.png) no-repeat;
}

ul#sidemenu li.submit_a_web_tip {
background:url(../images/submit_a_web_tip.png) no-repeat;
}

ul#sidemenu li.sign_up_email {
background:url(../images/email_alerts.png) no-repeat;
}

ul#sidemenu2 li a {
width:262px;
height:26px;
margin-bottom:.5em;
display:block;
text-indent:-9999px;
}

ul#sidemenu2 li.neighborhood {
background:url(../images/neighborhood_issues.png) no-repeat;
}

ul#sidemenu3 li a {
width:262px;
height:78px;
margin-bottom:.5em;
display:block;
text-indent:-9999px;
}

ul#sidemenu3 li.code_amnesty_program {
background:url(../images/code_amnesty.jpg) no-repeat;
}

ul#sidemenu3 li.water_restriction {
background:url(../images/water_conservation.jpg) no-repeat;
}

h3.police_department {
font-family:arial;
font-size:24px;
color:#2a57b2;
font-weight:700;
letter-spacing:-1px;
padding-top:5px;
border-top:5px solid #2a57b2;
}

ul#sidemenu li.online_payment {
background:url(../images/pay_online.png) no-repeat;
}

ul#sidemenu li.hurricane_info {
background:url(../images/hurricane_info.png) no-repeat;
}

ul#sidemenu2 li.online_services_2 {
background:url(../images/online_services_2.png) no-repeat;
}

h3.latest_news {
background:url(../images/latest_news.png) no-repeat;
text-indent:-9999px;
width:146px;
height:26px;
margin-bottom:1em;
}

div.news_block {
padding-bottom:1em;
}

span.date {
color:#666;
text-transform:uppercase;
font-size:.95em;
}

div#sidebar a.more {
text-decoration:none;
color:#0082ca;
display:block;
}

h3.city_events {
background:url(../images/upcoming_events.png) no-repeat;
width:248px;
height:32px;
text-indent:-9999px;
}

ul.events {
background:url(../images/events_bottom.png) no-repeat bottom left;
width:262px;
margin-top:1em;
}

ul.events li {
padding:10px 10px 5px;
}

ul.events li.first {
background:url(../images/events_top.png) no-repeat top left;
}

ul.events span.title {
display:block;
font-size:1.25em;
padding:.25em 0;
}

a.view_calendar {
display:block;
padding-top:15px;
text-align:center;
text-transform:uppercase;
color:#0082CA;
text-decoration:none;
}

ul#footer_navigation {
text-align:center;
background:url(../images/footer_nav_background.png) repeat-x bottom;
margin:0 1em;
padding:1em 0;
}

ul#footer_navigation li {
display:inline;
padding:.5em;
}

ul#footer_navigation li a {
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:.85em;
}

div#site_info {
color:#cfc8bb;
font-size:.85em;
line-height:1em;
float:left;
padding:1em;
}

p.disclaimer {
width:70%;
float:left;
}

p.copyright {
float:right;
width:28%;
}

p.copyright a {
color:#cfc8bb;
text-transform:uppercase;
}

div.dept_right h3 {
font-size:1em;
background:#e1d8d0;
border-bottom:1px solid #e1d8d0;
margin-bottom:.5em;
padding:.25em 0;
}

div.dept_right li {
font-size:1em;
padding:.1em 0;
}

div.dept_right li a {
color:blue;
font-weight:400;
}

div.blue_text {
width:555px;
padding-right:15px;
float:left;
}

.top_border {
border-top:1px solid #e1d8d0;
line-height:18px;
padding:10px 0;
}

.top_border h3 {
font-size:16px;
font-weight:700;
color:#2a57b2;
padding:5px 0;
}

.newsletter {
background:url(../images/newsletter.png) no-repeat;
}

div#navigation ul#main_navigation li:last-child,div#navigation ul#main_navigation li:last-child a,div#navigation ul#main_navigation li ul li a {
border:none;
}

div.blue h3,div.blue_right h3,div.blue_text h3 {
color:#248dc4;
border-top:4px solid #248dc4;
}

div.blue li,div.blue_570w li,div.blue_text li {
list-style:disc url(../images/bullet.png) outside;
margin-left:1em;
line-height:1.5em;
}

div.blue li a,div.blue_570w li a,div.blue_right li a,div.blue_text li a {
text-decoration:none;
color:#2d2d2d;
}

div.blue a.more,div.blue_right a.more {
display:block;
text-indent:-9999px;
width:103px;
height:34px;
background:url(../images/view_more.png) no-repeat top left;
margin:2em auto;
}

div.green h3,div.green_right h3 {
color:#86c424;
border-top:4px solid #86c424;
}

div.blue h3,div.green h3,div.blue_right h3,div.green_right h3 {
font-size:2em;
border-bottom:1px solid #e1d8d0;
margin-bottom:.5em;
padding:.25em 0;
}

div.green li,div.green_right li {
line-height:1.75em;
width:50%;
float:left;
}

div.green li a,div.green_right li a {
color:#2d2d2d;
text-decoration:none;
}

div.green_right,div.dept_right {
width:262px;
padding-right:15px;
float:right;
}

ul#sidemenu2 li.online_services,ul#sidemenu li.online_services {
background:url(../images/online_services.png) no-repeat;
}

ul#sidemenu2 li.announcements,ul#sidemenu li.announcements {
background:url(../images/announcements_button.jpg) no-repeat;
}

ul#sidemenu2 li.citynews,ul#sidemenu li.citynews {
background:url('../images/citynews_button .jpg') no-repeat;
}

ul#sidemenu2 li.plan_search,ul#sidemenu li.plan_search {
background:url(../images/plan_search.png) no-repeat;
}

ul.events a.more,.seperator {
background:url(../images/events_seperator.png) repeat-x bottom;
padding-bottom:.25em;
}