/*English Primary Nav */
	
		#nav {
						  width: 633px;
						  height: 62px;
						  margin: 0 auto;
						  padding:0px; margin: 0px;
						  overflow: hidden;
						}
							#nav li {
							  display: inline;
							}
							#nav a {
							  float: left;
							  height: 62px;
							  text-align: center;
							  color: #6E9482;
							  position: relative;
							  
							}
						/*IE trigger*/
						#nav li a:hover, #nav li a:active {
						  visibility: visible;/*it doesn't really matter what you say, so I picked something that cannot change appearance*/
						} 
/*Switches out the navigation backround images */						
						/*begin sprites-n-doors trick: http://www.fiftyfoureleven.com/weblog/web-development/css/doors-meet-sprites */
							#nav a span {
							  position: absolute;
							  height: 62px;
							  top:  0;
							  left: 0;
							  background: url(../images/navListEnglish.gif) 0 -62px no-repeat;
							}
						
	/*English Nav */
								#nav a span.Philosophy {
							  background: url(../images/nav_OurPhilosophy.gif) 0 -62px no-repeat;
							}		
								#nav a span.People {
							  background: url(../images/nav_OurPeople.gif) -186px -62px no-repeat;
							}			
								#nav a span.Properties {
							  background: url(../images/nav_OurProperties.gif) -290px -62px no-repeat;
							}		
								#nav a span.News {
							  background: url(../images/nav_Events.gif) -412px -62px no-repeat;
							}	
							#nav a span.Contact {
							  background: url(../images/nav_Contacts.gif) -545px -62px no-repeat;
							}		
							
																																			
						/*Off state*/
							#nav .Phil, #nav .Phil span {
						  width: 186px;
						  background-position: 0 -62px;
						}
						/*On State*/
							#nav .Phil:focus span, #nav .Phil:hover span, #nav .Phil:active span {
						  	  background-position: 0 -1px;
							}
						
						#nav .Peo, #nav .Peo span {
						  width: 104px;
						  background-position: -186px -62px;
						}
							#nav .Peo:focus span, #nav .Peo:hover span, #nav .Peo:active span {
							  background-position: -186px -1px;
							}
						
						#nav .Prop, #nav .Prop span {
						  width: 122px;
						  background-position: -290px -62px;
						}
							#nav .Prop:focus span, #nav .Prop:hover span, #nav .Prop:active span{
							  background-position: -290px -1px;
							}
						
						#nav .News, #nav .News span {
						  width: 127px;
						  background-position: -412px -62px;
						}
							#nav .News:focus span, #nav .News:hover span, #nav .News:active span{
							  background-position: -412px -1px;
							}
						#nav .Contact, #nav .Contact span {
						  width: 88px;
						  background-position: -545px -62px;
						}
							#nav .Contact:focus span, #nav .Contact:hover span, #nav .Contact:active span {
							  background-position: -545px -1px;
							}
	/*Spanish Nav */							
							
#spanishnav {
						  width: 633px;
						  height: 62px;
						  margin: 0 auto;
						  padding:0px; margin: 0px;
						  overflow: hidden;
						}
							#spanishnav  li {
							  display: inline;
							}
							#spanishnav  a {
							  float: left;
							  height: 62px;
							  text-align: center;
							  color: #6E9482;
							  position: relative;
							  
							}
						/*IE trigger*/
						#spanishnav  li a:hover, #spanishnav  li a:active {
						  visibility: visible;/*it doesn't really matter what you say, so I picked something that cannot change appearance*/
						} 
/*Switches out the navigation backround images */						
						/*begin sprites-n-doors trick: http://www.fiftyfoureleven.com/weblog/web-development/css/doors-meet-sprites */
							#spanishnav  a span {
							  position: absolute;
							  height: 62px;
							  top:  0;
							  left: 0;
							  background: white url(../images/navListSpanish.gif) 0 -62px no-repeat;
							}
							
							

								#spanishnav a span.Philosophy {
							  background: url(../images/nav_SpnOurPhilosophy.gif) 0 -62px no-repeat;
							}		
								#spanishnav  a span.People {
							  background: url(../images/nav_SpnOurPeople.gif) -141px -62px no-repeat;
							}			
								#spanishnav  a span.Properties {
							  background: url(../images/nav_SpnOurProperties.gif) -254px -62px no-repeat;
							}		
								#spanishnav  a span.News {
							  background: url(../images/nav_SpnEvents.gif) -407px -62px no-repeat;
							}	
							#spanishnav a span.Contact {
							  background: url(../images/nav_SpnContacts.gif) -545px -62px no-repeat;
							}																																					
						/*Off state*/
						#spanishnav  .Phil, #spanishnav  .Phil span {
						  width: 142px;
						  background-position: 0 -62px;
						}
						/*On State*/
							#spanishnav  .Phil:focus span, #spanishnav  .Phil:hover span, #spanishnav  .Phil:active span {
						  	  background-position: 0 -1px;
							}
						
						#spanishnav  .Peo, #spanishnav  .Peo span {
						  width: 111px;
						  background-position: -141px -62px;
						}
							#spanishnav  .Peo:focus span, #spanishnav  .Peo:hover span, #spanishnav  .Peo:active span {
							  background-position: -141px -1px;
							}
						
						#spanishnav  .Prop, #spanishnav  .Prop span {
						  width: 152px;
						  background-position: -254px -62px;
						}
							#spanishnav .Prop:focus span, #spanishnav  .Prop:hover span, #spanishnav  .Prop:active span{
							  background-position: -254px -1px;
							}
						
						#spanishnav  .News, #spanishnav  .News span {
						  width: 137px;
						  background-position: -407px -62px;
						}
							#spanishnav  .News:focus span, #spanishnav  .News:hover span, #spanishnav  .News:active span{
							  background-position: -407px -1px;
							}
						#spanishnav .Contact, #spanishnav  .Contact span {
						  width: 88px;
						  background-position: -545px -62px;
						}
							#spanishnav  .Contact:focus span, #spanishnav  .Contact:hover span, #spanishnav  .Contact:active span {
							  background-position: -545px -1px;
							}