/*------------------------------------------------------------
Section Stylesheet - Fire Dept.
Contains all the colors and background images that belong to
a particular section.  Base styles are held in either pg.css
or in style.css
------------------------------------------------------------*/
#header-bg {
	background: url(../images/header_emer.gif) no-repeat;
	height: 96px;
}

#header-bar {
	display: none;
}

#breadcrumbs {
	background-color: #525252;
}

#ems_search {
	float: right;
}

#ems_search .search-box {
	background: #4E4E4E;	
}

#content {
	background: url(../images/bg_left_ems.gif) repeat-y top left #fff;
}

#leftnav {
	background-color: #525252;
}

#quicklinks {
	background-color: #828282;
}

#ems_header {
	background: url(../images/sirenbox.jpg) top left no-repeat;
	height: 119px;
	position: relative;
	width: 100%;
}

#ems_header p {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	left: 10px;
	margin: 0;
	position: absolute;
	top: 97px;
}

#ems_header #ems_contact {
	background: url(../images/bluebox.gif) top left no-repeat;
	color: #fff;
	float: right;
	font-size: 14px;
	height: 110px;
	line-height: 1.15em;
	padding: 5px;
	width: 184px;
}

#ems_header #ems_contact hr {
	color: #fff;
}

img.ems_main_img {
	float: left;
	margin: 0px 10px 10px 0px;
}

.ems_box {
	background: url(../images/horiz_dot.jpg) repeat-x bottom left;
	padding: 1px 0px 0px 0px;
}

.ems_box h2 {
	border-bottom: 1px solid #828282;
	font-size: 1.2em;
}

.ems_news {
	background: #E5EFFB;
	border-top: 4px solid #CADBEF;
	clear: both;
	padding: 5px;
}

.ems_news h2 {
	border-bottom: 2px solid #CADBEF;
	font-size: 1em;
}

.ems_faq {
	background: url(../images/horiz_dot.jpg) repeat-x top left;
	padding: 1em 0px 0px 0px;
}

/*****styles from old site needed for emergency management***/
body {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	background-color: #E3EAF2;
	font: 0.80em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

a { text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none; }

td { vertical-align: top; }
legend { font-weight: bold; }

#container {
	margin: 0 auto; padding: 0;	
	width: 750px;
}

.cleaner {
	clear: both;
	height: 0;
	font-size: 1px;
	/*border: 1px solid green;*/
	margin: 0; padding: 0;
	background: transparent;
}
.required { color: red; }

/*************************** HEADER **/

#header {
	margin: 0; padding: 0; 
	width:750px;
}
.home-link{ float: left; }

#header-bg {
	margin: 0 0 1px 0; padding: 0;
	/*height:130px; */
	width:750px; 
	/*background: #fff url(../images/header_new.jpg) no-repeat top left;*/
}
#header-contact {
    font-size: 10px;
    color: #fff;
    padding: 0 0 0 145px;
    margin: 0;
    clear: both;
}

#header-bar {
	margin: 0 0 0 0; padding: 0;
	font-weight: bold;
	width: 100%;
	color: #fff;
}

#header-links {
	float: right;
	padding: 5px 0 0 0;
	width: 135px;
	color: #fff;
}
#header-links a{ color: #fff !important; }


/*------------------------------------------*/
/* =BREADCRUMBS */
#breadcrumbs {
	margin: 0 0 3px 0; padding: 6px 10px;
	color: #fff;
}
#breadcrumbs a { color: #fff; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }
/*------------------------------------------*/



/*************************** MAIN-CONTENT **/
#main-content {
	margin: 0 0 0 0; padding: 0;
	/*border: 1px solid red;*/
	width:750px;	
}

#main-content-home {
	margin: 0 0 0 0; padding: 0;
	width:750px;
}


/*************************** HOMEPAGE **/

#content-home {
	margin: 0 0 0 0;
	padding: 0;
	background-color: #fff;
	width:750px;
}

#fix {
	float: left;
	padding: 1px 0 0 0;
	/*border: 1px solid purple;*/
	/*margin-top: -2px;*/
}

