body
		{
			text-align:center;
			margin: 0;
			padding: 0;
			font-family: verdana, geneva, arial, helvetica, sans-serif;
			color: #000;
			background-color: #bbb;
		}
		
		#container
		{
			margin: 1em 1%;
			background-color: #fff;
			background-image:  url(images/background.gif);
			background-repeat: repeat-y;
			border: 1px solid #000;
			height: 1%;
		}
		
		#banner
		{

			background-image:  url(images/banner11.jpg);
			background-repeat: no-repeat;
			height: 120px;
			background-color: #2a5f00;
			border-bottom: 5px solid #2a5f00;
			position: relative;
		}
		
		#banner h1
		{
			position: absolute;
			right: 5px;
			top: 5px;
			margin: 0;
			padding: .5em;
			color: white;
			z-index: 2;
		}


		#left
		{
			text-align: left;
			float: left;
			width: 150px;
			padding-left: 10px;
			padding-top: 1em;
			}
		
		#left p { margin-top: 0; 
			font-size: 80%;
		}
		
		#left h1 {
			font-family: georgia, times, "times new roman", serif;
			color: #000;
			font-size: 90%;
		}

		#left ol {  
			font-size: 80%;
			margin: 0;
			padding-left: 25px;
		}
		
		#left ul {  
			font-size: 80%;
			margin: 0;
			padding-left: 5px;
		}

		#left a { margin-top: 0; 
			text-decoration: none;
		}


		#content
		{
			text-align: left;			
			padding-top: 1em;
			margin: 0 2em 0 200px;
		}

		#content h1 {
			font-family: georgia, times, "times new roman", serif;
			color: #000;
			font-size: 95%;
		}

		#content h2 {
			font-family: georgia, times, "times new roman", serif;
			color: #e3652a;
			font-size: 90%;
			font-weight: bold;
			text-align: center;
			background-color: #2a5f00;
			padding: .2em;
			clear: right;
			margin-bottom: 15px;
		}

		#content h3 {
			color: #000;
			font-size: 80%;
			margin: 0;
			padding-top: .8em;
			padding-bottom: .3em;
		}


		#content p { margin: 0; 
			font-size: 80%;
			padding-top: .5em;
			padding-bottom: .5em;
		}

		#content ul { margin-top: 0; 
			font-size: 80%;
		}

		#content li {
			padding-top: .2em;
			padding-bottom: .2em;
		}	

		#content h4{  
			color: #000;
			margin: 0;
			padding-top: .5em;
			padding-bottom: .2em;
		}

		#content a { margin-top: 0; 
			text-decoration: none;
		}
		

		#content tr { text-align: center;
		}

		#content ol { margin-top: 0; 
			font-size: 80%;
			list-style-type: decimal;
		}
		#content ol ol { 
			list-style-type: lower-roman;
			padding-top: .5em;

		}


		.nestedlist li{ 
			font-size: 120%;
			margin: 0;
			padding-top: .5em;
			padding-bottom: .5em;
			}



#content a:link {
color: #2a5f00;
}

#content a:visited {
color: #2a5f00;
}

#content a:hover {
color: #e3652a;

}

#content a:active {
color: #e3652a;
}



#contentlinks{
font-size: 90%;
text-decoration: none;
padding: .2em 1em;
list-style-image: url(images/arrow.gif);
}

 #contentlinks li
{
list-style: none;
margin: 0;
text-align: left;
list-style-image: url(images/arrow.gif);
 padding: 0.25em 0.5em 0.25em 0.75em;
}


#contentlinks li a{
color: #2a5f00;
text-decoration: none;
}


#contentlinks li a:link {
color: #2a5f00;
}

#contentlinks li a:visited {
color: #2a5f00;
}

#contentlinks li a:hover {
color: #e3652a;

}

