@font-face { font-family: 'Biondi'; src: url('../font/biondi.eot'); src: url('../font/biondi.eot#iefix') format('embedded-opentype'), url('../font/biondi.svg') format('svg'), url('../font/biondi.woff') format('woff'), url('../font/biondi.ttf') format('truetype'); font-weight: normal; font-style: normal;}

body{
	font-family:Arial, Helvetica, sans-serif;
	padding: 0;
	}
.div400px{width:400px}	
.div200px{width:200px}
.div100px{width:100px}

.divFloatRightBox{ 
	float:right; 
	width:200px; 
	margin:10px; 
	padding:10px; 
	background-color:#FEF5E4}

.noTblBorder{
	border:0;
	}
	
.inputStyle{width: 243px; height:22px; margin-left: 2px;}	

table.tblLayout{
	width:760px;
	border:0px;
	padding: 4px;
	text-align:center;
	margin: auto;
	
	}	
	
table.tblLayoutHd{
	width:760px;
	border:0px;
	padding: 4px;
	text-align:center;
	margin: auto;
	border-bottom:1px solid black;
	}	
	
table.ContactFooter{
	width:760px;
	border:0px;
	padding: 0px;
	text-align:center;
	margin: auto;
	
	}	

.ContactFooter img{border:0px;}



.algnLf{text-align:left}

.ftContactTxt{
	color:#ffffff; 
	text-align:center;
	font-weight:bold;}
	
.ftBottom{
	border-top:solid 1px #000000;
	background-color:#FEF5E4;
	text-align:center;
	vertical-align:middle;
	height:13px;
	padding: 7px 0px 0px;
	}	


	
.dtColor{background-color:#fef5e4;
	color:#0D0D0D;
	width:305px;
	padding-top:7px;
	height:15px;
	text-align:center;
	vertical-align:middle;
	float:right}	
	
a {
	text-decoration: none;
	color: #004283;
	/*color: #0052A2;*/
	font-weight:bold;
	
}
a.menuCell:hover {
	text-decoration: none;
	background-color: #EFDABE;
	display: block;
}
a:hover {
	text-decoration: none;
	color: #C00028;
}
	
#tableSubMenu td {
	padding-top: 5px;
}
#tableUnderline td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00B0DA;
	padding-right: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-top: 3px;
	padding-bottom: 3px;
}
#tableUnderline p {
	margin-top:0px;
	
}
#tableUnderlineSmall td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00B0DA;
	padding-right: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
}
.hangingBullet {
	text-indent: -9px;
	margin-left: 9px;
}
.kaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 8pt;
	color: #666666;
	padding-bottom: 3px;
	padding-top: 0px;
}


.likeH3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
}
.likeH4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #C00028;
	margin-bottom: -4px;
	text-transform: uppercase;
}
.likeParagraph {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 13pt;
	color: #000000;
	margin-bottom: 9px;
	margin-top: 6px;
}
 .menuCell {
	padding-top:2px;
	padding-bottom:2px;
	text-align: center;
	display: block;
	border: none;
}
.menuDropdownHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.menuDropdownShow {
	height: auto;
	top: 18px;
	background-color: #FEF5E4;
	border-top:3px solid #83C73F;
	overflow: visible;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C00028;
	border-bottom-color: #C00028;
	border-left-color: #C00028;
	vertical-align: top;
	color: #000000;
	visibility: visible;
	padding-top: 3px;
}
.menuHeadLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
}
.menuHideIt {
	visibility: hidden;
}
.menuMainHeader{
	border-top:3px solid #db9e00;
	background-color:#005000;}	

	
	
.o7pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 7pt;
	padding-bottom: 6px;
}
.o8pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 9pt;
	padding-bottom: 6px;
}
.o9pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.o9ptRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #C00028;
	line-height: normal;
}
.red {
	color: #C00028;
}
.redBorder {
	border: 1px solid #C00028;
}
.redBorderTop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C00028;
}
.redHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: 900;
	color: #C00028;
	letter-spacing: -1px;
}

.resetSelectionButton{
	width:120px;
	margin-left:0px;}

.clearSelectionBtn{
	width:120px;
	margin-left:240px;}
	
.subHead {
	font-family: Helvetica, Arial, SansSerif;
	font-size: 11pt;
	font-weight: 900;
	margin-bottom: 0px;
	margin-top: 0px;
}
.subHeadGrey {
	font-family: Helvetica, Arial, SansSerif;
	font-size: 10pt;
	font-weight: 900;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #333333;
}

blockquote {
	margin-bottom: 0px;
	margin-top: 0pt;
	line-height: normal;
}
body {
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: 600;
	margin-bottom: 0px;
	margin-top: 0px;
}

.newh4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: -4px;
	text-transform: uppercase;
	}


