/*the ul here defines the sidebar buttons*/
ul {
	list-style-type:none;
	font-family:"Times New Roman", Times, serif ;
	font-size:18px;
	text-align:left ;
	height: 35px;
	padding-left:0px;
	margin-left:1px;
	margin-top:3px;
	margin-bottom: 3px;
	width: 120px;
}

ul a {
	display:block;
	width:105px;
	height: 35px;
	color: black;
	line-height: 35px;
	padding-left:8px;/*alignment of the text in the button*/
	text-decoration: none;
	background-image:url('../images/green_hover_button.gif');
	background-repeat: no-repeat;
	
}
ul a.buttons:link {
	color: black ;
	text-decoration: none 
}
ul a.buttons:visited {color: black;
	
}
ul a.buttons:hover {
	background-position:0px -35px;
	color: black ;
	border-style:none;
	background-color:transparent;
	outline-style:none; 
	text-decoration: none;
	margin-left: 0px
}	
ul a.buttons:active {
	background-position:0px -70px;
	border-style:none;
	outline-style:none  
}
ul li{
	display:inline;
	clear: left;
}

/*defines the sidebar division*/
.sidebar {
	width: 120px;
	float:left;
	margin-left: 0px;
	padding-left:0px
}


/* defines whole page background */
.page_background{
	background-image:url('../images/bg_page.gif')
}

.banner{
	margin-left:0px;
	margin-top:0px
}

/*defines a subheading on the master plan page*/

.body_subhead_1 {
	text-align:center;
	font-size: 18px;
	font-style: italic 
}

a:link {
	color:navy;
	text-decoration:underline;
}

a:visited {
	color:navy;
}

a:hover{
	text-decoration:underline;
	margin-left:1px;
	background-color:#BFC8F5
}
		
	
.body {
	float:left;
	padding-left:8px;
	overflow:visible
}

/* This defines the image header area */
.body_heading1 {
	 font-family: "Times New Roman", Times, serif;
	 font-size:36px;
	 letter-spacing:3px;
	 text-align:center;
	margin-top:10px;
	margin-bottom:0px
}


/* This defines the footer area */
.footer {
	clear: left;
	padding: 0px;
	width:768px;
	background-color:#4D62D5;
	border-bottom-color:navy
}

/* This defines the background of the sidebar area */
.background{
	background-image:url('../images/sidebar.png');
	background-repeat:repeat-y
}

.weather{
	float: left 
}

h2 {
	text-align: center ;
	font-family:"Times New Roman", Times, serif
}

/* This defines the background of the main content area */
.heading {
	background-image:url('../images/body_background.gif');
	background-repeat:repeat-y ;
	margin-left:-2px;
	margin-top:-5px;
	float:left  ;
	width:650px;
}


/*this defines a heading that is used in the main content area on various pages including the township notices*/

.notices_heading{
	margin-bottom: 5px;
	margin-left:75px;
	margin-right:75px;
	text-align: justify ;
	font-family:"Times New Roman", Times, serif;
	font-size: 20px;
	font-weight:bold
					
}

/*this defines the main content text that is used on various pages including the township notices*/

.notices_text{
	margin-top:0px;
	margin-left:75px;
	margin-right:75px;
	text-align: justify ;
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
}
	

/* This defines the layout of the links on the forms page.  
	It is also used on links on other pages */
.forms_links{
	text-align: center;
	font-size: 20px 
}

.body_text{
	float: left;
	width:auto;
	text-align: justify 

}

/* Defines the size and layout of the hidden table on Ordinance page */

.ordinance_table{
	width:650px;
	table-layout:fixed;
	text-align: left;
	font-size: 16px; 
}
 
/* Defines the whole body of the page and keeps it centered with the browser */ 
#Content {
	width:775px;
	margin:0px auto;
}
	
.body{
	background-color:#CEDCFB;
	margin-left:-5px;
	margin-top:-4px;
	float:left;
	width:645px;
}



.christmas {
	position: absolute;
	top: 27px;
	bottom: 0px;
	left: 550px;
}