/*	Project: Blairstown Township Municipal Web Site                   */
/*	File: index.html	                                                */
/*	Author: Brad Decker	                                          */
/*	Date: June 2009    	                                          */
/*	Dependencies: ./forms ./img ./jscrips ./styles  	            */

/* background */	
body {				/* IE */
	marginheight: 0px;
	marginwidth: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: center;
      background: #000000;
	}
body {				/* Mozilla */
	text-align: -moz-center;
    	}	


#sheet  {

	/*    This ID exists to solve a memory allocation/ancestor issue
		with the javascript navigation bar. It's purpose is that of
		a "wrapper". This all has alot more to do with the method of
		implementation of the script (onload from the body tag), but
		this fix masks/absorbs the extra bottom page space well.
	*/
		
	position: absolute;
	width: 100%;
	height: auto; 
	margin-left: 0px;
	border-bottom: none;

        }


#page1000x1500  {		/* IE */
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 1326px;                /* was 1200 for CH1, 1150 for SR2, 1235 for DP1, Community Day set to 1400 */
   /* background-image: url("./backgrounds/BlairLakeCanvas.jpg"); */
   /*	background-image: url("./backgrounds/MillCanvas.jpg"); */
   /* background-image: url("./backgrounds/BlairLakeCanvas4.jpg"); */
   /*	background-image: url("./backgrounds/MillCanvas2.jpg"); */
  	background-image: url("./backgrounds/FootBridgeParkTitled5.jpg"); 
             }	
#page1000x1500  {		/* Mozilla */
	text-align: -moz-center;
             }
#AboutUsPage  {		
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding: 0px;	
	width: 1000px;
	height: 2500px;
	background-image: url("./backgrounds/AboutUscanvas.jpg");  
             }
#GovPage  {		
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 1332;
	background-image: url("./backgrounds/Government.jpg"); 
             }
#ConservationPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 895px;
	background-image: url("./backgrounds/CanvasBoard.jpg"); 
             }
#PlanningPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 1350px;
	background-image: url("./backgrounds/CanvasBoard.jpg"); 
             }
#ClerkPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 945px;
	background-image: url("./backgrounds/Clerkcanvas.jpg"); 
             }
#CollectorPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 945px;
	background-image: url("./backgrounds/TaxcollectorCanvas.jpg"); 
             }
#BuildingPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;	
	padding-top: 5px;	
	width: 1000px;
	height: 790px;
	background-image: url("./backgrounds/Constr1.jpg"); 
             }
#BuildingBody  {
	margin-top: 4px;
	margin-bottom: 0px;
	width: 1000px;
	text-align: left;
	padding: 0px 6px 0px 6px;	
	background-color: transparent; 
             }
#RecreationBody  {
	margin-top: 4px;
	margin-bottom: 0px;
	width: 1000px;
	text-align: left;
	padding: 0px 6px 0px 6px;	
	background-color: transparent; 
             }
#EmergencyMgtBody  {
	float: left;
	margin-top: 4px;
	width: 1000px;
	text-align: left;
	padding: 0px 6px 0px 6px;	
	background-color: transparent; 
             }
#WelfareBody  {
	float: left;
	margin-top: 4px;
	margin-bottom: 0px;
	width: 1000px;
	text-align: left;
	padding: 0px 6px 0px 6px;	
	background-color: transparent; 
             }
#CourtBody  {
	margin-top: 4px;
	margin-bottom: 0px;
	width: 1000px;
	text-align: left;
	padding: 0px 6px 0px 6px;	
	background-color: transparent; 
             }
#FinancePage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 827px;
	background-image: url("./backgrounds/CFOcanvas.jpg"); 
             }
#CourtPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;	
	padding-top: 5px;	
	width: 1000px;
	height: 770px;
	background-image: url("./backgrounds/Constr1.jpg"); 
             }
#WelfarePage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;	
	padding-top: 5px;	
	width: 1000px;
	height: 770px;
	background-image: url("./backgrounds/Constr1.jpg"); 
             }
#DPWPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 935px;
	background-image: url("./backgrounds/DPWCanvas.jpg"); 
             }
#DPWFrame  {
	float: left;
	margin-left: 6px;
	margin-top: 10px;
	text-align: left;
	padding-top: 5px;	
	width: 800px;
	height: 400px;
	background-color: transparent; 
             }
#FirePrevPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 1291px;
	background-image: url("./backgrounds/CanvasFire.jpg");
             }
#EmergencyMgtPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;	
	padding-top: 5px;	
	width: 1000px;
	height: 790px;
	background-image: url("./backgrounds/Constr1.jpg"); 
             }
#ZoningPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 905px;
	background-image: url("./backgrounds/ZoningCanvas.jpg"); 
             }
#AssessorPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 875px;
	background-image: url("./backgrounds/AssessorCanvas.jpg"); 
	}
#FireCoPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 950px;
	background-image: url("./backgrounds/FirecoCanvas.jpg");
             }
#MainTable  {		/* IE */
	position: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	align: left;
	text-align: left;
	padding-top: 15px;	
	width: 1000px;
	height: 700px;
             }
#EMSPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;	
	padding-top: 5px;	
	width: 1000px;
	height: 815px;
	background-image: url("./backgrounds/EMSCanvas.jpg"); 
             }
#RecreationPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 1500px;
	background-image: url("./backgrounds/RecreationCanvas.jpg");
             }
#ZBOAPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 725px;
	background-image: url("./backgrounds/RecreationCanvas.jpg");
             }
#OpenSpacePage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 1500px;
	background-image: url("./backgrounds/RecreationCanvas.jpg");
             }
#ShadeTreePage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 900px;
	background-image: url("./backgrounds/RecreationCanvas.jpg");
             }
#RecCommPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 600px;
	background-image: url("./backgrounds/RecreationCanvas.jpg");
             }
#EnvironmentalPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 700px;
	background-image: url("./backgrounds/RecreationCanvas.jpg");
             }
#TaxCollectorPage  {
	margin-top: 4px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 5px;	
	width: 1000px;
	height: 962px;
	background-image: url("./backgrounds/CanvasTaxOffice.jpg"); 
             }
#DirectionsPage  {
	margin: 0px 0px 0px 0px;	
	width: 500px;
	height: 800px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
             }
.pasteContent {
	position: float;
	border: none;
	padding: 0px;
	width: auto;
	height: auto;
	margin-left: 1px;
	margin-top: 0px;
	background-color: transparent;
	}
.pasteGoogleMap {
	float: left;
	border: none;
	padding: 0px;
	width: auto;
	height: auto;
	margin-left: 1px;
	margin-top: 0px;
	background-color: transparent;
	}
table.governingHeading {
	float: left;
	width: 1000px;
	weight: normal;
	margin-left: 0px;
	margin-top: 10px;
	padding: 0px;
	border: 0px;
	border-style: none;
	text-align: left;
	background-image: url("./backgrounds/GovTitles.gif");
	}
table.governingMembers {
	float: left;
	width: 1000px;
	weight: normal;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px 6px 0px 0px 6px;
	border-style: none;
	text-align: left;
	background-color: FFFFFF;
	}
table.buildingHeading {
	float: left;
	width: 1000px;
	weight: normal;
	margin-bottom: 16px;
	margin-top: 11px;
	padding: 0px;
	border: 0px;
	border-style: none;
	text-align: left;
	background-image: url("./backgrounds/GovTitles.gif");
	}
table.ZBOAHeading {
	float: left;
	width: 1000px;
	weight: normal;
	margin-left: 0px;
	margin-top: 10px;
	padding: 0px 6px 0px 6px;
	border: 0px;
	border-style: none;
	text-align: left;
	background-color: transparent;
	}
table.OpenSpaceHeading {
	float: left;
	width: 1000px;
	weight: normal;
	margin-left: 0px;
	margin-top: -40px;
	padding: 0px 6px 0px 6px;
	border: 0px;
	border-style: none;
	text-align: left;
	background-color: transparent;
	}
table.emergencyMgtHeading {
	float: left;
	width: 1000px;
	height: 129px; 
	weight: normal;
	margin-bottom: 16px;
	margin-top: 11px;
	padding: 0px;
	border: 0px;
	border-style: none;
	text-align: left;
	background-image: url("./backgrounds/header.gif");
	}