h1{ 
	font-size: 1.2em;
	font-weight:700;
	margin: 2px;
	}

h2{ 
	font-size: 1.15em;
	font-weight:700;
	margin: 2px;
	}
h3{ 
	font-size: .95em;
	font-weight:700;
	margin: 2px;
	}	
	
h4 {
	font-size: .85em;
	font-weight:700;
	margin: 2px;
}
/*h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 13pt;
	color: #000000;
	margin-top: 13pt;
	font-weight: bold;
	margin-bottom: 2px;
}
h6 {
	font-family: Helvetica, Arial, SansSerif;
	font-size: 11pt;
	font-weight: 900;
	margin-bottom: 0px;
	margin-top: 0px;
}*/
hr {
	/*color: #00B0DA;
	border:0px thin #33FFFF;
	*/
	border:0;
	color: #33FFFF;
	background-color: #33FFFF;
	height: 1px;
	width: 100%;
	text-align: left;
	
}
li {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 3px;
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 13pt;
	color: #000000;
	margin-bottom: 9px;
	margin-top: 2px;
	list-style-image: none;
	list-style-type: decimal;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 13pt;
	color: #000000;
	margin-bottom: 6px;
	margin-top: 9px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 13pt;
	color: #000000;
	/*margin-bottom: 7px;
	margin-top: 7px;*/
	list-style-image: url(../image/arrows/box_green.gif);
}

.newicon {
	font-weight: bold;
	color: #FFCC00;
}

.newi { 
	
	background: url(../images/new48px.png) no-repeat fixed right; 
}

#skip a
{
	font-size:10px;
position:absolute;
left:-10000px;
float:left;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
} 

/*Skip the side menu*/
#skipSM a
{
	font-size:10px;
position:absolute;
left:-10000px;
float:left;
top:auto;
width:1px;
height:1px;
overflow:hidden;

}
 
#skipSM a:focus
{
position:static;
width:auto;
height:auto;

} 

.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

.BosDirImg{ 
	width:126px;
 	height:140px;
	float:right;
	margin:0px 0px 6px 10px;}

.textCenter { text-align:center;}

.yellowBGColor{
	background-color:#FFC; 
	width:95%; 
	margin:5px;}

.imgFloatLft{
	float:left;
	padding-right:5px;}
	
.imgFloatRt{
	float:right;
	padding:5px;}
	
.lgBlueTxt{
font-weight:bold; 
font-size:14px; 
color:#00F;}

.clearfix{clear:both;}

.searchForm{
	width:148px;
	margin:0px;
	height:10px}

.searchBtn{
	margin:0px;
	padding:0px;
	float:left;
	width:20px;}

.searchText{
margin:0px;
padding:0px;}

.searchBox{
	width:80px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#c00028; 
	background-color:#fef5e4; 
	padding-left:3px;
	margin-right:3px;
	float:left;}
	
.searchAdvLink{
	font-size:7pt; 
	font-family:Arial, Helvetica, sans-serif;
}

.srImgHand{
	border:0; 
	vertical-align:middle;
	margin-left:-7px;
	margin-left:3px;}
	

	
ul.sideMenu {
	list-style:none;
	margin:0px;
	padding:0px 0px;
	}


ul.sideMenu li{
	border-bottom:1px solid #C00028;
	font-weight:700;
	padding:5px 2px 3px 10px;
	}
	
ul.sideMenu li.activeArrow {
	background-image:url(../image/arrows/arrow_right_orange.gif);
	background-repeat:no-repeat;
	
	color:#c00028;
	font-weight:800;
	background-position:0px;
	}	
		
ul.sideMenu li.active, ul.sideMenu li.active a{
	color:#c00028;
	font-weight:800;
	}	

ul.sideMenu li ul{
	padding:0px 0px 0px 5px;}
ul.sideMenu li ul li{
	border-bottom:0px;
	}
	
ul.subSideMenu {
	list-style:none;
	margin:0px;
	padding:0px 0px;
	}


ul.subSideMenu li{
	
	font-weight:700;
	padding:5px 2px 3px 10px;
	}
ul.subSideMenu li ul{
	padding:0px 0px 0px 5px;}
ul.subSideMenu li ul li{
	border-bottom:0px;
	}
	
ul.menuList {
	list-style-image:url(../image/arrows/arrow_right_orange.gif);
	padding-left: 10px;
	}

ul.menuList li.active{
	color: #C00028;

}
	
ul.siteList {
	list-style: none;
	
	}

ul.siteList li{
background-image:url(../image/arrows/arrow_right_orange.gif);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:12px;
padding-top:2px;
}

.margin20{
	margin: 20px;}
	
.idBoxBorder{
	margin-left:40px;
	padding:10px; 
	border:1px solid #c00028;}

.srBoxBorder{	
	padding:10px; 
	border:1px solid #c00028;}
	
.idHeadInst{ 
	color:#ffffff; 
	background-color:#0052a2; 
	padding:6px; 
	font-size:10pt; 
	font-weight:bold}	
	
.eventGalleryDesc{
	background-color:#FFFFCC; 
	width:700px; 
	margin-left:20px; 
	padding:10px;
	}
	
.eventGaleryTitle{
	font-size:23px; 
	font-weight:bold; 
	line-height:30px;
	text-align:center;}	

.marginL45{margin-left:45px}

table.largestCitiesTbl{
	border-spacing: 0px;
	width:413px; 
	text-align:center}

table.largestCitiesTbl tr, table.largestCitiesTbl th, table.largestCitiesTbl td{
	padding:10px;
	border: 1px #000000 solid;
	
	}

		

.alignTxtRt{
	text-align:right;}
	
.homeImg{
	margin-left: 12px;
	border:0;
	}
#title2ADA{
	padding:2px 80px;
	border: 1px solid #000000;
	text-align:center;
	float:left;}

#WhatsInSite{
	padding:0px 10px; 
	margin:10px;}

.MarginLR10px{margin: 0px 10px;}

.iFrameCal{
	width:325px;
	margin:0px; 
	height:260px;
  	overflow:scroll;
	border:1px solid #000000;
	}

	

.lf35px{width:35px; 
	float:left;
	margin-left:10px;}	

.lf325px{width:325px; 
	float:left;}

img a{border:0;
	vertical-align:middle;
	margin-bottom: .25em; }
	
img {border:0;
	vertical-align:middle;
	margin-bottom: .25em; }
.BOSDir{
	background-color:#FEF5E4; border-top:solid 1px black; border-left:solid 1px black; border-right:solid 2px black;border-bottom:solid 2px black;
	padding:0px 10px;
	margin:10px;}
	
#mainPageLt{width:380px;
		float:left;}	
	
