﻿


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%;
}

/* **************************************** */
/* ******[		Print Items			}****** */
/* **************************************** */


.PrintLogo {
	display: none;
	}

.PrintContact {
	display: none;
	}


/* **************************************** */
/* ******[			Wrapper			}****** */
/* **************************************** */
.Wrapper {
	margin: 3px auto;
	padding: 0;
	width: 960px;
	}

/* **************************************** */
/* ******[    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;
			}
			
			.AboutTheOaks {
				float: left;
				margin: 0px 0 0 15px;
				padding: 0;
				width: 135px;
				height: 70px;
				background-repeat: no-repeat;
				}
			
			*html .AboutTheOaks {
					float: left;
					margin: 0px 0 0 9px;
					padding: 0;
					width: 135px;
					height: 70px;
					background-repeat: no-repeat;
					}
		
			
			.AboutTheOaks a {
				background-image:url('Images/HeaderMenuItems/AboutTheOaks_off.gif');
				}
				
			.AboutTheOaks a:hover {
				background-image:url('Images/HeaderMenuItems/AboutTheOaks_on.gif');
				}
			
			.AboutTheOaksTxt {
				display: none;
				}

			
			.Residences {
				float: left;
				margin: 0px 0 0 25px;
				padding: 0;
				width: 135px;
				height: 70px;
				background-repeat: no-repeat;
				}
			
			*html .Residences {
					float: left;
					margin: 0px 0 0 9px;
					padding: 0;
					width: 135px;
					height: 70px;
					background-repeat: no-repeat;
					}
		
			
			.Residences a {
				background-image:url('Images/HeaderMenuItems/Residences_off.gif');
				}
				
			.Residences a:hover {
				background-image:url('Images/HeaderMenuItems/Residences_on.gif');
				}
			
			.ResidencesTxt {
				display: none;
				}	

			
			.LifeatTheOaks {
				float: left;
				margin: 0px 0 0 27px;
				padding: 0;
				width: 135px;
				height: 70px;
				background-repeat: no-repeat;
				}
			
			*html .LifeatTheOaks {
					float: left;
					margin: 0px 0 0 9px;
					padding: 0;
					width: 135px;
					height: 70px;
					background-repeat: no-repeat;
					}
		
			
			.LifeatTheOaks a {
				background-image:url('Images/HeaderMenuItems/LifeatTheOaks_off.gif');
				}
				
			.LifeatTheOaks a:hover {
				background-image:url('Images/HeaderMenuItems/LifeatTheOaks_on.gif');
				}
			
			.LifeatTheOaksTxt {
				display: none;
				}	
			
			.GetinTouch {
				float: left;
				margin: 0px 0 0 17px;
				padding: 0;
				width: 135px;
				height: 70px;
				background-repeat: no-repeat;
				}
			
			*html .GetinTouch {
					float: left;
					margin: 0px 0 0 9px;
					padding: 0;
					width: 135px;
					height: 70px;
					background-repeat: no-repeat;
					}
		
			
			.GetinTouch a {
				background-image:url('Images/HeaderMenuItems/GetinTouch_off.gif');
				}
				
			.GetinTouch a:hover {
				background-image:url('Images/HeaderMenuItems/GetinTouch_on.gif');
				}
			
			.GetinTouchTxt {
				display: none;
				}	


		.TopScheduleATour {
			margin: 12px 0 0 0;
			padding: 0;
			width: 660px;
			height: 30px;
			background-image:url('Images/HeaderMenuBackground/ScheduleATour.gif');
			background-repeat: no-repeat;
			}
			
			.ScheduleATour {
				float: right;
				margin: 0 10px 0 0;
				padding: 0;
				width: 183px;
				height: 30px;
				background-repeat: no-repeat;
				}
	
			.ScheduleATour a {
			background-image: url('Images/HeaderMenuItems/ScheduleATour_Off.gif');
			}
						
			.ScheduleATour a:hover {
				background-image: url('Images/HeaderMenuItems/ScheduleATour_On.gif');
				}
					
			.ScheduleATourTxt {
				display: none;
			}

/* **************************************** */
/* ******[		Equal Columns		}****** */
/* **************************************** */