table.emergencySqdHeading {
	float: left;
	width: 450px;
	height: 140px; 
	weight: normal;
	margin-bottom: 16px;
	margin-top: 11px;
	padding: 0px;
	border: 0px;
	border-style: none;
	text-align: left;
	background-image: url("./backgrounds/titles.gif");
	}
table.courtHeading {
	float: left;
	width: 1000px;
	weight: normal;
	margin-bottom: 16px;
	margin-top: 11px;
	padding: 0px;
	border: 0px;
	border-style: none;
	text-align: left;
	background-image: url("./backgrounds/GovTitles.gif");
	}
table.welfareHeading {
	float: left;
	width: 1000px;
	weight: normal;
	margin-bottom: 16px;
	margin-top: 11px;
	padding: 0px;
	border: 0px;
	border-style: none;
	text-align: left;
/*	background-image: url("./backgrounds/GovTitles.gif"); */
	background-image: url("./backgrounds/header.gif");
	}
table.cfoHeading {
	float: right; 
	width: 400px;
	height: 140px;
	weight: normal;
	margin: 11px 0px 16px 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
	border-style: none;
	background-image: url("./backgrounds/titles.gif");
	}
table.assessorHeading {
	float: right; 
	width: 400px;
	height: 140px;
	weight: normal;
	margin: 11px 0px 16px 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
	border-style: none;
	background-image: url("./backgrounds/titles.gif");
	}
table.dpwHeading {
	float: left; 
	width: 400px;
	height: 140px;
	weight: normal;
	margin: 11px 0px 16px 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
	border-style: none;
	background-image: url("./backgrounds/titles.gif");
	}
table.clerkHeading {
	float: left; 
	width: 400px;
	height: 140px;
	weight: normal;
	margin: 11px 0px 16px 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
	border-style: none;
	background-image: url("./backgrounds/titles.gif");
	}
table.collectorHeading {
	float: left; 
	width: 400px;
	height: 150px; 
	height: 0px;
	weight: normal;
	margin: 11px 0px 16px 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
	border-style: none;
	background-image: url("./backgrounds/titles.gif");
	}
table.Email {
	float: center; 
/* width: defined in-line */
	weight: normal;
	margin: 11px 0px 16px 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
	border-style: none;
	background-color: transparent;
	}
table.AgendasMeetings {
	float: left;
	width: 1000px;
	margin-left: 0px;
	margin-top: 215px;
	padding: 0px;
	border: none;
	border-style: none;
	background-color: transparent;
	}
table.governing {
	float: left;
	width: 980px;
	margin-left: 10px;
	margin-top: 172px;
	padding: 0px;
	border: 4px;
	border-style: ridge;
	background-image: url("./backgrounds/GovMembers.gif");
	}
table.conservation {
	float: center;
	width: 524px;
	font: 14px serif;
	weight: normal;
	margin-left: 238px;
	margin-top: 10px;
	padding: 4px;
	border: 4px;
	border-style: ridge;
	text-align: left;
	background-image: url("./backgrounds/lgrey079.jpg");
	}
table.planning {
	float: center;
	width: 524px;
	font: 14px serif;
	weight: normal;
	margin-left: 238px;
	margin-top: 10px;
	padding: 4px;
	border: 4px;
	border-style: ridge;
	text-align: left;
	background-image: url("./backgrounds/lgrey079.jpg");
	}

table.building {
	float: center;
	width: 1000px;
	font: 14px serif;
	weight: normal;
	margin-left: 0px;
	margin-top: -10px;
	background-color: transparent;
	}
table.clerk {
	float: center;
	width: 1000px;
	font: 14px serif;
	weight: normal;
	margin-left: 0px;
	margin-top: -10px;
	background-color: transparent;
	}
table.ClerkMenu {
	float: left;
	width: 500px;
	font: 14px serif;
	weight: normal;
	margin-top: 0px;
	margin-left: 420px;
	background-color: transparent;
	}
table.CollectorMenu {
	float: left;
	width: 500px;
	font: 14px serif;
	weight: normal;
	margin-top: 11px;
	margin-left: 0px;
	background-color: transparent;
	}
table.ZoningMenu {
	float: left;
	width: 500px;
	font: 14px serif;
	weight: normal;
	margin-top: 11px;
	margin-left: 0px;
	background-color: transparent;
	}