#home-image {
	width: 485px;
	height: 200px;
	/*border: 1px solid blue;*/
}

#green-side {
	margin: 0; padding: 15px 15px 0 15px;
	width: 235px;
	height: 185px; 
	background-color: #336600;
	color: #fff;
	line-height: 15px;
	/*border: 1px solid yellow;*/
}

#green-side #green-title {
	color: #fff;
	font-size: 16px;
	
}

#caption {
	width: 235px;
	height: 130px;
	/*border: 1px solid pink;*/
	font-size: 10px;
	overflow: auto;
}
.caption-headline {
	font-size: 13px !important; 
	color: #fff;
}

.caption-sub-headline {
	font-size: 11px !important;
	margin-bottom: 7px;
}

.caption-body a, .caption-body a:hover {
	color: #fff;	
	text-decoration: underline;
}

#gallery-home {
	margin: 15px 0 0 0; padding: 0 0 0 0;
	border: 1px solid white;
	width: 223px;
	height: 20px;
	background-color: #fff;
}

.gallery-option {
	border-top: 1px solid #336600;
	border-bottom: 1px solid #336600;
	border-left: 1px solid #336600;
	width: 15px;
	/*background-color: #fff;*/
	/*background-color: #96C36A;*/
	float: left;
	height: 18px;
	cursor: pointer;
}

.gallery-option-none {
	border-top: 1px solid #336600;
	border-bottom: 1px solid #336600;
	border-left: 1px solid #336600;
	width: 15px;
	background-color: #336600;
	/*background-color: #96C36A;*/
	float: left;
	height: 18px;
	cursor: pointer;
}

.gallery-option-none-intra {
	border-top: 1px solid #68177F;
	border-bottom: 1px solid #68177F;
	border-left: 1px solid #68177F;
	width: 15px;
	background-color: #68177F;
	/*background-color: #96C36A;*/
	float: left;
	height: 18px;
	cursor: pointer;
}

#gallery-text {
	margin: 0; padding: 1px 0 0 10px;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	background-color: #336600;
	width: 101px;
	float: left;
	height: 19px;
}

#city-contact {
    margin: -5px 0 0 0; padding: 0 0 0 0;
    font-size: 10px;
    color: #777;
    /*border: 1px solid red;*/
}

#left-home {
	margin: 0 10px 0 0; padding: 0 0 0 10px; 
	width: 360px;
	color: #333333;
	/*border: 1px solid red;*/
}

#left-home a {
	color: #11568C;
}

#left-home #inside1 {
	padding: 0 0 17px 0;
	width: 360px;
	background: url(../images/horiz_dot.jpg) repeat-x bottom left #fff;
	/*border: 1px solid green;*/
}

#left-home #inside2 {
	padding: 0 0 5px 0;
	width: 360px;
	/*border: 1px solid green;*/
}

#inside1 li {
	list-style: none;
	background: url( ../images/blue_arrows.jpg ) no-repeat;
	background-position: 0 3px;
}

#inside2 li {
	margin: 0 0 0 -40px; padding: 0 0 0 10px;
	list-style: none;
	background: url( ../images/blue_arrows.jpg ) no-repeat;
	background-position: -3px 3px;
}

#right-home {
	margin: 0; padding: 0 5px 0 10px; 
	width: 348px;
	color: #333333;
	float: right;
	/*border: 1px solid red;*/
}

#right-home a {
	color: #11568C;
}

#inside1-r {
	padding: 0 0 20px 0;
	width: 343px;
	background: url(../images/horiz_dot.jpg) repeat-x bottom left #fff;
	/*border: 1px solid green;*/
}

#inside2-r {
	padding: 0 0 20px 0;
	width: 343px;
	/*border: 1px solid green;*/
}

a.read-more {
	color: #759CC4;
	text-decoration: none;
	font-size: 9px;
	font-weight: 700;
}

a.read-more:hover {
	text-decoration: underline;
}

#bottom-line {
	margin: 0 10px 0 10px; padding: 5px 0 0 0;
	background: url(../images/horiz_dot.jpg) repeat-x bottom left #fff;
}

