
#centering_ctr
	{ max-width: 1280px; margin: 0 auto; padding: 0; }

/****************** HEADER SECTION START ************************/	
header
	{ margin: 0 auto; width: 100%; height: 315px; background: #000000 url(../img/masthead_lg.jpg) top center no-repeat; }/*header-image-map.jpg for the alternate header w/ tabs*/
	
#masthead 
	{ display: none; }
	
/****************** HEADER SECTION END *****************************/

main
	{ background-color: #aa1f23; max-width: 1280px; position: relative; top: 0; }
main a, main a:link, main a:active, main a:visited
	{ color: #f7cd24; text-decoration: none; }
main a:hover
	{ color: #f7cd24; text-decoration: underline; }
main h1
	{ margin-bottom: -5px; }
	
/****************** NAV SECTION START ****************************/
#mobilemenu { display: none; }		
nav { width: 100%; background-color: #ffc50c; z-index: +1; position: absolute; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
nav
	{ display: inline-flex; }

}
ul#head_menu
	{ margin: 0 auto; max-width: 100%; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; padding: 0; color: #000000; text-align: center; list-style-type: none; line-height: 80%; }
ul#head_menu li
	{ display: block; font: normal 22px "Futura Condensed Medium", "Arial Narrow", Arial, Helvetica, sans-serif; text-transform: uppercase; vertical-align: middle; line-height: 95%; width: 135px; margin: 0 20px; float: left; }
	ul#head_menu li#home,
	ul#head_menu li#hiringprocess,
	ul#head_menu li#apply,
	ul#head_menu li#prepprograms,
	ul#head_menu li#youthprograms,
	ul#head_menu li#learnmore
		{ padding: 12px 0 0; }		
	ul#head_menu li#salaryandbenefits
		{ padding: 0 0 6px; /*width: 160px;*/ }	
	ul#head_menu li#home:hover,
	ul#head_menu li#hiringprocess:hover,
	ul#head_menu li#apply:hover,
	ul#head_menu li#youthprograms:hover,
	ul#head_menu li#prepprograms:hover,
	ul#head_menu li#youthprograms:hover,
	ul#head_menu li#learnmore:hover
		{ background-color: #ffc50c; color: #aa1f23; height: 33px; padding: 12px 0 0; z-index: +2; }
	ul#head_menu li#salaryandbenefits:hover
		{ background-color: #ffc50c; color: #aa1f23; height: 33px; padding: 0 0 6px; z-index: +2; }	
	ul#head_menu li span
		{ display: block; text-align: center; height: 33px; color: #000000; }
	ul#head_menu li#home a:link,
	ul#head_menu li#salaryandbenefits a:link,
	ul#head_menu li#hiringprocess a:link,
	ul#head_menu li#apply a:link,
	ul#head_menu li#youthprograms a:link,
	ul#head_menu li#prepprograms a:link,
	ul#head_menu li#learnmore a:link,
	ul#head_menu li#home a:hover,
	ul#head_menu li#salaryandbenefits a:hover,
	ul#head_menu li#hiringprocess a:hover,
	ul#head_menu li#apply a:hover,
	ul#head_menu li#youthprograms a:hover,
	ul#head_menu li#prepprograms a:hover,
	ul#head_menu li#learnmore a:hover
		{ text-decoration: none; }
	
	.sub_menu li
		{ display: none; }
		.sub_menu li:first-child
		{ padding-top: 0px; }
	ul#head_menu li .sub_menu li a 
		{ display: none; }
	ul#head_menu li:hover ul li a
		{ display: block; font: normal 18px "Futura Condensed Medium", "Arial Narrow", Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 100%; margin-left: -66px; padding: 10px 5px; width: 100%; background-color: rgba(255,197,12,0.85); /* IE8 and earlier */ }
	ul#head_menu ul li a
		{ background-color: #ffc50c; color: #000000; }
	ul#head_menu ul li a:hover
		{ background-color: #ffc50c; color: #ff0000; }
	ul#head_menu ul li a:active
		{ background-color: #ffc50c; color: #aa1f23; }
			
/*IE code start*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
ul#head_menu li
	{ font: bold 20px "Arial Narrow", Arial, Helvetica, sans-serif; }
	
	ul#head_menu li#salaryandbenefits,
	ul#head_menu li#hiringprocess,
	ul#head_menu li#prepprograms
		{ padding: 0 0 12px; /*width: 160px;*/ }	
	ul#head_menu li#salaryandbenefits:hover,
	ul#head_menu li#hiringprocess:hover,
	ul#head_menu li#prepprograms:hover
		{ background-color: #ffc50c; color: #aa1f23; height: 33px; padding: 0 0 12px; z-index: +2; }	

	ul#head_menu li:hover ul li a
		{ font: bold 18px "Arial Narrow", Arial, Helvetica, sans-serif; }
}
/*EI code end */
/****************** NAV SECTION END *******************************/		
/****************** CONTENT SECTION START **************************/
#content_body
	{ background: #aa1f23 url(../img/background_body.gif) right bottom/35% no-repeat; color: #ffffff; display: block; margin: 30px 0 0; padding: 50px 35% 10px 40px; font: normal 15px Arial, Helvetica, sans-serif; min-height: 770px; line-height: 150%; }
#content_body1
	{ background: #aa1f23 url(../img/ff-woman.png) right bottom/35% no-repeat; color: #ffffff; display: block; margin: 30px 0 0; padding: 50px 35% 10px 40px; font: normal 15px Arial, Helvetica, sans-serif; min-height: 770px; line-height: 150%; }
#content_body2
	{ background: #aa1f23 url(../img/ff-man.png) right bottom/35% no-repeat; color: #ffffff; display: block; margin: 30px 0 0; padding: 50px 35% 10px 40px; font: normal 15px Arial, Helvetica, sans-serif; min-height: 770px; line-height: 150%; }
			
h1#latestnews
	{ background: url(../img/latestnews.gif) top left no-repeat; color: #000000; padding: 1px 20px; min-width: 150px; }
		
/*IE code start*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
h1#latestnews
	{ padding: 1px 18px; min-width: 150px; }
}
/*EI code end */
h2.download_header
	{ color: #ffffff; margin: 5px 10px; border: dotted 1px #ffffff; padding: 10px; float: right; width: 200px; text-align: center; }
	
img#JoinLAFDbanner, .mobileOnlytext
	{ display: none; }
	
.normalText
	{ display: inline; }	
	
	dt a { font-weight: bold; }
	
	video
		{ width: 100%; }
	
	
aside
	{ display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin: 0; padding: 10px 30px; background-color: #353333; min-height: 180px; max-width: 100%; }

	aside div 
		{ display: inline; }
	
	aside div h2
		{ color: #ffffff; text-transform: uppercase; margin: 0; }
			
	#dl_items
		{ display: flex; flex-wrap: nowrap; justify-content: space-between; list-style-type: none; margin: 0 0 8px; padding: 0; }
		#dl_items li a
			{ display: block; float: left; width: 140px; height: 121px; margin: 0 5px 0 0; }
		#dl_items li#nutritionguide a
			{ background: url(../img/dl_nutritionguide.gif) bottom center/100% no-repeat; }
		#dl_items li#fitnesslog a
			{ background: url(../img/dl_fitnesslog.gif) bottom center/100% no-repeat; }
		#dl_items li#writtentest a
			{ background: url(../img/dl_writtentest2014.gif) bottom center/100% no-repeat; }
		#dl_items li#oralinterview a
			{ background: url(../img/dl_oralinterview.gif) bottom center/100% no-repeat; }
		#dl_items li#releasewaiver a
			{ background: url(../img/dl_releasewaiver.gif) bottom center/100% no-repeat; }
		#dl_items li#applyhere a
			{ background: url(../img/dl_applyhere.gif) bottom center/100% no-repeat; }
		#dl_items li#fca a
			{ background: url(../img/dl_fca.gif) bottom center/100% no-repeat; }
		#dl_items li#fcawaiver a
			{ background: url(../img/dl_fcawaiver.gif) bottom center/100% no-repeat; }
		#dl_items li#ffvideos a
			{ background: url(../img/dl_ffvideos.gif) bottom center/100% no-repeat; }
		#dl_items li a span
			{ display: none; }
		/*#dl_items li a span
			{ background-color: rgba(155,16,18, 0.6); color: #ffffff; display: block; }
		#dl_items li a:hover span
			{ background-color: rgba(155,16,18, 0.8); color: #ffff00; display: block; }
			*/
/*IE code start*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
	aside div h2
		{ font: bold 19px "Arial Narrow", Arial, Helvetica, sans-serif; }
	#downloads
		{ padding: 8px 0; }
		#dl_items li a
			{ font: bold 17px "Arial Narrow", Arial, Helvetica, sans-serif; }
		
}
/*EI code end */
#cityseal
	{ display: block; margin: 8px 20px 5px; }
#socialmedia
	{ display: block; margin: -10px 20px 0; padding: 0; width: 200px; height: 65px; }
	#socialmedia h2
		{ text-align: center; }
	#socialmedia ul
		{ display: block; list-style-type: none; width: 100%; margin: 0 0 0 -20px; }
		#socialmedia li
			{ margin: 5px; }
		#socialmedia li a
			{ display: block; float: left; margin: 5px; width: 40px; height: 40px; border: none;  }
			#socialmedia li#linkedin a
				{ background: url(../img/linkedin.gif) top left no-repeat;  }
			#socialmedia li#instagram a
				{ background: url(../img/instagram.gif) top left no-repeat;  }
			#socialmedia li#facebook a
				{ background: url(../img/facebook.gif) top left no-repeat;  }
			#socialmedia li#twitter a
				{ background: url(../img/twitter.gif) top left no-repeat;  }
		#socialmedia li span
			{ display: none; }
	

footer 
	{ display: block; clear: both; background-color: #ffc50c; color: #000000; min-height: 50px; padding: 20px; font: normal 20px "Futura Condensed Medium", Arial, Helvetica, sans-serif; text-align: center; }
	
/*IE code start*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
footer 
	{ font: bold 18px Member, serif; }	
}
/*EI code end */
/****************** BOTTOM SECTION END ****************************/