.ContentWrapper {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	
	/* 2 column left menu settings */
	.LeftMenu {
		
		}
		
    .LeftMenu .ContentContainer {
        float:left;
        width:200%;
		position:relative;
		left:240px;
        background:#ffffff;
    	}
    	
    .LeftMenu .ContentContainerWrapper {
	    float:right;
	    width:50%;
	    position:relative;
	    right:240px;
	    padding-bottom:1em;
		}
		
	.LeftMenu .ContentColumn {
        margin:0 0 0 245px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
		}
		
    .LeftMenu .LogoMenuColumn {
        float:left;
        width:240px;
        position:relative;
        right:240px;
    	}


/* **************************************** */
/* ******[		Logo Menu Column	}****** */
/* **************************************** */

.LogoMenu {
	margin: 0;
	padding: 0;
	width: 240px;
	}

.OaksofLALogo {margin: 0 0 0 0; padding: 0;	}
	
.Section {
	margin: 40px 0 10px 0;
	padding: 0;
}	



.Navigation {
	margin: 0 auto;;
	padding: 0;
	width: 220px;
}

	.Navigation	a {
		font-size: 110%;
		color: #000000;
		text-decoration: none;
		}
	
	.Navigation a:hover {
		text-decoration: underline;
		}
		
	.Navigation ul {
		font-size: 100%;
		list-style-image:url('Images/LeftNavigation/bullets.gif');
		}
		
	.Navigation li {
		margin: 10px 0 10px 0;
		padding: 0;
	}

.ContactInfo {
	margin: 40px auto;
	padding: 0;
	width: 85%;
	font-size: 90%;
	}
	
	.ContactInfo a {
		text-decoration: underline;
		color: #024b25;
		}
		
	.ContactInfo a:hover {
		text-decoration: none;
		}	


/* **************************************** */
/* ******[	   Page Photo Header    }****** */
/* **************************************** */

.PagePhoto {
	margin: 10px auto 10px auto;
	padding: 0;
	width: 700px;
}

/* **************************************** */
/* ******[	     	Page Header     }****** */
/* **************************************** */

.PageHeader {
	margin: 0 0 0 10px;
	padding: 0;
}

/* **************************************** */
/* ******[	     	Page Content     }****** */
/* **************************************** */

.PageContent {
		margin: 0 40px 0 40px;
		padding: 0 0 0 0;	
		font-size: medium;
		}
		
		.PageContent h1 {
			color: #000000;
			font-size: 150%;
			margin: 10px 0 10px 0;
			padding: 0;
			}
			
		.PageContent h2 {
			color: #000000;
			font-size: 130%;
			margin: 20px 0 5px 0;
			padding: 0;
			}
			
					
		.PageContent h3 {
			color: #000000;
			font-size: 120%;
			margin: 20px 0 0 0;
			padding: 0;
			}

		.PageContent p {
			font-size: 100%;
			line-height: 150%;
			margin: 5px 0 10px 0;
			padding: 0;
			}
			
		.PageContent ul {
			font-size: 100%;
			margin: 10px 0 15px 30px;
			padding: 0;
			}
			
		.PageContent li {
			margin: 5px 0 5px 0;
		}

        .PageContent ul ul {
			font-size: 100%;
			margin: 10px 0 15px 30px;
			padding: 0;
			}
		
		
		.PageContent a:link {
			color: #024b25;
			text-decoration: underline;
			}
		
		.PageContent a:visited {
				color: #024b25;
				text-decoration: underline;
				}
		
		.PageContent a:hover {
				color: #024b25;
				text-decoration: none;
				}



	.PageContent a.ReturnLink {
		margin: 20px 0 0 0 !important;
		padding: 0 0 0 20px;
		text-decoration: underline;
		color: #024b25;
		font-weight: bold;
		font-size: 90%;
		background-image: url('Images/ContentNavigation/leftarrows.gif');
		background-position: left center;
		background-repeat: no-repeat;
		}
		
	.PageContent a.ReturnLink:hover  {
			text-decoration: none;
			}
	

/* **************************************** */
/* ******[ 	Secondary Navigation	}****** */
/* **************************************** */

.PageSecondaryNavigation {
	margin: 0 auto 10px auto;
	padding: 0;
	width: 700px;
}

/* **************************************** */
/* ******[			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;
		}

