body {margin: 0; padding: 0; background-color: #E1D9D6; font-family: georgia, times, times new roman, serif; font-size:12px; line-height: 18px; color:#333; }

ul { list-style-type: none; }

img { border: 0; }

img, input, select, label { vertical-align: middle; }

select { background-color: #E5E2DD; color: #333; font-family: verdana, arial, sans-serif; font-size:11px; border-right: 1px solid #A19D9A; border-top: 1px solid #A19D9A ; border-left: 1px solid #A19D9A ; border-bottom: 1px solid #A19D9A; width:185px; margin: 3px 0; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 12px; margin: 0; padding: 0; }

dl, dt, dd { margin: 0; padding: 0; }
	
form { margin: 0; padding: 0; }

fieldset { padding: 0; margin: 0; border: 0; }
	
a {text-decoration:none; border-bottom: 1px solid #A3AA8D;}
a:link {color:#3D5201;}
a:visited {color:#3D5201;}
a:active {color:#3D5201;}
a:hover {color:#000; border-bottom: 1px solid #000;}

input, textarea { margin: 0; border: 1px solid #ccc; color: #000; font-size:  11px; font-weight: normal; 	padding: 2px; }
	
input.top { background-color: #B4B6A0; color: #000; width: 100px; font-family: georgia, times, serif; font-size: 11px; }
						
.uberclear {float: none; display: block; clear: both; margin: 0; padding: 0; height: 1px; line-height: 0; font-size: 0; }

* html .uberclear { height: 0; }

.wrapper { background-repeat: repeat-x; background-position: 0 0; background-color: transparent; }
	
.mainContain { width: 776px; margin-left: auto; margin-right: auto; padding-bottom: 15px; }
		
.header { height: 50px; position: relative; }
			
.header h1 { position: absolute; left: 22px; top: 26px; background-image: url("../images/logo.jpg") ; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; width: 287px; height: 66px; }
				
.header h1 a { display: block; width: 287px; height: 66px; text-indent: -999em; text-decoration: none; border: 0; overflow: hidden; }
					
h1 a:hover { text-decoration: none; background-color: transparent;  border: 0; }
									
.header .topNav { position: absolute; left: 90px; top: 9px; width: 674px; height: 20px; text-align: right; font-size: 10px; letter-spacing: 1px; }
				
.header .topNav a {text-decoration:none; text-transform: uppercase; border:0;}
.header .topNav a:link {color:#ffffff;  border:0;}
.header .topNav a:visited {color:#CDCDCD;  border:0;}
.header .topNav a:active {color:#ffffff;  border:0;}
.header .topNav a:hover {color:#797F52;  border:0;}
				
.header .topNav input { border: 0; }
					
.header .topNav input.top { font-size: 10px; border: 0; }
				
.navigation { height: 27px; background-color: transparent; }
		
.navigation ul { margin: 0; padding: 0; height: 27px; list-style: none; }
			
.navigation ul li { display: inline; float: left; height: 27px; margin: 0; padding: 0; background-color: transparent;	}
			
.navigation ul li a { float: left; overflow: hidden; height: 27px; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0; background-color: #fff; border: 0; }
				
.navigation ul li.navHome { width: 69px; } 
				
.navigation ul li.navHome a { width: 69px; background-image: url("../images/nav1_home.jpg") ; }
					
.navigation ul li.navActivities { width: 97px; }
				
.navigation ul li.navActivities a { width: 97px; background-image: url("../images/nav2_activities.jpg") ; }
			
.navigation ul li.navLocation { width: 90px; }
				
.navigation ul li.navLocation a { width: 90px; background-image: url("../images/nav3_location.jpg") ; }
			
.navigation ul li.navAccomodations { width: 134px; }
			
.navigation ul li.navAccomodations a { width: 134px; background-image: url("../images/nav4_accomodations.jpg") ; }
			
.navigation ul li.navServices { width: 86px; background-image: none ; }
				
.navigation ul li.navServices a { width: 86px; background-image: url("../images/nav5_services.jpg") ; }
			
.navigation ul li.navRates { width: 68px; background-image: none ; }
				
.navigation ul li.navRates a { width: 68px; background-image: url("../images/nav6_rates.jpg") ; }
			
.navigation ul li.navReservations { width: 115px; background-image: none ; }
				
.navigation ul li.navReservations a { width: 115px; background-image: url("../images/nav7_reservations.jpg") ; }
			
.navigation ul li.navPhotoAlbum { width: 116px; background-image: none ; }
				
.navigation ul li.navPhotoAlbum a { width: 116px; background-image: url("../images/nav8_photo_album.jpg") ; }			
				
.navigation ul li a {text-decoration:none; border: 0;}

.navigation ul li a:hover {background-position: 0 -27px; border:0;}
				
.home .navigation ul li.navHome a, 
.menuLeft .navigation ul li.navActivities a, 
.navigation ul li.navLocation a,  
.navigation ul li. a,  
.navigation ul li.navServices a,  
.navigation ul li.navRates a,
.navigation ul li.navReservations a,
.navigation ul li.navPhotoAlbum a { background-position: 0 -54px; border: 0;}
					
.footer { width: 731px; margin-left: auto; margin-right: auto; }
	
.footer a { text-decoration:none; font-weight: bold; text-transform: uppercase; border: 0; }
.footer a:link {color: #804A15;}
.footer a:visited {color:#804A15;}
.footer a:active {color:#804A15;}
.footer a:hover {color:#000; border:0;}
	
.bottomNav { border-bottom: 1px solid #9D8A79; border-top: 1px solid #9D8A79; text-align: center; padding: 17px 0 12px 0; font-size: 10px; letter-spacing: 1px; }
	
body.secondary .bottomNav { border-bottom: 1px solid #9D8A79; border-top: 0; text-align: center; padding: 17px 0 12px 0; font-size: 10px; letter-spacing: 1px; }
		
.bottomNav a { margin: 0 15px 0 15px; } 
		
.bottominfo { margin: 1px 0 0 0; padding: 20px 0 20px 0; border-top: 1px solid #9D8A79; color: #837D75; font-size: 11px; }
		
.bottominfo .cellOne { float: left; width: 415px; }

.bottominfo .cellOne a { font-size: 10px; letter-spacing: 1px; }
			
.bottominfo .cellTwo { float: right; width: 310px; text-align: right; font-size: 10px; line-height: 14px; text-transform: uppercase; }
			
.bottominfo .cellTwo img { float: right; margin: 0 0 0 10px; }

/* MARY SELVA HOME PAGE
----------------------------------------------------*/
body.home { background-color: #E1D9D6; background-image: url("../images/bg_home.jpg") ; background-repeat: repeat-x; }

.home .wrapper { background-color: transparent; }

.home .mainContain .content .cellOne { width: 775px; height: 324px; position: relative; }

.home .mainContain .content .cellTwo { float: left; color: #000; width: 273px; background-image: url("../images/bg_homeCellTwo.jpg"); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; padding: 17px 35px 0 35px; voice-family: "\"}\""; voice-family: inherit; width: 203px; }

/* Begin hiding from Mac IE */
html>body.home .mainContain .content .cellTwo { width: 203px; }

.home .mainContain .content .cellTwo h2 { background-image: url("../images/title_activities_home.gif") ; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; width: 149px; height: 9px; text-indent: -999em; margin: 0 0 15px 0; }
		
.home .mainContain .content .cellTwo img { float: left; margin: 0 5px 5px 0; }

.home .mainContain .content .cellThree { float: left; width: 252px; color: #000; padding: 17px 30px 0 30px; voice-family: "\"}\""; voice-family: inherit; width: 192px; } 

/* Begin hiding from Mac IE */
html>body.home .mainContain .content .cellThree { width: 192px; } 

.home .mainContain .content .cellThree h2 { background-image: url("../images/title_title_home.gif") ; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; width: 264px; height: 50px; text-indent: -999em; margin: 0 0 0px 0; left: -10px;}

.home .mainContain .content .cellThree dl { margin: 0 0 20px 0; }

.home .mainContain .content .cellThree dt { font-size: 10px; text-transform: uppercase; font-family: arial, verdana, san-serif; }

.home .mainContain .content .cellThree dd span { font-size: 10px; } 

.home .mainContain .content .cellFour { float: left; width: 250px; color: #000; padding: 17px 30px 0 30px; voice-family: "\"}\""; voice-family: inherit; width: 190px; }
/* Begin hiding from Mac IE */
html>body.home .mainContain .content .cellFour { width: 190px; } 

.home .mainContain .content .cellFour h2 { background-image: url("../images/title_latestNews.gif") ; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; width: 149px; height: 9px; text-indent: -999em; margin: 0 0 15px 0; }

.home .mainContain .content .cellFour dl { margin: 0 0 20px 0; }

.home .mainContain .content .cellFour dt { }

.home .mainContain .content .cellFour dd { font-size: 12px; }

/* MAR Y SELVA OTHER PAGE STYLE
----------------------------------------------------*/
body.secondary { background-color: #E1D9D6; } 

.secondary .wrapper	{ border-bottom: 2px solid #B09F8F; background-image: url("../images/bg_secondary.jpg") ; background-color: #fff; }

.secondary .wrapper .mainContain .content { background-image: url("../images/bg_secondaryContent.jpg") ; background-repeat: repeat-y; background-position: 0 0; background-color: transparent; }
	
.secondary .wrapper .content .cellOne { float: left; width: 236px; }

.secondary .wrapper .content .cellOne h1 { width: 236px; height: 58px; background-repeat: repeat-y; background-position: 0 0; background-color: transparent; text-indent: -999em; }

.secondary .wrapper .content .cellOne .subnav { width: 230px; margin: 7px 0 0 5px; padding: 0; list-style: none; }

.secondary .wrapper .content .cellOne .subnav li { border-bottom: 1px solid #fff; font-size:13px; background-color: transparent;  margin: 0; padding: 0; }

.secondary .wrapper .content .cellOne .subnav li a { text-decoration: none; background-color: transparent; display: block; padding: 6px 6px 6px 18px; } 

.secondary .wrapper .content .cellOne .subnav li a:link  { color:#663300;  background-color: transparent; }

.secondary .wrapper .content .cellOne .subnav li a:visited  { color:#663300;  background-color: transparent; }

.secondary .wrapper .content .cellOne .subnav li a:active { color:#fff;  background-color: #6C3906; } 

.secondary .wrapper .content .cellOne .subnav li a:hover { color:#fff; background-color: #6C3906; border-bottom: 1px solid #D2CEC9; }

.secondary .wrapper .content .cellOne .subnav li.on a, 
.secondary .wrapper .content .cellOne .subnav li.on a:link,
.secondary .wrapper .content .cellOne .subnav li.on a:visited,
.secondary .wrapper .content .cellOne .subnav li.on a:active,
.secondary .wrapper .content .cellOne .subnav li.on a:hover { color: black; background-color: #fff; }

.secondary .wrapper .content .cellOne .subnav li ul { list-style: none; padding: 0; margin: 0; }

.secondary .wrapper .mainContain .content .cellOne .subnav li ul { padding-left: 23px; background-image: url("../images/arrow.gif") ; background-repeat: no-repeat; background-position: 23px 15px; background-color: transparent; border: 0; }

.secondary .wrapper .content .cellOne .subnav li ul li a { border: 0; color: #666; } 

.secondary .wrapper .content .cellOne .subnav li.on ul li a, 
.secondary .wrapper .content .cellOne .subnav li.on ul li a:link,
.secondary .wrapper .content .cellOne .subnav li.on ul li a:visited,
.secondary .wrapper .content .cellOne .subnav li.on ul li a:active,
.secondary .wrapper .content .cellOne .subnav li.on ul li a:hover,
.secondary .wrapper .content .cellOne .subnav li ul li a:link,
.secondary .wrapper .content .cellOne .subnav li ul li a:visited,
.secondary .wrapper .content .cellOne .subnav li ul li a:active,
.secondary .wrapper .content .cellOne .subnav li ul li a:hover { color: #666; border: 0; background-color: transparent; } 

.secondary .wrapper .content .cellTwo { float: left; width: 539px; padding: 40px 22px 0 32px; voice-family: "\"}\""; voice-family: inherit; width: 485px; }
/* Begin hiding from Mac IE */
html>body.secondary .wrapper .content .cellTwo { width: 485px; } 

.secondary .wrapper .content .cellTwo h1 { color: #000; font-size: 21px; font-weight: normal; color: #333; }

.secondary .wrapper .content .cellTwo h2 { color: #4F2201; font-size: 13px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }

.secondary .wrapper .content .cellTwo h3 { color: #333; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } 

.secondary .wrapper .content .cellTwo h4 { color: #000; font-size: 17px; font-weight: normal; color: #333; }			

.secondary .wrapper .content .cellTwo p { color: #333; font-size: 13px; font-weight: normal; line-height: 22px; } 

.secondary .wrapper .content .cellTwo .imageOne { float: right; margin: 10px 0 15px 15px; } 
	
.cellTwo ul { margin-bottom: 0.5em; margin-left: 0.5em; line-height: 1.3em; list-style-image: url("../images/arrow.gif"); }

/* activities menu left
----------------------------------------------------*/
.menuLeft .wrapper .content .cellOne h1 { background-image: url("../images/title_activities.gif"); }
.menuLeft ul.events,
.menuLeft div.event_details, 
.menuLeft div.small_calendar { margin: 0; padding:0; font-family: verdana; font-size: 12px; }

.search .wrapper .content .cellOne h1 { background-image: url("../images/title_Search.gif");
			}

dl.news { margin: 10px 0 0 0; }

dl.news dt { margin: 5px 0 5px 5px; } 

dl.news dt .date { }

dl.news dt .title { font-weight: bold; } 

dl.news dd { margin: 5px 0 5px 15px; }