.home-title {
	margin: 7px 0 3px 0;
	color: #759CC4;
	font-size: 11px;
	font-family: Verdana;
}

.home-title-r {
	margin: 7px 0 3px 112px;
	color: #759CC4;
	font-size: 11px;
	font-family: Verdana;
}

.title {
	color: #10528c;
	font-size: 14px;
	font-weight: 700;
}

.home-title2 {
	margin: 7px 0 3px 0;
	color: #11568C;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 700;
}

.home-title2 a {
	margin: 7px 0 3px 0;
	color: #11568C;
	font-size: 11px;
	font-family: Verdana;
	font-weight: 700;
}



/*************************** EVENTS PAGE **/
.events {
	margin: 15px 0 20px 0;
	line-height: 15px;
}

.events-link {
	margin: 20px 0 0 10px;
	
}

.events-list li {
	margin: 0 0 10px 0;
	list-style-type: none;
}

.events-list a {
	color: #07699B;
	font-size: 12px;
}

.events-nav {
	margin: 10px 10px 20px 10px;
}

.events-nav ul {
	margin: 0 0 0 0;
	
}

.events-nav li {
	margin: 0 0 0 0; padding: 0;
	line-height: 15px;
	list-style-type: none;
	/*border: 1px solid red;*/
}

.events-nav a {
	margin: 0 0 0 0;
	color: #07699B;
	font-size: 12px;
}

.jobs-comments {
	margin: 0 0 0 4px;
	font-size: 80%;
}


/*------------------------------------------*/
/* =LEFT COLUMN */
#left {
	margin: 0; padding: 0;
	width: 175px;
	float: left;
	color: #fff;
}
#left a { color: #fff; text-decoration: none; }
#left a:hover { text-decoration: underline; }


/* =LEFTNAV */
#leftnav { 
	margin: 0; padding: 10px; 
	line-height: 1em;
}
#leftnav ul { 
	margin: 0; padding: 0;
	list-style: none;
}
#leftnav ul ul { margin: 10px 0 0 0; padding: 0 0 0 1em; }
#leftnav li { margin: 0; padding: 0 0 0.5em 0; }

/* =QUICKLINKS */
#quicklinks {
	margin: 0; padding: 10px;
	border-top: 3px solid #fff;
	
}
#quicklinks ul {
	margin: 0; padding: 0;
	list-style: none;
}

/*------------------------------------------*/
/*    CALENDAR       */

 .col2 .side_pics {  }
 .col2 .side_pics a { border: 0; }
 .col2 .side_pics img { display: block; margin: 0 0 20px 0; border: 0; }

 img.img_rt { position: relative; float: right; margin: 0 0 .5em 1em; }
 img.img_lt { position: relative; float: left; margin: 0 1em .5em 0; }

 .spacer { float: left; width: 1px; height: 445px; }
div> .spacer { height: 445px; }