#mainPageRt{width:379px;
	float:left;
	border-left:1px solid #000000;}
	
#mainHead {
	width:760px; 
	margin:auto;
}

.headLeft{
	width:205px;
	float:left;
	padding-left: 3px;
	}

.headRight{
	width:552px;
	height:108px;
	float:left;
	}
.mainBOSLogo{
	width:205px; 
	height:118px; 
	border:0px;}
	
/* .headLeft{
	width:200px;
	float:left;
	}

.headRight{
	width:560px;
	height:108px;
	float:left;
	} 
.mainBOSLogo{
	width:200px; 
	height:108px; 
	border:0px;}*/
	
.mainBOSTextLogo{
	margin-top:45px;
	vertical-align:bottom;
	}	

#subHeadBody{
	width:760px; 
	margin:auto;
	}
	
.subHeadLeft{
	width:143px; 
	float:left; 
	padding:5px 5px}
	
.subHeadMiddleL{
	width:275px; 
	float:left; 
	padding:5px 5px;
	}
	
.subHeadMiddleR{
	width:160px; 
	float:left; 
	padding:5px 5px 0px 0px;
	}
	
.subHeadRight{
	width:150px; 
	float:left;  
	padding:5px 5px 0px 0px; 
	text-align:right;
	}
.subHeadMainMiddle{
	width:445px; 
	float:left; 
	padding:5px 5px 0px 0px;
	}

#mainBody{
	width:760px; 
	margin:auto;
	
	border-top:1px solid #000000;
	}

.mainBAll{
	width:738px;
	/*float:left;*/
	padding:5px 10px;
	/*border-left:1px solid black;
	border-right:1px solid black;*/
	}	
	
	
.mainBLeft{
	width:143px; 
	float:left; 
	padding:5px 5px;
	}

.mainBLeftLg{
	width:168px; 
	float:left; 
	padding:5px 5px;
	}
	
.mainBOnlyRight{
	width:585px;
	float:left;
	padding:5px 10px;
	border-left:1px solid black;
	border-right:1px solid black;}	

.mainBOnlyRightSm{
	width:560px;
	float:left;
	padding:5px 10px;
	border-left:1px solid black;
	border-right:1px solid black;}	

.mainBMiddle{
	width:429px; 
	float:left;
	
	padding:5px 10px; 
	border-left:1px solid black;
	border-right:1px solid black;
	}
	

		
.mainBRight{
	width:145px; 
	float: left;
	margin-top:1px; 
	padding:5px 5px; 
	background-color:#FEF5E4;
	
	}
	
.div760px{
	width: 760px;
	float: left;
	}
.div370px{
	width: 370px;
	float: left;
	}	
	
.div365px{
	width: 365px;
	float: left;
	}	
		
