﻿body {
	margin: 0;
	padding: 0;
	/* 
	background-image: url('Images/MenuBackground/residencesgreen.gif');
	background-repeat:repeat-x;
	background-position: center top;
	background-color: #b0bc8c;	font-family: Arial, Helvetica, sans-serif;
	*/
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* **************************************** */
/* ******[			Wrapper			}****** */
/* **************************************** */
.Wrapper {
	margin: 3px auto;
	padding: 0;
	width: 960px;
	}


/* **************************************** */
/* ******[	Logo Top Navigation		}****** */
/* **************************************** */

.LogoTopNavigation {
	margin: 0;
	padding: 0;
	width: 100%;
}


/* **************************************** */
/* ******[	  Top Navigation Menu   }****** */
/* **************************************** */
.TopAreaNavigation {
	margin: 0;
	padding: 0;
	width: 960px;
	float: left;
	}	


/* **************************************** */
/* ******[    Header/Navigation		}****** */
/* **************************************** */

.HeaderNavigation {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 117px;
	}
	
	.HeaderLogo {
		float: left;
		margin: 0;
		padding: 0;
		width: 300px;
		}

.HeaderMenu {
		float: left;
		margin: 0;
		padding: 0;
		width: 660px;
		}
		
		.Top {
			margin: 0;
			padding: 0;
			width: 660px;
			height: 70px;
			background-image:url('Images/HeaderMenuBackground/TopNavigation.gif');
			background-repeat: no-repeat;
			}
			
			.TopAboutTheOaks {
				float: left;
				margin: 0px 0 0 15px;
				padding: 0;
				width: 135px;
				height: 70px;
				background-repeat: no-repeat;
				}
			
			*html .TopAboutTheOaks {
					float: left;
					margin: 0px 0 0 9px;
					padding: 0;
					width: 135px;
					height: 70px;
					background-repeat: no-repeat;
					}
		
			
			.TopAboutTheOaks a {
				background-image:url('Images/HeaderMenuItems/AboutTheOaks_off.gif');
				}
				
			.TopAboutTheOaks a:hover {
				background-image:url('Images/HeaderMenuItems/AboutTheOaks_on.gif');
				}
			
			.TopAboutTheOaksTxt {
				display: none;
				}

			
			.TopResidences {
				float: left;
				margin: 0px 0 0 25px;
				padding: 0;
				width: 135px;
				height: 70px;
				background-repeat: no-repeat;
				}
			
			*html .TopResidences {
					float: left;
					margin: 0px 0 0 9px;
					padding: 0;
					width: 135px;
					height: 70px;
					background-repeat: no-repeat;
					}
		
			
			.TopResidences a {
				background-image:url('Images/HeaderMenuItems/Residences_off.gif');
				}
				
			.TopResidences a:hover {
				background-image:url('Images/HeaderMenuItems/Residences_on.gif');
				}
			
			.TopResidencesTxt {
				display: none;
				}	

			
			.TopLifeatTheOaks {
				float: left;
				margin: 0px 0 0 27px;
				padding: 0;
				width: 135px;
				height: 70px;
				background-repeat: no-repeat;
				}
			
			*html .TopLifeatTheOaks {
					float: left;
					margin: 0px 0 0 9px;
					padding: 0;
					width: 135px;
					height: 70px;
					background-repeat: no-repeat;
					}
		
			
			.TopLifeatTheOaks a {
				background-image:url('Images/HeaderMenuItems/LifeatTheOaks_off.gif');
				}
				
			.TopLifeatTheOaks a:hover {
				background-image:url('Images/HeaderMenuItems/LifeatTheOaks_on.gif');
				}
			
			.TopLifeatTheOaksTxt {
				display: none;
				}	
			
			.TopGetinTouch {
				float: left;
				margin: 0px 0 0 17px;
				padding: 0;
				width: 135px;
				height: 70px;
				background-repeat: no-repeat;
				}
			
			*html .TopGetinTouch {
					float: left;
					margin: 0px 0 0 9px;
					padding: 0;
					width: 135px;
					height: 70px;
					background-repeat: no-repeat;
					}
		
			
			.TopGetinTouch a {
				background-image:url('Images/HeaderMenuItems/GetinTouch_off.gif');
				}
				
			.TopGetinTouch a:hover {
				background-image:url('Images/HeaderMenuItems/GetinTouch_on.gif');
				}
			
			.TopGetinTouchTxt {
				display: none;
				}	


		.TopScheduleATourHolder {
			margin: 12px 0 0 0;
			padding: 0;
			width: 660px;
			height: 30px;
			background-image:url('Images/HeaderMenuBackground/ScheduleATour.gif');
			background-repeat: no-repeat;
			}
			
			.TopScheduleATour {
				float: right;
				margin: 0 10px 0 0;
				padding: 0;
				width: 183px;
				height: 30px;
				background-repeat: no-repeat;
				}
	
			.TopScheduleATour a {
				background-image: url('Images/HeaderMenuItems/ScheduleATour_Off.gif');
			}
						
			.TopScheduleATour a:hover {
				background-image: url('Images/HeaderMenuItems/ScheduleATour_On.gif');
				}
					
			.TopScheduleATourTxt {
				display: none;
			}

/* **************************************** */
/* ******[		Page Header			}****** */
/* **************************************** */

.PageHeader {
	margin: 20px 50px 0 0px;
	padding: 0;
}

/* **************************************** */
/* ******[	Welcome Statement		}****** */
/* **************************************** */

.PageContent {
	margin: 0 30px 30px 60px;
	padding: 0;
	font-size: 100%;
	line-height: 130%;
	font-weight: normal;
	}
	
	
	.PageContent a:link {
			color: #024b25;
			text-decoration: underline;
			}
		
		.PageContent a:visited {
				color: #024b25;
				text-decoration: underline;
				}
		
		.PageContent a:hover {
				color: #024b25;
				text-decoration: none;
				}

	

/* **************************************** */
/* ******[	Welcome Statement		}****** */
/* **************************************** */

.SiteNavigation {
	width: 100%;
	margin: 0 !important;
	padding: 0 0 10px 5px;
	height: 380px;
}

	.AboutTheOaks {
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
		width: 230px;
		height: 371px;
		background-repeat: no-repeat;
		}
		
		*html .AboutTheOaks {
			margin: 0 5px 0 0;
			padding: 0;
			float: left;
			width: 230px;
			height: 371px;
			background-repeat: no-repeat;
			}

			
		.AboutTheOaks a {
			background-image: url('Images/Navigation/About-Off.png');
			}
						
		.AboutTheOaks a:hover {
			background-image: url('Images/Navigation/About-On.png');
			}
				
		.AboutTheOaksTxt {
			display: none;
		}



	.Residences {
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
		width: 230px;
		height: 371px;
		background-repeat: no-repeat;
		}
		
		*html .Residences {
			margin: 0 5px 0 0;
			padding: 0;
			float: left;
			width: 230px;
			height: 371px;
			background-repeat: no-repeat;
			}	

		
		.Residences a {
			background-image: url('Images/Navigation/Residences-Off.png');
			}
						
		.Residences a:hover {
			background-image: url('Images/Navigation/Residences-On.png');
			}
				
		.ResidencesTxt {
			display: none;
		}
		
		
	.LifeatTheOaks {
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
		width: 230px;
		height: 371px;
		background-repeat: no-repeat;
		}
		
		*html .LifeatTheOaks {
			margin: 0 5px 0 0;
			padding: 0;
			float: left;
			width: 230px;
			height: 371px;
			background-repeat: no-repeat;
			}	

		
		.LifeatTheOaks a {
			background-image: url('Images/Navigation/Life-Off.png');
			}
						
		.LifeatTheOaks a:hover {
			background-image: url('Images/Navigation/Life-On.png');
			}
				
		.LifeatTheOaksTxt {
			display: none;
		}
		
		
	.GetinTouch {
		margin: 0;
		padding: 0;
		float: left;
		width: 230px;
		height: 371px;
		background-repeat: no-repeat;
		}
		
		*html .GetinTouch {
			margin: 0;
			padding: 0;
			float: left;
			width: 230px;
			height: 371px;
			background-repeat: no-repeat;
			}	
		
		.GetinTouch a {
			background-image: url('Images/Navigation/GetInTouch-Off.png');
			}
						
		.GetinTouch a:hover {
			background-image: url('Images/Navigation/GetInTouch-On.png');
			}
				
		.GetinTouchTxt {
			display: none;
		}
	





/* **************************************** */
/* ******[			Footer			}****** */
/* **************************************** */

.Footer {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 26px;
    background: #f3e7c7;
	}


	.FooterContent {
		width: 100%;
		margin: 0 auto;
		padding: 5px 0 0 0;	
		}
	
	.LegalLinks {
		overflow: hidden;
		width: 500px;
		float: left;
		}
		
		
		.LegalLinks ul {
			list-style-type: none;
			margin: 0 0 0 0;
			padding: 0;
			}

		.LegalLinks li {
			border-left: 1px solid #024b25;
			float: left;
			margin: 0px 5px 0 -.4em;
			padding: 0 .5em 0 .5em;
			/* font-size: 80%; */
			font-size: 80%;
			font-weight: normal;
			}
		
		
		.LegalLinks a:link {
			color: #024b25;
			text-decoration: none;
			}
		
			.LegalLinks a:visited {
				color: #024b25;
				text-decoration: none;
				}
		
			.LegalLinks a:hover {
				color: #024b25;
				text-decoration: underline;
				}
	
	.Copyright {
		margin: 0;
		padding: 0 1px 0 0;
		font-size: 80%;
		float: right;
		color: #024b25;
		font-weight: normal;
		}