table.finance {
	float: center;
	width: 500px;
	font: 14px serif;
	weight: normal;
	margin-left: 190px;
	margin-top: -10px;
	background-color: transparent;
	}
table.court {
	float: center;
	width: 500px;
	font: 14px serif;
	weight: normal;
	margin-left: 100px;
	margin-top: 45px;
	background-color: transparent;
	}
table.fireprevention {
	float: center;
	width: 500px;
	font: 14px serif;
	weight: normal;
	margin-left: 140px;
	margin-top: 40px;
	background-color: transparent;
	}
table.zoning {
	float: center;
	width: 350px;
	font: 14px serif;
	weight: normal;
	margin-left: 450px;
	margin-top: 35px;
	background-color: transparent;
	}
table.assessor {
	float: center;
	width: 300px;
	font: 14px serif;
	weight: normal;
	margin-left: 350px;
	margin-top: 200px;
	background-color: transparent;
	}
table.dpw {
	float: center;
	width: 300px;
	font: 14px serif;
	weight: normal;
	margin-left: 650px;
	margin-top: 50px;
	background-color: transparent;
	}
table.Recreation {
	float: center;
	width: 600px;
	font: 14px serif;
	weight: normal;
	margin-left: 200px;
	margin-top: 0px;
	background-color: transparent;
	}
table.tax {
	float: center;
	width: 800px;
	font: 14px serif;
	weight: normal;
	margin-left: 190px;
	margin-top: -10px;
	background-color: transparent;
	}
#footer  {
	width: 1000px;
	height: 50px
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 0px;
	margin-bottom: 4px;
      background : #480F15;
	border: 1px solid #F3D71A;
	}	

a.footer {
	font: bold 12px Verdana;
	text-decoration: none;
	text-align: center;
	padding: 6px;
	color:  FFFFFF;
	}
a.footerActive {
	font: bold 12px Verdana;
	text-decoration: none;
	text-align: center;
	padding: 3px;
	color:  FFFFFF;
	}
a.footerActive:hover  {
	font: bold 12px Verdana;
	color : #C9C292;
	text-decoration: underline;
	}
a.linkEM {
	font: bold 12px Verdana;
	text-decoration: none;
	text-align: center;
	padding: 3px;
	color:  0B287D;
	}
a.linkEM:hover  {
	font: bold 12px Verdana;
	color : #0B287D;
	text-decoration: underline;
	}
a.linkFF {
	font: bold 12px Verdana;
	text-decoration: none;
	text-align: center;
	padding: 3px;
	color:  F3D71A;
	}
a.linkFF:hover  {
	font: bold 12px Verdana;
	color : #FFFFFF;
	text-decoration: underline;
	}
td.department {
	font: 16px Georgia;
	font-weight: bolder;
	}
a.link {
	font: 16px Georgia;
	font-weight: bolder;
	color: blue;
	text-decoration: none;
	}
a.link:hover {
	font: 16px Georgia;
	font-weight: bolder;
	color: white;
	text-decoration: underline;
	}

table.hr{
	background-color: transparent;
p.BlairstownAboutUs {
	font: 24px Georgia;
	font-weight: bolder;
	text-decoration: none;
	text-align: center;
	padding: 0px;
	background: transparent; 
	color:  white;
	}
}
span.heading1 {
	font: 24px Georgia;
	font-weight: bolder;
	text-decoration: none;
	text-align: center;
	padding: 0px;
	background: transparent; 
	color:  white;
	}
span.heading1Cursive {
	font: 14px cursive;
	font-weight: bolder;
	text-decoration: none;
	text-align: center;
	padding: 0px;
	background: transparent;
	color:  white;
	}
h1	{
	font: 24px Georgia Verdana;
	font-weight: bolder;
	text-decoration: none;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #D10000; 	/* Alert Heading */
	color:  white;
	}
h2	{
	font:normal 16px sans-serif;
	font-weight: bolder;
	text-decoration: none;
	text-align: center;
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px
	padding: 3px;
	background: #D10000; 	/* Alert Heading */
	color:  white;
	}
h3 {
	font: normal 16px Georgia;
	font-weight: bolder;
	text-decoration: none;
	text-align: center;
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px
	padding: 3px;
	background: #480F15;
	color: #F3D71A;
	}
h4 {
	font-family: verdana;
	color : #4C3722;
	text-align : center;