.leftLine {
	border-left-style: solid;
	border-width:thin;}	
	
.marginTop2px{margin-top:2px;}
.divFloatLeft{float:left;}

#mainFooter{
	width:760px; 
	margin:auto;
	}

	
	
.footerContactBanner{
	width:760px;
	border:0px;
	padding:7px 0px 0px;
	text-align:center;
	height:24px;
	vertical-align:middle;
	background-color:#005000;
	}	
	
.ftCityLogo{ 
	float:left
	}	
	
.ftLALogo{
	 width:70px; 
	 height:69px; 
	 padding:7px 2px 7px 20px;}	

.cityDPWLinks{
	float:left;
	padding-left:15px; 					
	padding-top: 25px; 
	height:51px;}
	
.SMLogos{float:left; padding-left:15px; padding-top: 5px;}	

.footerLA311 {
	width:235px; height:78px; float:left; border-right:1px solid black;}

.footerLA311Text{width:115px; text-align:right; padding-top:25px; float:left;	}

.footerLA311Img{ width:101px; float:left; padding:10px 5px 0px;}

.footerSRNumber {float:left; width:165px;padding-top:25px; padding-left:10px;}

#sanMenu{
width: 760px;
margin:auto;
}


nav {
    margin: auto;
    text-align: center;
}
nav ul ul{
    display: none;
}
nav ul li:hover > ul {
    display: block;
}
nav ul {
	border-top: 3px solid #db9e00;
    background-color: #006f00;
	display: inline-table;
    list-style: none outside none;
    padding: 0 0px;
    position: relative;
	
}
/*nav ul:after {
    clear: both;
    content: "";
    display: block;
}*/
nav ul li {
	font-size: 8pt;
	font-weight: bold;
    float: left;
	
	
	
}
nav ul > li {text-transform:uppercase;}



nav ul li:hover {
 
   background-color: #FEF5E4;
   

}

nav ul li:hover a {
    color: #0000ff;
	background-color: #FEF5E4;

}
nav ul li a {
	width:150px;
    color: #FFFFFF;
    display: block;
    
	padding: 2px 0px;
    text-decoration: none;
	
}
nav ul ul {
    background-color: #FEF5E4;
	border-top:0px;
	/*border-top:3px solid #83C73F;*/
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 100%;
}
nav ul ul li {
	border-left:1px solid #C00028;
	border-right:1px solid #C00028;
 	
      /* border-top: 1px solid #6B727C;*/
    float: none;
    position: relative;
}

nav ul ul li:last-child {
border-bottom: 1px solid #C00028;
}
nav ul ul li a {
    color: #FFFFFF;
    padding: 5px 0px;
	
}
nav ul ul li a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}
nav ul ul ul {
    left: 100%;
    position: absolute;
    top: 0;
}

.lightYellowBG{
 background-color: #FFFFCC}
 
.limeGreenBG {
	 background-color:#83C73F}
	 
.sideNavSubMenu {margin-left:15px}

.tblHeaderWho{
	color: red;
	text-transform:uppercase;
	font-weight:bold;
	}
	
.tblHdrBkydComposting{
	color: #ffffff;
	text-transform:uppercase;
	font-weight:bold;
	}	
	
.tblRowBgBlue{
	background-color: #0052A2;
}

.blueFont{
	color: #0052A2;
}

.headerCSHotline{
	width:375px; 
	text-align:center; 
	float:left;
	font-family: Biondi, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:35px;
	
	}
	
.headerSM{
	float:left; 
	width: 170px;
	text-align:center;
	font-family: Biondi, Arial, Helvetica, sans-serif;
	font-size: 16px;
	}

.PEGTitle {
	
	text-transform:UpperCase;
	}

.redLink{
	color:#C00028;
	}

.supText{
	color:#333;
	font-size:.8em;
	line-height: 10px;
	text-align:center;
	}

.neighborhoodInfo{
	margin-top:7px;
	width:740px;
	}	
.cleardefault{
	width: 470px;
	}

.FYNSearchBtn {
	width: 255px;
	}	
	
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#touchScroller
	{
		width:100%;
		height: 330px;
		position: relative;
	}
			
			/* Replace the last selector for the type(s) of element(s) you have in
			   your scroller.
			   If you have images use #touchScroller div.scrollableArea img,
			   If you have div's use #touchScroller div.scrollableArea div,
			   if you have links use #touchScroller div.scrollableArea a,
			   or add several selectors if you have mixed content
			   ...and so on. */
#touchScroller div.scrollableArea a
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0 5px;
				/* If you don't want the images in the scroller to be selectable, try the following
				   block of code. It's just a nice feature that prevent the images from
				   accidentally becoming selected/inverted when the user interacts with the scroller. */
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
	}