@import url(../fragments/typography.css);
h2.northern-beaches { background: url(../../images/pages/title-northernbeaches.gif) no-repeat; }
div.hr { margin: 0; }
#beaches p.map-text { font-size: 82%; }
#beaches p.map-text b { display: block; }
#rr-content p { margin: 0; padding: 0 0 15px; }

/* Map */
div.beaches-map { position: relative; width: 475px; height: 510px; }
img.beach-icon { margin: -15px; }

/* Format Offices Map Popup */
	.ero .ero-previewArea div.firstChild { font-size: small; margin: 0; }
	h3.beach-name { position: relative; font-size: 120%; color: #000; margin: 0; padding: 0; }
	div.beach-address { font-size: 100%; font-weight: bold; color: #000; padding-bottom: 4px; margin-bottom: 5px; border-bottom: 1px solid #999; }
	div.beach-desc { font-size: 82%; color: 685611; }
	div.beach-photo { float: left; margin: 0 10px 5px 0; }
	
	/* Format Offices beach Column */
	#beaches div.beaches { float: left; margin: -10px 10px 0 -42px; padding: 17px; width: 192px; height: 265px; background: url(../../images/pages/bg-map-beaches.jpg) no-repeat; }
	#beaches div.beaches h3 { width: 192px; height: 19px; background: url(../../images/pages/label-explore-northern-beaches.png) no-repeat; margin: 0 auto; text-align: center; color: #006f3b; font: normal bold "Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; font-size: 82%; text-transform: uppercase; }
	#beaches div.beaches h3 b { display: none; }
	#beaches div.beaches ul { list-style-type: none; list-style-image: url(../../images/pages/icon-view.png); margin-left: 20px; padding-left: 0; }
	#beaches div.beaches ul li { padding: 0 0 3px; }
	#beaches div.beaches ul li a { display: block; position: relative; color: #100d02; font-weight: bold; text-decoration: none; top: -3px; left: 4px; }
	#beaches div.beaches ul li a:hover, #beaches div.beaches ul li a.active { background-color: #006f3b; color: #fff }