<!--/* Entire webpage area */-->
#canvas
		{
			/* position: absolute; */
			width:890px;
			padding:0px;
			/* border:1px solid gray; */
			margin:0px auto;
			background:url("/images/backgroundstripe.gif") 0 0;
		}

#canvasbottom
	{
		width:890px;
		margin:0px auto;
        /*border:1px solid gray;*/

	}




body 	{
		/* margin: 0 auto; */
      	font-family: verdana, arial, sans-serif;
		align: center;
		background:url("/images/backgroundline.jpg") 0 0;
		}

#headeraddress
		{
			/* position: absolute; */
			background:url("/images/westfield_headertop.jpg") 0 0;
			background-repeat: no-repeat;
			height: 150px;
			margin: 0 0 0 0;
			clear: both;
            font-size: .65em;
			color: #FFFFFF;
			line-height: 1.3em;

		}

#headeraddress .text
		{
			padding: 0 0 0 600px;
		}

#headeraddress  a.text, a.text:visited, a.text:hover, a.text:active
		{
			color: #FFFFFF;
			text-decoration:none;
			font-size: 1em;
            background:url("") 0 0;
            text-decoration:underline;
		}








.button a:link,a:visited
	 {
		display:block;
		color:#FFFFFF;
		background:url("/images/westfield_buttonsprite.jpg") 0 0;
		background-color:#000D76;
		width:150px;
		height: 24px;
		text-align:left;
		line-height: 1.65em;
		padding:0px;
		text-decoration:none;
		font-size: .8em;
	 }

.button a:hover,a:active
	{
		background:url("/images/westfield_buttonsprite.jpg") 0 -24px;
	}




#footer
		{
			width: 720px;
			margin: 0 0 0 150px;
			text-align: center;
			padding:3px;
			text-decoration:none;
			background-color:#C7C9DF;

		}
#footer a
		{
			text-decoration:none;
			color: #000742;
			background:#C7C9DF ;
			display: inline;
		}

#footer a:hover
		{
			color: #0920DF;
		}



#footer .text
		{
		}

#copyright
		{

/*			width: 720px;
			margin: 6px 0 0 150px;
*/
			width: 890px;
			margin: 6px 0 0 0;
			padding: 0px 0 0 0;
			text-align: center;
			text-decoration:none;
			line-height: 1.4em;
			font-size: .8em;
			/*border-top: solid 1px;*/
			/*border-top-color: #C7C9DF;*/

		}

#copyright a
		{
   			text-decoration:none;
			color: #000742;			
			font-size: 1em;
		}




#left
	{
		width:150px;
		background-color:#000D76;
	}



#content
	{
		position: relative;
		clear:both;
   		width:700px;
		padding:165px 0 0 0;
		margin: -600px 0 0 180px;
		word-spacing: .1em;
		min-height:460px;
	}

#content a
		{
			text-decoration:none;
			color: #46071C;
			color: #071698;
			background: none;
			display: inline;
			font-size: 1em;
			/*line-height:.90em;*/
		}

#content a:hover
		{
			color: #0920DF;
		}


#content .welcome
	{
		font-weight: bold;
		color: #000D76;
		border-bottom: 1px solid;
		border-bottom-color: #5D6084;
		padding: 0 4px 0 4px;
		text-transform:uppercase;
        font-family:Times New Roman,Georgia,Serif;
		background-color:#C7C9DF;
	}

#insetcontainer
	{
/*		border: 1px solid #000000;
*/		margin: 0 9px 0 9px;
		float: right;
		padding: 3px;
		font-size: .80em;
		line-height: .80em;
	}

#insetcontainer a {line-height:.90em;}



.center
	{
		text-align:center;
	}

p, ul	{font-size: .80em;}
a:link,a:visited,a:hover,a:active	{font-size: .80em;}

.small	{font-size: 70%; line-height: 150%;}

.innertube
          {
          margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
          margin-top: 0;
          }


h1 {
     font-size: small;
     line-height:inherit;
     text-align: left;
     }


.home  { background: #FFFFFF url("/images/welcome.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -6px -12px; }

.Contacts { background: #FFFFFF url("/images/Contacts.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -0px -12px; }

.Calendar  { background: #FFFFFF url("/images/Calendar.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 6px -12px; }

.Meetings { background: #FFFFFF url("/images/Meetings.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 0px -12px; }

.Zoning  { background: #FFFFFF url("/images/Zoning.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -6px -12px; }

.Roads  { background: #FFFFFF url("/images/Roads.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -9px -12px; }

.Parks  { background: #FFFFFF url("/images/Parks.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -3px -12px; }

.History { background: #FFFFFF url("/images/History.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -0px -12px; }

.Cemeteries{ background: #FFFFFF url("/images/Cemeteries.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -0px -12px; }

.Planning  { background: #FFFFFF url("/images/Planning.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -18px -12px; }

.HallRental  { background: #FFFFFF url("/images/HallRental.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -0px -12px; }

.Maps  { background: #FFFFFF url("/images/Maps.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -0px -12px; }

.newsevents  { background: #FFFFFF url("/images/newsevents.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -0px 0px; }

.Links  { background: #FFFFFF url("/images/Links.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -0px -12px; }

.FireDepartment  { background: #FFFFFF url("/images/FireDepartment.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -0px -0px; }

.Financial { background: #FFFFFF url("/images/Financial.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -0px -0px; }

.PublicNotice { background: #FFFFFF url("/images/PublicNotice.gif") no-repeat; text-indent: -9999px; height: 65px; margin:0 0 -0px -0px; }