#contentlinks li a:active {
color: #e3652a;
}


		#footer
		{
			clear: both;
			background-color: #2a5f00;
			padding: .3em;
			text-align: center;
			border-top: 1px solid #000;
		}


		#centernav {
			width: 100%;
			text-align: center;
			border-bottom: 5px solid #2a5f00;
			border-top: 1px solid #000;
		}

 		#navcontainer ul
		{
			margin: 0;
			padding: .5em  0px;
			list-style-type: none;
			text-align: center;
			background-color: #ddd;
			border-bottom: 1px solid #000;
		}

		#navcontainer ul li
		{ 
			display: inline; 
		}

		#navcontainer ul li a
		{
			font-weight: bold;
			font-size: 80%;
			text-decoration: none;
			padding: .2em .5em;
			color: #2a5f00;
			background-color: #ddd;
		}

		#navcontainer a{
			border-left: 1px solid #000;
		}

		#navcontainer a.last
		{
			border-right:1px solid #000;
		}


		#navcontainer ul li a:hover
		{
			color: #e3652a;
			background-color: #ddd;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #eee;
		}
		
		.floatright 
		{ 
			float: right; 
		}

		.floatleft 
		{ 
			float: left; 
		}

		.textright
		{
			text-align: right;
		}

		.imgshadowright 
		{
			background-image: url("images/shadow.gif");
			background-position: bottom right;
			background-repeat: no-repeat;
			clear: right;
			float: right;
			margin: 0 0 15px 25px;
			padding: 0;
			position: relative;
		}

		.imgshadowright img
		{
			background-color: #fff;
			border: 1px solid #a9a9a9;
			display: block;
			margin: -5px 5px 5px -5px;
			padding: 4px;
			position: relative;
		}



		.imgshadowleft 
		{
			background-image: url("images/shadow.gif");
			background-position: bottom right;
			background-repeat: no-repeat;
			clear: right;
			float: left;
			margin: 0 0 15px 25px;
			padding: 0;
			position: relative;
		}

		.imgshadowleft img
		{
			background-color: #fff;
			border: 1px solid #a9a9a9;
			display: block;
			margin: -5px 5px 5px -5px;
			padding: 4px;
			position: relative;
		}


		.images
		{
		border: 0px;
		padding: 5px;
		width: 99%;
		}

		#footernav ul li
		{ 
			display: inline; 
		}

		#footernav ul li a
		{
			margin-right: 0px;
			margin-left: 0px;
			font-size: 75%;
			text-decoration: none;
			padding: 0em .4em;
			color: #2a5f00;
		}

		#footernav a
		{
			border-right: 1px solid #ccc;
		}

		#footernav a.last
		{
			border-right: 0px solid #ccc;
		}

		#footernav a:link 
		{
			color: white; 
			text-decoration: none;
		}

		#footernav a:visited 
		{
			color: white; 
			text-decoration: none;
		}

		#footernav a:active 
		{
			color: #e3652a; 
			text-decoration: none;
		}

		#footernav a:hover 
		{
			color: #e3652a; 
			text-decoration: none;
		}

		.external 
		{
			text-decoration: none;
			background-image: url("images/external.gif");
			background-position: right center;
			background-repeat: no-repeat;
			padding-right: 20px;

		}
	
#thlinks{
font-size: 90%;
text-decoration: none;
padding: .5em .2em .5em .5em;
list-style: none;
}

 #thlinks li
{
margin: 0;
text-align: left;
 padding: .75em 0.5em .75em 0.75em;
}


#thlinks li a{
color: #2a5f00;
text-decoration: none;
}


#thlinks li a:link {
color: #2a5f00;
}

#thlinks li a:visited {
color: #2a5f00;
}

#thlinks li a:hover {
color: #e3652a;

}

#thlinks li a:active {
color: #e3652a;
}

		#listings
		{
			text-align: left;
			width: 90%;
			padding-left: 10px;
			padding-top: .25em;
			background-color: #bbb;
			border: 1px solid #000;
			clear:right;
			}

		#punchbox
		{
			text-align: left;
			width: 90%;
			padding-left: 10px;
			padding-top: .25em;
			margin: 230px 0px 10px 0px;
			background-color: #bbb;
			border: 1px solid #000;

			}

		#alllistings
		{
			float: right;
			text-align: left;
			width: 100px;
			padding-left: 10px;
			padding-right: 10px;
			margin: 0px 0px 0px 0px;
			background-color: #bbb;
			border: 1px solid #000;

			}
	
		#listingssale
		{
			text-align: center;
			padding-left: 10px;
			padding-top: .25em;
			background-color: #bbb;
			border: 1px solid #000;
			margin-left: 100px;
			margin-right: 100px;

			}