.news {}
.news h2, .search h2, .directory h2, h2.news { color: #10528c; /*#002d62;*/ font-size: 12pt; margin: 0; }
.news h3, .search h3, .directory h3, h3.news { color: #8b827d; font-size: 11pt; margin: 1em 0; border-bottom: 1px solid #ece9e8; }
.news h3 a, .search h3 a, .directory h3 a, h3.news a { color: #8b827d; border: 0; }
.news h4, .search h4, .directory h4, h4.news { color: #002d62; margin-bottom: 5px;}
.news h4 a, .search h4 a, .directory h4 a, h4.news a{ border: 0; color: #10528c;}

.search h3 { margin-bottom: 0; }

 .calendar table { width: 150px; margin: 10px 0 .5em 10px; background: #ffffff; color: #002d62; }
 .calendar td {
	text-align: center;
	padding: 2px 3px;
}
 .calendar td.hilite {
	background: #e3dadb;
}
 .calendar td a {
	text-decoration: underline;
	padding-bottom: 0;
	border: 0;
}

 .heading td { padding: 3px 4px 8px 4px;}
 .heading td a { text-decoration: none;
}

 .dir_search td { vertical-align: top; padding: 0 5px 0 0; }
 .dir_search .keywords { width: 167px; height: 15px; padding: 2px; border: 1px solid #888; }
 .alpha_list a { display: block; float: left; width: 1.4em; background: #ede9e8; text-align: center; padding: 2px 0; margin: 0 2px 2px 0; border: 0; }
 .alpha_list a:hover { background: #ccb; }

 .dir th { text-align: left; padding: 4px 4px 2px 4px; border-bottom: 1px solid #cdc9c8; }
 .dir td { padding: 4px; }
 .dir .alt td { background: #ede9e8; }


/*------------------------------------------*/


/*------------------------------------------*/
/* =FOOTER */
#footer {
	margin: 2px 0 0 0; padding: 6px 10px 6px 360px;
	color: #8595AB;
	background: url(../images/footer_bg.gif) no-repeat 5px 6px #fff;
	font-size: 80%;
	/*border: 1px solid red;*/
}


#footer a { font-weight: bold; text-decoration: none; color: #10528C; }
#footer a:hover { text-decoration: underline; }

#image-preloader {
	display: none;
}

/*------------------------------------------*/

#header-links a:link { font-size: 11px; font-weight: bold; text-decoration: none; color: #10528C; }
#header-links a:visited { font-size: 11px; font-weight: bold; text-decoration: none; color: #10528C; }
#header-links a:hover { text-decoration: underline; }

.error{
	border: 1px solid #f00;
	margin: 0px 0px 10px 0px;
	padding: 4px;
	background-color: #EDEDED;
}
.error strong{	color: #f00; }
.error img {
	margin: 0;
	padding: 0;
	float: left;	
}
.error p {
	margin: 0 0 0 30px;
	padding: 0;
}


.success{
	border: 1px solid #0f0;
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #EDEDED;
}
.success strong{	color: #0f0; }
.notice{
	border: 1px solid #F50;
	margin: 0px 0px 10px 0px;
	padding: 4px 4px 4px 4px;
	background-color: #FFB;
}
.notice strong{	color: #F50;	}
.strike{ text-decoration: line-through; }


.jury-container { margin: 15px 0; }

#forms {
	margin: 0; padding: 20px;
	background: #fff;
}
.notes {
	margin: 0; padding: 0;
	color: #aaa;
	font-style: italic;
}

.msg-public { margin: 15px 0; padding: 10px; background-color: #fcfca1; border: 1px solid yellow; }

.jury-title {
	margin-bottom: 15px; 
	color: #10528c;
	font-size: 16px;
	font-weight: bold;
}

/----------------------- SURVEY PAGE --------------------------/
.main-survey {
	font-family: Arial !important;
	font-size: 9pt !important; 	
}

.survey-intro-text {
	margin: 20px 0 20px 0;
	font-family: Arial !important;
	font-size: 9pt !important; 
}

.survey-item-question {
	font-family: Arial !important;
	font-size: 9pt !important; 
	margin-bottom: 7px;
	width: 513px;
}

.survey-item-answer {
	margin-bottom: 20px; 
}

.survey-textarea {
	padding: 10px; 
	width: 513px; 
	border: 1px solid #333; 
	font-family: Arial !important;
	font-size: 9pt !important; 	
}

.survey-submit-btn {
	margin: 50px 0 50px 0; 	
}

#slideshow {
	width: 485px;
	height: 200px; 	
}

#classified-wrapper {
	margin-bottom: 40px;	
}

#classified-wrapper a {
	text-decoration: underline; 
	border-bottom: none; 
	
}


/*********** FLASH MESSAGES **************/
#flash {
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	height: 67px;
	overflow: hidden;
	padding: 5px;
	width: 740px;
}
#flash p {
	margin: 7px 0px 0px 0px;
}
.flash_emergency, .flash_ {
	background: url(../images/bg_emer.gif) no-repeat top center #CA1210;
	color: #FFFFFF;
}
.flash_emergency a, .flash_ a {
	color: #FFFFFF;
	text-decoration: underline;
}
.flash_icon {
	float: left;
}
.flash_message {
	float: left;
}
#flash_close {
	cursor: pointer;
	float: right;
}