*{ margin:0; padding:0;}
body{ 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#666; background: url(../images/toparea_bg.png);}

h1, h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif  color:#6AC700;} h1{ font-size:24px; text-transform:uppercase; } h2{ font-size:21px;} h1, h2, p{ padding:2px 0;} ul{ padding:5px 0 5px 30px;} li, p{ line-height:150%;}

.floatLeft{ width:auto; float:left;} .floatRight{ width:auto; float:right;} .clear{ clear:both;}

img{ border:none;}  a{ text-decoration:none; color:#6AC700} a:hover{ text-decoration:underline; color:#006794;} strong{ color:#000;}

 .center{ margin:0 auto;} .padInside{ padding:10px 0px 0px 30px;}
 
 #wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:960px;
	margin: 0 auto -138px; /* the bottom margin is the negative value of the footer's height */
}
#topStripe{
	width:100%;
	height:15px;
	background:url(../images/topHome.jpg) repeat-x left top;
}
#logo{
	width:960px;
	height:70px;
	background:url(../images/logo.png) no-repeat center;
}
#logo h1{text-indent:-9999px;}

#sidePanel{
	width:240px;
	height:inherit;
	float:left;
}

#sidePanel .quote{
	width:231px;
	height:146px;
	background:url(../images/bannerLeft.jpg) no-repeat center top;
}
#sidePanel h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#fff;
	padding:5px;
}
#menuHome{
	width:231px;
	height:182px;
	margin:0; padding:0;
	background:url(../images/menu.jpg) no-repeat left top;
}
#menuHome li{
	width:231px;
	height:24px;
	list-style-type:none;
}
#menuHome a{
	width:231px;
	height:24px;
	display:block;
	text-indent:-9999px;
	background-image:url(../images/menu.jpg);
}
#menuHome a.bronx{
	background-position:  0px -60px;
}
#menuHome a.brooklyn{
	background-position:  0px -84px;
}
#menuHome a.long{
	background-position:  0px -108px;
}
#menuHome a.manhattan{
	background-position:  0px -132px;
}
#menuHome a.staten{
	background-position:  0px -156px;
}

#menuHome a.bronx:hover{
	background-position:  231px -60px;
}
#menuHome a.brooklyn:hover{
	background-position:  231px -84px;
}
#menuHome a.long:hover{
	background-position:  231px -108px;
}
#menuHome a.manhattan:hover{
	background-position:  231px -132px;
}
#menuHome a.staten:hover{
	background-position:  231px -156px;
}
#mainContent{
	width:720px;
	height:inherit;
	float:right;
}
#mainContent .directories{
	width:230px;
	height:150px;
	float:left;
}
#mainContent h1{
	font-size:16px;
	text-transform:none;
	color:#4484B2;
}
#mainContent p{
	font-size:14px;
	line-height:150%;
}
#mainContent a{ color:#A61D0F; text-decoration:none; font-size:11px;} #mainContent a:hover{ color:#000;}

/*for boroughs*/

#topStripeBorough{
	width:100%;
	height:30px;
	background:url(../images/topBorough.jpg) repeat-x left top;
}
#menuTop{
	width:829px;
	height:50px;
	margin:0 auto;
	padding:0;
}
#menuTop li{
	height:25px;
	list-style-type:none;
	float:left;
	margin-top:3px;
}
#menuTop a{
	display:block;
	height:25px;
	background-image:url(../images/topMenu.gif);
	text-indent:-9999px;
}
#menuTop a.topHome{
	width:61px;
	background-position: 0px 0px;
}
#menuTop a.topBronx{
	width:80px;
	background-position: -61px 0px;
}
#menuTop a.topBrook{
	width:104px;
	background-position: -141px 0px;
}
#menuTop a.topLong{
	width:129px;
	background-position: -245px 0px;
}
#menuTop a.topMan{
	width:123px;
	background-position: -374px 0px;
}
#menuTop a.topStat{
	width:145px;
	background-position: -497px 0px;
}
#menuTop a.topArt{
	width:96px;
	background-position: -642px 0px;
}
#menuTop a.topAbout{
	width:91px;
	background-position: -738px 0px;
}


#menuTop a.topHome:hover, #menuTop a.topHomeCur{
	width:61px;
	background-position: 0px -25px;
}
#menuTop a.topBronx:hover, #menuTop a.topBronxCur{
	width:80px;
	background-position: -61px -25px;
}
#menuTop a.topBrook:hover, #menuTop a.topBrookCur{
	width:104px;
	background-position: -141px -25px;
}
#menuTop a.topLong:hover, #menuTop a.topLongCur{
	width:129px;
	background-position: -245px -25px;
}
#menuTop a.topMan:hover, #menuTop a.topManCur{
	width:123px;
	background-position: -374px -25px;
}
#menuTop a.topStat:hover, #menuTop a.topStatCur{
	width:145px;
	background-position: -497px -25px;
}
#menuTop a.topArt:hover, #menuTop a.topArtCur{
	width:96px;
	background-position: -642px -25px;
}
#menuTop a.topAbout:hover, #menuTop a.topAboutCur{
	width:91px;
	background-position: -738px -25px;
}
#footer, .space{
	height:138px;
}
#footer{
	width:100%;
	background:url(../images/footerbg.jpg) left top;
	clear:both;
	text-align:center;
}
#footer p, #footer a{
	color:#FFF;
	font-size:12px;
	padding-top:20px;
}
#footer a{ text-decoration:none;} #footer a:hover{ color:#FF0;}