/*------Reset-------*/
* {margin: 0; padding:0;}
html {color:#4D4D4F; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:18px;} 

/*------Useful Classes-------*/
.clear {clear:both;}
.hide {display:none;}
.center {width:960px; margin: 0 auto;}
.left {float:left;}
.right {float:right;}
.first {margin:0 0 0 25px;}
.IE .first {margin:0; padding-left:25px;}
.red {color:#BE1300;}
.errors {margin:10px 25px; color:#BE1300; font-size:90%; list-style-type:none;}

/*------Global Divs-------*/
#header {background:url(../images/header.jpg) repeat-x; height:270px; position:relative;}
#head_content {position:relative; top:25px;}
#secondary {background:#E4E4E4; height:95px;}
#content {background:#FBFBFB; border-top:#FFF solid 1px; position:relative;}
#footer {background:url(../images/footer.jpg) repeat-x; height:235px;}
h1#logo {background:url(../images/logo.jpg) no-repeat; width:285px; height:200px; margin: 0 0 0 25px; float:left;}
h2 {font-family:"Arial Black", Arial, Gadget, sans-serif; color:#4D4D4F; font-stretch:extra-condensed;}
a img {border:none;}
#date {margin:35px 25px 0 0;}

/*------Navigation-------*/
ul#navigation {margin:85px 25px 0 0; float:right;}
ul#navigation li {display:block; list-style-type:none; margin: 0 15px 0 15px; float:left;}
ul#navigation #fire_prev, ul#navigation #events, ul#navigation #department, ul#navigation #links, ul#navigation #contact {margin:10px 0 0 0;}
ul#navigation li a {color:#CCC; font-size:110%; text-decoration:none;}
ul#navigation li a:hover, ul#navigation li a:active {color:#FFBA2C;}

/*------Secondary Navigation-------*/
ul#navigation_secondary {margin:30px 0 0 25px;}
ul#navigation_secondary li {display:block; list-style-type:none; margin: 0 15px 0 15px; float:left;}
ul#navigation_secondary #info, ul#navigation_secondary #history, ul#navigation_secondary #youth, ul#navigation_secondary #police, ul#navigation_secondary #equipment {margin:8px 0 0 0;}
ul#navigation_secondary li a {color:#4D4D4F; font-size:100%; text-decoration:none;}
ul#navigation_secondary li a:hover, ul#navigation_secondary li a:active {color:#BE1300;}

/*------Foot Navigation-------*/
ul#foot_navigation {position:relative; top:115px; left:25px;}
ul#foot_navigation li {display:inline; margin: 0 15px 0 0;}

ul#foot_navigation li a {color:#CCC; font-size:90%; font-weight:100; text-decoration:none;}
ul#foot_navigation li a:hover, ul#foot_navigation li a:active {color:#FFBA2C;}
#site_info {width:400px; margin:0 25px 0 0; position:relative; top:105px;}
#site_info p {color:#CCC; font-size:80%;}
#site_info strong {font-weight:bolder;}
#copyright {font-size:75%;}
a#privacy {margin:1px 0 0 5px; color:#CCC; text-decoration:none; font-size:75%; font-weight:bolder;}

/*------Index-------*/
#home #content .left {width:370px; margin:0 0 0 25px; position:relative; top:100px;}
#home .IE #content .left {width:370px; margin:0; padding-left:25px; position:relative; top:100px;}
#home #content .left img {margin:35px 0 0 10px;}
#home #content .right {width:540px; margin:150px 25px 0 0; position:relative;}
#home .IE #content .right {width:530px; margin:150px 0 0 0; padding-right:25px; position:relative;}
#home #content .right p {margin:0 0 15px 0; color:#4D4D4F; font-size:85%; text-align:justify;}
#update {margin:35px 0 0 25px;}
h3 {color:#4D4D4F; font-family:"Arial Black", Arial, Gadget, sans-serif; font-size:100%; font-stretch:extra-condensed;}
p#update_text {width:600px; margin: 2px 0 0 10px; font-size:85%;}

/*------Fire Prevention-------*/
#fire_prevention ul#navigation #fire_prev a {color:#FFBA2C;}
#fire_prevention #content p.top {margin:100px 0 15px 25px; color:#4D4D4F; text-align:left;}
#fire_prevention #content .left {width:370px; margin:0 0 25px 25px;}
#fire_prevention .IE #content .left {width:370px; margin:0 0 25px 0; padding-left:25px;}
#fire_prevention #content .left img {margin-top:20px;}
#fire_prevention #content .right {width:475px; margin:0 25px 25px 0;}
#fire_prevention .IE #content .right {width:475px; margin:0 0 25px 0; padding-right:25px;}
#fire_prevention #content .right h2 {margin:20px 0 10px 0;}
#fire_prevention #content .right ul {margin:0 0 15px 15px; font-size:85%; text-align:left;}
#fire_prevention #content .right ul li {margin-bottom:10px;}

/*------Events-------*/
#events_ ul#navigation #events a {color:#FFBA2C;}
#events_ #content .calendar {margin:100px 50px 25px 25px;}
#events_ .IE #content .calendar {width:210px; margin:100px 50px 25px 0; padding-left:25px;}
#events_ #content .left table {width:210px; text-align:center; border-collapse:collapse;}
#events_ #content .left table tr.cal_title {width:210px; height:45px; background:#E4E4E4; border:#E4E4E4 solid 1px; font-size:120%; line-height:45px;}
#events_ #content .left table tr.cal_title a {margin:0 20px;}
#events_ #content .left table tr.days_of_week td {width:27px; height:30px; border:#E4E4E4 solid 1px; background:#FFF; line-height:30px;}
#events_ #content .left table tr td.blank {width:27px; height:25px; border:#E4E4E4 solid 1px; background:#EEE; line-height:25px;}
#events_ #content .left table tr td.day {width:27px; height:25px; border:#E4E4E4 solid 1px; color:#999; line-height:25px;}
#events_ #content .left table tr td.current_day {width:27px; height:25px; border:#97B9D4 solid 1px; background:#97B9D4; color:#FFF; line-height:25px;}
#events_ #content .events_return {margin:100px 25px 25px 0; min-height:400px;}
#events_ #content .events_return .event_row {width:650px; margin: 0 0 20px 0; border-bottom:#E4E4E4 solid 4px;}
#events_ #content .events_return h4.month_name {margin:0 0 20px 0;}
#events_ #content .events_return p.day {margin:5px 15px 0 0; font-size:250%; color:#999;}
#events_ .IE #content .events_return p.day {margin:5px 15px 0 0; font-size:250%; color:#999; line-height:26px;}
#events_ #content .events_return h3.event_name {margin:0 0 10px 0; font-size:120%;}
#events_ #content .events_return p.event_summary {margin:0 0 15px 0; font-size:90%;}
#events_ #content .events_return .event_type {margin: 0 0 10px 0;}

/*------Department Info-------*/
#department_info ul#navigation #department a {color:#FFBA2C;}
#department_info ul#navigation_secondary #info a {color:#BE1300;}
#department_info #content h2 {margin:25px 0 20px 25px;}
#department_info #content h2#top_h2 {margin:100px 20px 25px;}
#department_info #content p {font-size:90%;}
#officer_wrap {background:#FFF;}
#department_info #content #officer_wrap .first {margin-left:85px;}
#department_info .IE #content #officer_wrap .first {margin-left:0; padding-left:85px;}
.officer {margin-top:10px; margin-bottom:10px; float:left;}
.officer_title, .officer_name {width:195px; text-align:center; font-size:90%;}
.second_row {margin-left:185px;}
.IE .second_row {margin-left:0; padding-left:185px;}
ul#administrators li h3 {display:inline}
ul#administrators li {height:30px; list-style-type:none;}
ul.members {margin-bottom:40px;}
ul.members li {width:310px; font-size:90%; list-style-type:none;}
ul#mission_state {width:949px; margin:10px 0 15px 50px; font-size:85%;}

/*------Department History-------*/
#department_history ul#navigation #department a {color:#FFBA2C;}
#department_history ul#navigation_secondary #history a {color:#BE1300;}
#department_history #content h2#top_h2 {margin:100px 20px 25px;}
#department_history #content h3 {margin:0 0 0 25px;}
#department_history #content p {margin:0 0 10px 25px; font-size:85%;}
#department_history #content ul {margin:0 0 10px 45px; font-size:85%; list-style-type:none;}

/*------Department Youth-------*/
#department_youth ul#navigation #department a {color:#FFBA2C;}
#department_youth ul#navigation_secondary #youth a {color:#BE1300;}
#department_youth #content p#top {margin:100px 20px 25px;}
#department_youth #content h3 {margin:0 0 0 25px;}
#department_youth #content p {margin:0 0 10px 25px; font-size:85%;}
#department_youth #content ol {margin:0 0 10px 65px; font-size:85%;}

/*------Department Police-------*/
#department_police ul#navigation #department a {color:#FFBA2C;}
#department_police ul#navigation_secondary #police a {color:#BE1300;}
#department_police #content h2 {margin:20px 0 20px 25px;}
#department_police #content h2#top_h2 {margin:100px 20px 25px;}
#department_police #content h3 {margin:0 0 0 25px;}
#department_police #content p {margin:0 0 10px 25px; font-size:85%;}
#department_police #content ol, #department_police #content ul {margin:0 0 10px 65px; font-size:85%;}

/*------Department Equipment-------*/
#department_equipment ul#navigation #department a {color:#FFBA2C;}
#department_equipment ul#navigation_secondary #equipment a {color:#BE1300;}
#department_equipment #content h2 {margin:40px 0 20px 25px;}
#department_equipment #content h2#top_h2 {margin:100px 20px 25px;}
#department_equipment #content .left {width:500px; margin: 0 0 0 25px;}
#department_equipment #content .left img {margin-top:2px;}
#department_equipment #content .right {width:350px; margin:0 25px 15px 0;}
#department_equipment #content p {font-size:85%;}

/*------Links-------*/
#links_ ul#navigation #links a {color:#FFBA2C;}
#links_ #content h2 {margin:20px 0 20px 25px;}
#links_ #content h2#top_h2 {margin:100px 20px 25px;}
#links_ #content ul {margin-bottom:15px;}
#links_ #content ul li {width:300px; font-size:90%; list-style-type:none;}
#links_ #content ul li a {color:#4D4D4F; font-size:90%; text-decoration:none;}
#links_ #content ul li a:hover {color:#000; text-decoration:underline;}

/*------Contact-------*/
#contact_ ul#navigation #contact a {color:#FFBA2C;}
#contact_ #content p.top {margin:100px 0 15px 25px; color:#4D4D4F; text-align:left;}
#contact_ #content h2 {margin:0 0 20px 25px;}
#contact_ #content .left {margin:0 0 10px 25px;}
#contact_ .IE #content .left {margin:0; padding:0 0 10px 25px;}
#contact_ #content dt.left {width:150px;}
#contact_ #content label {color:#4D4D4F; line-height:40px; text-align:right;}
#contact_ .IE #content label {color:#4D4D4F; line-height:40px; text-align:left;}
#contact_ .IE #content dl {width:750px;}
#contact_ #content input.text {width:500px; height:40px; background:#FFF; border:#CCC solid 1px; color:#4D4D4F; font-size:110%; line-height:40px;}
#contact_ #content textarea {width:500px; height:300px; border:#CCC solid 1px; color:#4D4D4F; font-size:90%;}
#contact_ #content input#submit {margin:0 261px 20px 0;}
#contact_ #content .address h3 {margin:10px 0 10px 0; font-size:110%;}
#contact_ #content .address p {font-size:110%; margin:0 0 5px 0;}
#contact_ #content #map {width:500px; height:300px; margin:0 25px 15px 0; border:#4D4D4F solid 3px;}
#contact_ #content #map p {color:#000; font-size:85%;}
#contact_ #content #map a {color:#000;}
#contact_ #content #map a:hover {color:#4D4D4F;}
