@charset "utf-8";
/* CSS Document */

body {
	background:#4C4C4C;
	text-align:center;
}

h1 {
	color:#6f7c82;
	font: bold 1.750em Arial, Helvetica, sans-serif ;
	text-align:left;
	margin:0 0 8px 0;
	line-height:23px;
	}

a:link {color: #FFFFFF; text-decoration:none;}     /* unvisited link */ 
a:visited {color: #FFFFFF; text-decoration:none;}  /* visited link */ 
a:hover {color: #313131; text-decoration:underline;}   /* mouse over link */ 
a:active {color: #FFFFFF; text-decoration:none;}   /* selected link */

div.wrap {
	width:944px;
	margin:auto;
}

div.topwrap {
	height:266px;
}

div.header {
	float:left;
	width:626px;
	height:266px;
/*	background:url(../images/header.jpg);*/
}

div.address {
	float:left;
	width:318px;
	height:266px;
	background:url(../images/address.jpg);
}

div.mainwrap {
	height:386px;
	width:944px;
}

div.main {
	float:left;
	width:735px;
}

div.maintop {
	width:735px;
	height:31px;
	background:url(../images/maintop.jpg);
}

div.mainmiddle {
	width:680px;
	color:#FFFFFF;
	text-align:left;
	background:url(../images/mainmiddle.jpg) repeat-y;
	padding-left:35px;
	padding-right:20px;
	font-size:14px;
	line-height:23px;
	letter-spacing:1px;
	min-height:315px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


* html div.mainmiddle {height:315px;}


div.mainmiddle a {color:#7285CA;}
div.mainmiddle a:hover {color:#5C6B70;}

div.mainbottom {
	width:735px;
	height:33px;
	background:url(../images/mainbottom.jpg);
}

div.bottom {
	text-align:center;
	width:735px;
	height:41px;
	padding-top:11px;
	color:#FFFFFF;
	background:url(../images/bottom.jpg);
}	

div.bottom a {
	font:.800em Verdana, Arial, Helvetica, sans-serif;
}

div.copywrite {
	padding-right:25px;
	color:#999999;
}

/*==================Nav Area===================*/	

div.nav {
	float:left;
	width:209px;
	height:386px;
}


#MenuMap {
		margin:0px;
		padding:0px;
		top:0px;
		width:209px;
		height:386px;
		position:relative;
		background-image:url(../images/nav1.jpg);
		list-style:none;
		text-decoration:none;
		}

			#MenuMap li {
				margin:0px;
				padding:0px;
				position:absolute;
				}

			#MenuMap a {
				text-decoration:none;
				display:block;
				outline:none;
				}
			
			#MenuMap li#Home a 			{height:28px;}
			#MenuMap li#Forsale a 		{height:35px;}
			#MenuMap li#About a 		{height:29px;}
			#MenuMap li#Contact a 		{height:29px;}
			#MenuMap li#Gallery a 		{height:34px;}		
			#MenuMap li#Info a 			{height:35px;}
			#MenuMap li#FAQ a 			{height:33px;}
			#MenuMap li#Events a 		{height:28px;}
			#MenuMap li#News a 			{height:28px;}
			#MenuMap li#Directions a	{height:30px;}
			#MenuMap li#Links a 		{height:30px;}
			
				#MenuMap a.NavLink {
				/*  Hide the text part of the links by moving it waaaay offscreen. */
					text-indent:-1000000em;
					}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
		#Home 					{left:0px; width:115px; top:11px;   height:28px;}
		#Forsale 				{left:0px; width:209px; top:44px;   height:35px;}
		#About					{left:0px; width:140px; top:78px;   height:31px;}
		#Contact				{left:0px; width:130px; top:111px;  height:35px;}
		#Gallery				{left:0px; width:140px; top:145px;  height:29px;}
		#Info					{left:0px; width:195px; top:178px;  height:30px;}
		#FAQ					{left:0px; width:90px;  top:211px;  height:33px;}
		#Events					{left:0px; width:120px; top:246px;  height:28px;}
		#News					{left:0px; width:105px; top:279px;  height:28px;}
		#Directions				{left:0px; width:175px; top:312px;  height:30px;}
		#Links					{left:0px; width:105px; top:345px;  height:30px;}
					
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */
/*							    									   	     left   top      */	
	#Home a:hover 			{background: transparent url(../images/nav1.jpg) -209px -11px no-repeat;}
	#Forsale a:hover 		{background: transparent url(../images/nav1.jpg) -209px -44px no-repeat;}
	#About a:hover	 		{background: transparent url(../images/nav1.jpg) -209px -78px no-repeat;}
	#Contact a:hover		{background: transparent url(../images/nav1.jpg) -209px -111px no-repeat;}
	#Gallery a:hover		{background: transparent url(../images/nav1.jpg) -209px -145px no-repeat;}
	#Info a:hover			{background: transparent url(../images/nav1.jpg) -209px -178px no-repeat;}
	#FAQ a:hover			{background: transparent url(../images/nav1.jpg) -209px -211px no-repeat;}
	#Events a:hover			{background: transparent url(../images/nav1.jpg) -209px -246px no-repeat;}
	#News a:hover			{background: transparent url(../images/nav1.jpg) -209px -279px no-repeat;}
	#Directions a:hover		{background: transparent url(../images/nav1.jpg) -209px -312px no-repeat;}
	#Links a:hover			{background: transparent url(../images/nav1.jpg) -209px -345px no-repeat;}
								
#Homepage #Home a 					{background: transparent url(../images/nav1.jpg) -209px -11px no-repeat;}
#Forsalepage #Forsale a 			{background: transparent url(../images/nav1.jpg) -209px -44px no-repeat;}
#Aboutpage #About a					{background: transparent url(../images/nav1.jpg) -209px -78px no-repeat;}
#Cotnactpage #Contact a				{background: transparent url(../images/nav1.jpg) -209px -111px no-repeat;}
#Gallerypage #Gallery a				{background: transparent url(../images/nav1.jpg) -209px -145px no-repeat;}
#Infopage #Info a					{background: transparent url(../images/nav1.jpg) -209px -178px no-repeat;}
#FAQpage #FAQ a						{background: transparent url(../images/nav1.jpg) -209px -211px no-repeat;}
#Eventspage #Events a				{background: transparent url(../images/nav1.jpg) -209px -246px no-repeat;}
#Newspage #News a					{background: transparent url(../images/nav1.jpg) -209px -279px no-repeat;}
#Directionspage #Directions a		{background: transparent url(../images/nav1.jpg) -209px -312px no-repeat;}
#Linkspage #Links a					{background: transparent url(../images/nav1.jpg) -209px -345px no-repeat;}