/* CITY DEPARTMENT STYLES */

.photo	{ float: right; margin-left: 15px; }

#splash	{ height: 333px; background-image: url(../../_images/city_services/splash.jpg); }

/* ---------
	 =col_1
--------- */

body #col_1				{ float: left; width: 686px; }

#col_1 table				{ width: 100%; }
#col_1 table th		{ border-bottom: 1px solid #000000; }

#col_1 table th,
#col_1 table td		{ padding: 8px; }

#col_1 table td		{ border-bottom: 1px dotted #FCE799; }

/* ---------
	 =col_2
--------- */

body #col_2						{ float: right; }

#col_2 dl					{ margin-bottom: 20px; }
#col_2 dl dt			{ padding: 10px 0 0; font-size: 1.2em; line-height: 1.3em; font-weight: bold; }
#col_2 dl dd			{ font-size: 1.1em; }
#col_2 dl dd span	{ display: block; padding: 5px 0; font-size: 1.1em; font-style: italic; }

/* ---------
	 =col_3
--------- */

#col_3				{ display: none; float: right; /*width: 328px;*/ }

/* -----------------
	 =PAGE-SPECIFIC
----------------- */

.municipal_court#municipal_court li.municipal_court,
.fire_rescue#main li.fire_rescue,
.police_department#main li.police_department { display: none; }

		/* ------------------
			 =business_legal
---------------------- */

			/* --------------
				 =city_clerk
			-------------- */
			
			.city_clerk #splash	{ height: 411px; background-image: url(../../_images/city_services/business_legal/city_clerk/splash.jpg); }
			
			.city_clerk #col_1 p			{ clear: both; }
			.city_clerk #col_1 em		{ display: block; }
			.city_clerk #col_1 dl		{ float: left; display: block; width: 686px; padding: 10px 0; margin: 15px 0; background-image: url(../../_images/_common/h2_bg_gradient.jpg); background-position: bottom; background-repeat: repeat-x; border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; }
			.city_clerk #col_1 dt,
			.city_clerk #col_1 dd		{ float: left; padding: 0; margin: 0; }
			.city_clerk #col_1 dt		{ margin: 0 0 0 20px; }
			.city_clerk #col_1 dd		{ margin: 0 20px 0 6px; }
			
			/* ------------------------
				 =economic_development
			------------------------ */
			
			.economic_development #splash	{ height: 361px; background-image: url(../../_images/city_services/business_legal/economic_development/splash.jpg); }
			
			.economic_development .address,
			.economic_development .fax					{ display: block; }
			
			.economic_development #col_1 h4	{ display: inline; margin-right: 10px; }
			
			.economic_development #col_1 li		{ margin: 5px 0; }
			.economic_development #col_1 li ul	{ margin: 0 0 15px 15px; }
			
			/* -------------------
				 =municipal_court
			------------------- */
			
			.municipal_court #splash	{ height: 288px; background-image: url(../../_images/city_services/business_legal/municipal_court/splash.jpg); }
			
			.municipal_court #col_1 strong		{ display: block; margin: 15px 0; }
			
			.municipal_court #col_1 dl dt		{ width: 144px; }
			.municipal_court #col_1 dl dd		{ width: 542px; }
			
			.municipal_court #col_2 ul	{ margin-bottom: 15px; border-bottom: 1px solid #FCE799; }
			
			.municipal_court .address		{ display: block; }
			.municipal_court .hours			{ display: block; padding: 10px; background-color: #FCE799; border: 1px solid #7D2B27; }
				
			.traffic_offenses table				{ margin: 15px 0; }
			
			.traffic_offenses table th.violation	{ width: 64%; }
			.traffic_offenses table th.fine,
			.traffic_offenses table th.costs,
			.traffic_offenses table th.total			{ width: 12%; }
			
			.traffic_offenses table tr:hover td	{ background-color: #FCE799; }
			
			/* -------------------------
				 =ordinance_enforcement
			------------------------- */
			
			.ordinance_enforcement #splash	{ height: 339px; background-image: url(../../_images/city_services/business_legal/ordinance_enforcement/splash.jpg); }
			
			.ordinance_enforcement #col_1					{ width: 930px; }
			.ordinance_enforcement #col_1 .photo	{ float: right; }
			.ordinance_enforcement #col_1 ul			{ margin: 15px 0 15px 15px; }
			.ordinance_enforcement #col_1 ul li		{ list-style-type: disc; }

	/* -----------------------
			 =HOUSING AUTHORITY
------------------------- */

		.housing_development #col_2 ul	{
			margin-bottom: 20px;
		}

		/* --------------
			 =annexation
		-------------- */
		
		.annexation #splash	{ height: 381px; background-image: url(../../_images/city_services/housing_development/annexation/splash.jpg); }
		
		/* -----------------------
			 =building_department
		----------------------- */
		
		.building_department #splash	{ height: 381px; background-image: url(../../_images/city_services/housing_development/building_department/splash.jpg); }
		
		/* -----------------------
			 =housing_authority
		----------------------- */
		
		.housing_authority #splash	{ height: 381px; background-image: url(../../_images/city_services/housing_development/housing_authority/splash.jpg); }

		/* -------------
			 =EDUCATION
----------------- */
		
		#education #splash	{ height: 333px; background-image: url(../../_images/city_services/education/splash.jpg); }
		
		#education #col_1		{ width: 328px; }
		
		#education #col_2		{ display: block; width: 222px; }
		
		#education #col_3		{ display: block; float: right; width: 328px; }
		
		#education dl				{ margin: 0 15px; }
		
		#education #col_2 dl dd a		{ font-size: .8em; text-transform: uppercase; }
		/*#education #col_2 dl dd a:before		{ content: "- " }*/
		
		#education #photo_seal	{ float: left; /*position: relative; top: -15px;*/ width: 131px; height: 133px; margin-top: 15px; background-image: url(../../_images/city_services/education/seal.png); background-repeat: no-repeat; }
		#education .photo#kids	{ margin: 15px 0 0; }
		
		
		
		
		/* --------------------------------
		=Special 4th of July Event Page
----------------------------------- */
		
		#special_event #container #content h2		{ display: block; float: none; width: 100%; padding: 0; font-size: 26px; }
		
		#special_event #splash				{ height: 400px; background-image: url(../../_images/events/4th_event/splash.jpg); }
		
		#special_event #event_highlights	{ display: block; font-style: italic; list-style-type: disc; font-size: 12px; font-weight: bold; margin:0 0 20px 15px;}
		
		#special_event #event_highlights li { width: 250px; font-weight: normal; line-height: 15px; padding:0 0 10px 0; font-size: 12px;}
		
			#special_event #event_highlights li img	{ float: right; position: relative; left: 70px; margin: -120px 0 40px; }
		
		#email_contact	{ clear: both; }
		
		#special_event a.facebook	{ width: 250px; display: block; padding: 0; margin: 0 auto 30px; text-decoration: none; }
		
			#special_event a.facebook img		{ width: auto; height: auto; margin: 0 auto; vertical-align: middle; }
		
			#special_event a.facebook span	{ padding: 5px; margin: 0 0 0 5px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: underline; }
		
			#special_event a.facebook:hover span	{ text-decoration: none; }

/* 		#special_event #col_1				{ width: 328px; clear: left; } */
		
			#special_event #col_1 h3	{ padding: 20px 0 0; margin: 20px 0 10px; border: none; border-top: 1px dotted #000; }
		
			#special_event #col_1	dl.live_music			{ float: left; padding-bottom: 20px; margin: 5px 0 15px; border-bottom: 1px dotted #000; }
			#special_event #col_1	dl.live_music dt	{ float: left; clear: left; width: 62px; padding: 0; margin: 0 10px 0 0; font-size: 11px; line-height: 1em; }
			#special_event #col_1	dl.live_music dd	{ float: left; width: 256px; padding: 0; margin: 0; font-size: 11px; line-height: 1em; }
			
				#special_event #col_1	dl.live_music dd ul li	{ padding: 0; margin: 0 0 10px; font-size: 11px; line-height: 1em; }
		
			#special_event #col_1 #email_contact 		{ margin:20px 0; text-align: center;}
		
			#special_event #col_1 #email_contact a, #special_event #col_1 #email_contact p {text-align: center; }
	
			#special_event dl#sponsors dt			{ clear: left; margin: 10px 0 5px; border-bottom: 1px dotted #000; }
			#special_event dl#sponsors dd			{ padding-left: 10px; }
			#special_event dl#sponsors dd img	{ float: left; margin: 10px 20px 10px 0; }
	
			#event_highlights		{ float: left; clear: left; margin-bottom: 20px; vertical-align: bottom; }
	
			#event_highlights .float_right 				{ float:right; }
		
		#special_event #col_2					{ float: right; }
		
		#special_event #col_2 h3			{ color: #852a25; }
		
		#special_event #col_2 h4 			{ padding: 0; margin: 10px 0 6px; font-size:13px; font-weight: bold; color: #852a25; }
		
		#special_event #col_2 h5 			{ padding:  2px 0; margin: 0 0; border-top: 1px solid #E9CFA0; border-bottom: 1px solid #E9CFA0; font-size: 11px; line-height: 1em; }
		
		#special_event #col_2 ul#pre_events	{  }
		#special_event #col_2 ul#pre_events li			{ display: block; margin-bottom: 10px; font-weight: normal; }
		#special_event #col_2 ul#pre_events li span	{ display: block; padding-left: 10px; }
		
		#special_event #col_2 ul			{ margin: 0 0 10px 0; }
		
			#special_event #col_2 ul li			{ margin: 3px 0; font-weight: bold; font-size: 11px; line-height: 1em; }
		
				#special_event #col_2 ul li ul 		{ list-style-type: circle; margin: 0 0 5px 14px; }
		
				#special_event #col_2 ul li ul li	{ font-weight: normal; line-height: 14px; font-size: 11px; }
				
				#special_event #col_2 ul li ul li p	{ display: inline; margin: 0; font-size: inherit; line-height: inherit; }
				
				#special_event #col_2 ul li ul li p em	{ display: block; margin-top: 6px; font-weight: bold; }
				
					#special_event #col_2 ul li ul li ul li	{ list-style-type: disc; font-weight: normal; line-height: 14px; font-size: 11px; }
		
		#special_event #col_2 ul li ul li ul 		{ list-style-type: none;}
		
		#special_event #col_3		{ display: block; float: left; width: 313px; }
		
			#special_event #col_3	div#downloads { padding: 10px; margin-bottom: 15px; background-color: #FEE293; }
				
				#special_event #col_3	div#downloads ul li		{ margin: 0 0 8px 0; text-align: center; }
				
				#special_event #col_3	div#downloads ul li a { font-size: 14px; font-weight: bold; }
		
			#special_event #col_3 div#main_street_stroll	{ padding: 10px 10px; margin: 0 0 30px 0; /*background-image: url(../../_images/events/4th_event/parade_boy.jpg); background-position: bottom; background-repeat: no-repeat;*/ border: 2px solid #000; }
			
			#special_event #col_3 div#main_street_stroll h3	{ display: block; padding: 10px 15px; margin: -10px -10px 10px; background-color: #000; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; text-align: center; }
			
			#special_event #col_3 div#main_street_stroll h3 span	{ display: block; font-family: inherit; font-size: 14px; text-align: center; }
			
			#special_event #col_3 div#main_street_stroll p	{ margin: 0 0 10px; font-weight: bold; }
			
			#special_event #col_3 div#main_street_stroll img	{ margin: -10px -10px 10px; }
			
				#special_event #col_3 div#main_street_stroll ul li	{ list-style-type: disc; margin-left: 14px; line-height: 1.5em; }
			
			#special_event #col_3 p			{ display: block; margin: 0 0 0 15px; }
			
			#special_event #col_3 img		{ display: block; }
		
			body#sponsor_pop_up	{ padding: 20px; background-color: #FFF; background-image: url("../../_images/home/content_bg_gradient.png"); background-repeat: repeat-x; background-position: 0 -50px; }
		
			#sponsor_pop_up h1	{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; }

			#sponsor_pop_up a	{ color: #7d2b27; }
			#sponsor_pop_up a.back	{ display: block; margin-top: 20px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; }
			#sponsor_pop_up a.back:hover	{ text-decoration: none; }
			
			
			/* These styles are only for the 4th of July Image Gallery. */
			
			.image_gallery #col_1 {width:100%;}
			#special_event #col_1 #image_gallery {margin:30px 0;}
			#special_event #col_1 #image_gallery p {margin:0; padding:0 0 5px 0;}
			#special_event #col_1 #image_gallery li {display: inline;}
			#special_event #col_1 #image_gallery ul {margin:0 0 30px 0;}
			#special_event #col_1 #image_gallery img {padding:0 10px 10px 0;}
			
			
			
		/* -----------------
			 =PUBLIC SAFETY
--------------------- */

			/* ---------------
	 			 =fire_rescue
			--------------- */
			
			.fire_rescue #splash	{ height: 456px; background-image: url(../../_images/city_services/public_safety/fire_rescue/splash.jpg); }
			
			.fire_rescue .phone				{ font-style: italic; }
			.fire_rescue .emergency strong	{ display: block; margin: 10px 0; }
			
			.staff_directory .inline dt				{ width: 178px; }
			.staff_directory .inline dt a:hover		{ text-decoration: none; }
			.staff_directory .inline dd				{ width: 150px; margin-right: 15px; }
			
			.stations #col_1 dl	{ float: left; width: 280px;  }
			.stations #col_1 h4	{ clear: both; width: 280px; }
			
			.stations #col_1 .photo	{ margin-top: -40px; }
			
			.stations #col_1 dt,
			.stations #col_1 dd	{ height: 30px; padding: 0; margin: 0; }
			.stations #col_1 dt	{ float: left; width: 110px; }
			.stations #col_1 dd	{ float: left; width: 170px; }
			
			.equipment #col_1 li 			{ float: left; width: 110px; height: 120px; padding: 10px; }
			.equipment #col_1 li a			{ display: block; margin: 0 auto 10px; }
			.equipment #col_1 li a img	{ margin: 0 auto; }
			
			.employment #col_1 em		{ display: block; margin: 10px 0; }
			
			.links #col_1 ul li			{ float: left; width: 328px; margin-right: 15px; }
			
			/* ---------------------
	 			 =police_department
			--------------------- */
			
			.police_department #splash	{ height: 381px; background-image: url(../../_images/city_services/public_safety/police_department/splash.jpg); }
			
			.police_department .photo	{ float: left; margin: 15px 15px 0 0; }
			
			.police_department #container #content #col_2 ul.navigation		{ border-bottom: 1px dotted #000 !important; }
			
			.police_department #col_2	strong, 
			.police_department #col_2 a				{ display: block; margin: 10px 0; }
			.police_department #col_2 a span	{ display: block; }
			.police_department #col_2 .phone,
			.police_department #col_2 .fax		{ display: block; }
			
			.memorial #col_1 li 			{ float: left; width: 150px; height: 140px; padding: 10px; }
			.memorial #col_1 li a			{ display: block; width: 150px; margin: 0 auto 10px; }
			.memorial #col_1 li a img	{ display: block; margin: 0 auto; }
			
		/* --------------
			 =RECREATION
------------------ */

			/* ----------
				 =MUSEUM
			---------- */
			
			.museum #splash	{ height: 383px; background-image: url(../../_images/city_services/recreation/museum/splash.jpg); }
			
			.museum #col_2 	{ width: 222px; }
			
			.museum #content h3				{ margin-top: 15px; margin-bottom: 15px; border: none; }
			.museum #col_1 strong	{ display: block; margin-top: 15px; }
			.museum #col_2 a			{ display: block; }
			
			.museum .photo	{ float: left; margin: 0 15px 0 0; }
			
			.museum #col_2 a img	{ display: block; width: 170px; margin: 10px auto; }
			
			/* --------------------
				 =parks_recreation
			-------------------- */
			
			.parks_recreation #col_1		{ width: 328px; }
		
			.parks_recreation #col_2		{ display: block; width: 222px; }
			
			.parks_recreation #col_3		{ display: block; float: right; width: 328px; }
			
			.parks_recreation #col_3 p	{ font-size: 11px; }
			
					.parks_recreation #col_3 dl	{ margin: 0 0 15px 0; border: 1px solid #fce799; border-top: none; }
					
						.parks_recreation #col_3 dl dt	{ padding: 7px 0 7px 85px; overflow: hidden; background-image: url(../../_images/home/content_bg_gradient.png); background-repeat: repeat-x; background-position: center bottom; border-top: 1px solid #fce799; cursor: pointer; font-size: 1.1em;  }
						
							.parks_recreation #col_3 dl dt:hover,
							.parks_recreation #col_3 dl dt.open		{ background-position: 0 -110px; }
						
						.parks_recreation #col_3 dl dt span.date	{ float: left; display: block; /*width: 7.5em; max-width: 130px;*/ width: 65px; padding: 7px 6px 7px 0; margin: -7px 0 -7px -80px; border-right: 1px dotted #fce799; font-size: 1em; font-weight: bold; text-align: left; color: #999966; }
						
						.parks_recreation #col_3 dl div.time			{ display: block; margin-bottom: 5px; font-weight: normal; color: #999966; }
						
						/*.parks_recreation #col_3 dl span.time	{ font-style: italic; padding-right: 6px; font-weight: normal; color: #999966; }*/
							
						.parks_recreation #col_3 dl span.more_info						{ margin-left: 2px; font-size: .8em; text-transform: uppercase; color: #999966; }
							.parks_recreation #col_3 dl dt.open span.more_info	{ display: none; }
							
						.parks_recreation #col_3 dl dd	{ padding: 12px 15px 12px 15px; overflow: hidden; /*background-color: #fce799;*/ background-image: url(../../_images/home/content_bg_gradient.png); background-repeat: repeat-x; background-position: 0 -90px; font-size: 10px; }
						.parks_recreation ul#resources	{ float: right; padding: 0; margin: 0; }
					
							.parks_recreation ul#resources li	{ float: right; margin-left: 8px; }
							
								.parks_recreation ul#resources li a				{ float: right; padding-top: 27px; margin-top: 0; background-repeat: no-repeat; background-position: center top; font-size: .8em; text-transform: uppercase; text-align: center; text-decoration: none; color: #999966; }
								
								.parks_recreation ul#resources li a:hover	{ text-decoration: underline; }
								
								.parks_recreation ul#resources li a.pdf	{ width: 23px; background-image: url(../../_images/events/announcements/pdf.png); }
								/*.parks_recreation ul#resources li a.pdf:hover	{ background-image: url(../../_images/events/announcements/pdf.png); }*/
								
								.parks_recreation ul#resources li a.email	{ width: 35px; background-image: url(../../_images/events/announcements/email.png); }
								/*.parks_recreation ul#resources li a.email:hover	{ background-image: url(../../_images/events/announcements/email.png); }*/
								
								.parks_recreation ul#resources li a.link	{ width: 30px; background-image: url(../../_images/events/announcements/link.png); }
								/*.parks_recreation ul#resources li a.link:hover	{ background-image: url(../../_images/events/announcements/link.png); }*/
						
								.parks_recreation #col_1 dl a	{ padding: 0; margin: 1em 0; }
					
			
				.parks_recreation #col_3 ul.announcements	{ padding: 6px; margin: 0 0 5px; background: #fce799; }
				
					.parks_recreation #col_3 ul.announcements li				{ padding: 2px 8px 3px; margin: 0 0 1px; background-color: #FFF; }
					.parks_recreation #col_3 ul.announcements li .date	{ margin: 0 5px 0 0; color: #999966; }
			
			.parks_recreation #special_events dt,
			.parks_recreation #special_events dd	{ height: 1em; padding: 0; margin: 15px 0; }
			.parks_recreation #special_events dt	{ float: left; width: 110px; }
			.parks_recreation #special_events dd	{ float: left; width: 576px; }
			
			.parks_recreation #facility_hours		{ margin-top: -10px; }
			
			/* ------------------
				 =public_library
			------------------ */
			
			.public_library #splash	{ height: 381px; background-image: url(../../_images/city_services/recreation/public_library/splash.jpg); }
			
			.public_library #col_1 li	{ list-style-type: circle; margin: 10px 0 0 15px; }
			.public_library #col_2 a	{ display: block; margin: 15px 0; }
			
		/* ------------------
			 =TRANSPORTATION
---------------------- */
			
			.municipal_airport #splash	{ height: 349px; background-image: url(../../_images/city_services/transportation/municipal_airport/splash.jpg); }
			.municipal_airport .float_right { float:right; padding:10px 0 0 20px; }
			
			.municipal_airport_splash #splash	{ height: 368px; background-image: url(../../_images/city_services/transportation/municipal_airport/splash_in.jpg); }
			
			.municipal_airport_splash #col_1 h2 {font-size: 24px; padding:0; margin:0;}
			
			.municipal_airport_splash #col_2 ul {font-size: 13px;}
			.municipal_airport_splash #col_2 ul ul {padding:0 0 0 20px; list-style-type: disc; list-style-position: outside;}
			.municipal_airport_splash #col_2 ul ul li {line-height: 17px; font-size: 12px;}
			
			.municipal_airport_splash #col_1 .float_right {float:right; margin:10px 20px 0 0;}
			
			.municipal_airport_splash #content	{ float: left; width: 970px; overflow: visible; padding: 15px; background-color: #FFFFFF; background-image: url(../../_images/city_services/transportation/municipal_airport/background.png); background-repeat: repeat-x; background-position: bottom; /*border-top: 20px solid #FFFFFF;*/ }
			
			
			/* -------------------------
				 =public_transportation
			------------------------- */
			
			.public_transportation #splash	{ height: 368px; background-image: url(../../_images/city_services/transportation/public_transportation/splash.jpg); }
						
			.public_transportation #col_1 strong	{ display: block; }
			.public_transportation #col_1 ul		{ margin: 15px 0; }
			.public_transportation #col_1 li		{ list-style-type: disc; margin-left: 15px; }
			.public_transportation #col_3			{ display: none; }
			
			
		/* -------------
			 =UTILITIES
----------------- */
			
			/* ------------------
				 =electric_board
			------------------ */
			
			.electric_board #splash	{ height: 381px; background-image: url(../../_images/city_services/utilities/electric_board/splash.jpg); }
			
			.electric_board #location span,
			.electric_board #business_hours span	{ display: block; }
			
			.electric_board #col_1 #location,
			.electric_board #col_1 #business_hours		{ float: left; display: block; width: 300px; height: 60px; padding: 10px 15px; margin: 15px 0; background-color: #FDE79B; background-image: url(../../_images/_common/h2_bg_gradient.jpg); background-position: top; background-repeat: repeat-x; border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; }
			
			/* ----------------
				 =gas_district
			---------------- */
			
			.gas_district #splash	{ height: 381px; background-image: url(../../_images/city_services/utilities/gas_district/splash.jpg); }
			
			.gas_district .phone,
			.gas_district .fax		{ display: block; }
			
			/* ---------------
				 =water_sewer
			--------------- */
			
			.water_sewer #splash	{ height: 288px; background-image: url(../../_images/city_services/utilities/water_sewer/splash.jpg); }
			
			.water_sewer #col_3	{ display: none; }
			
			.water_sewer #col_1 li	{ list-style-type: disc; margin-left: 15px; }
			
			
	/* --------------------
			 =PUBLIC WORKS
---------------------- */
			
			.public_works #splash	{ height: 381px; background-image: url(../../_images/city_services/public_works/splash.jpg); }
			
			.public_works h4,
			.public_works #col_1 ul		{ margin: 0 15px 15px; }
			
			.public_works #col_1 li		{ list-style-type: disc; margin-left: 15px; }

/* --------------------
			 =HORTICULTURE
---------------------- */
			
			.horticulture #splash	{ height: 381px; background-image: url(../../_images/city_services/horticulture/splash.jpg); }

	/* --------------------
			 =SENIOR CENTER
---------------------- */
			
			.senior_center #splash	{ height: 381px; background-image: url(../../_images/city_services/senior_center/splash.jpg); }
			
			.senior_center .photo			{ float: left; margin: 0 15px 0 0; }
			
			.senior_center p.mission_statement strong	{ display: block; }
			
			.senior_center #col_1	{  }
			.senior_center #col_2	{  }
			.senior_center #col_3	{ display: block; float: left; width: 686px; padding: 0 10px; margin: 0; }