#map { 
  background-image: url("images/HeritageMtn3.gif");
  height: 569px;
  width: 554px;
position: absolute;

  }
#mapmenu a {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 31px; 
  text-decoration: none;
  }

#mapmenu a span{ display: none; }
#mapmenu a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	font-size: 80%;
	position: absolute;
	border: 1px solid #000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 100%;
}


a#forestpark { left: 340px; top: 180px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#hettcreek { left: 92px; top: 250px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#panorama { left: 433px; top: 120px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#panoramatwo { left: 390px; top: 105px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#foxwood { left: 170px; top: 305px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#deerwood { left: 465px; top: 340px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#parkside { left: 75px; top: 315px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#parksidetwo { left: 223px; top: 450px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#parksidethree { left: 245px; top: 480px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#ravine { left: 255px; top: 370px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#ravinetwo { left: 253px; top: 344px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#panoramathree { left: 490px; top: 150px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}
a#anmoregreen { left: 210px; top: 213px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1; }
a#schoolone { left: 150px; top: 250px; background-image: url("images/blank.gif"); height: 25px;width: 80px; z-index: 1; }
a#schooltwo { left: 417px; top: 150px; background-image: url("images/blank.gif"); height: 25px;width: 40px; z-index: 1; }
a#schoolthree { left: 303px; top: 391px; background-image: url("images/blank.gif"); height: 25px;width: 45px; z-index: 1; }
a#schoolfour { left: 488px; top: 503px; background-image: url("images/blank.gif"); height: 25px;width: 45px; z-index: 1; }
a#aspenwood { left: 337px; top: 249px; background-image: url("images/redhouse.gif"); height: 20px;width: 20px; z-index: 1;}


a#forestpark:hover { height: 77px; width:155px; background-image: url("images/small15ForestPkwysign.jpg"); z-index: 2;}
a#hettcreek:hover { height: 77px; width:153px; background-image: url("images/small50HettCreeksign.jpg"); z-index: 2;}
a#panorama:hover { left: 380px; top: 120px; height: 76px; width:155px; background-image: url("images/small2000Panoramasign.jpg"); z-index: 2;}
a#panoramatwo:hover { left: 380px; top: 105px; height: 83px; width:155px; background-image: url("images/small50Panoramasign.jpg"); z-index: 2;}
a#foxwood:hover { height: 90px; width:155px; background-image: url("images/small65Foxwoodsign.jpg"); z-index: 2; }
a#deerwood:hover { left: 380px; top: 340px; height: 64px; width:155px; background-image: url("images/smallDeerwoodsign.jpg"); z-index: 2; }
a#parkside:hover { height: 73px; width:217px; background-image: url("images/small241Parksidesign.jpg"); z-index: 2;}
a#parksidetwo:hover { height: 77px; width:155px; background-image: url("images/small101Parksidesign.jpg"); z-index: 2;}
a#parksidethree:hover { height: 83px; width:155px; background-image: url("images/small103Parksidesign.jpg"); z-index: 2;}
a#ravine:hover { height: 98px; width:155px; background-image: url("images/small181Ravinesign.jpg"); z-index: 2;}
a#ravinetwo:hover { height: 76px; width:155px; background-image: url("images/small180Ravinesign.jpg"); z-index: 2;}
a#panoramathree:hover { left: 380px; top: 150px; height: 89px; width:155px; background-image: url("images/small2200Panoramasign.jpg"); z-index: 2;}
a#anmoregreen:hover { border: 1px solid #000; height: 78px; width:155px; background-image: url("images/smallAnmoregreensign.jpg"); z-index: 2; }
a#aspenwood:hover { height: 87px; width:155px; background-image: url("images/small1Aspenwoodsign.jpg"); z-index: 2;}



a#forestpark:hover,
a#hettcreek:hover, 
a#panorama:hover,
a#panoramatwo:hover, 
a#foxwood:hover, 
a#deerwood:hover,   
a#parkside:hover, 
a#parksidetwo:hover,
a#parksidethree:hover,
a#ravine:hover, 
a#ravinetwo:hover,
a#panoramathree:hover,
a#anmoregreen:hover { border: none; }