/* HOMEPAGE STYLESHEET */

*{
margin:0;
padding:0;
}


body{
margin:0px 0 20px 0;
background:#30301f;
text-align:center;
/*min-width:840px;for netscape browsers*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#outer_wrapper{
margin:0 auto;
width:825px;
text-align:left;
}

#inner_wrapper{
width:792px;
padding:2px;
background:#000000;
border:2px solid #FFFFFF;
}


#subfooter{
text-align:center;
margin-top:10px;
color:#FFFFFF;
}

#subfooter a{
 color:#FFFFFF !important;
 font-size:10px;
}

#subfooter a:visited {
  color:#FFFFFF !important;
  font-size:10px;
}

#subfooter a:hover {
color:#FFFFFF !important;
font-size:10px;
}


/* images */

.bdr {
	background-color: #E7EAD7;
	border-color: #3F5075;
	border-width: 2px;
	margin: 5px;
}

.bdrl {
	background-color: #E7EAD7;
	border-color: #3F5075;
	border-width: 2px;
	float: left;
	margin: 5px;
}

.bdrr {
	background-color: #E7EAD7;
	border-color: #3F5075;
	border-width: 2px;
	float: right;
	margin: 5px 0 5px 15px;
}


/* Navagation Specific CSS */

#nav {
	height:21px;
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	border-bottom:1px solid #000000;
	z-index:5;
	}

#nav ul { /* all lists */
	padding: 0px;
	margin:-1px 0px 0px -1px;
	width:189px;
	list-style: none;
	z-index:1;
	border:none;
	border-top:2px solid #000000;
	z-index:4;
	background:#828838;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	border-top: 0px;
	z-index:1;
	display:block;
	padding:0;
	height:21px;
}

#nav a {
	display:block;
	height:21px;
}

#nav a:hover {
	color:#000;
}
#nav li ul a {
	color:#000;
	width:100%;
}

#nav li ul a:hover {
	color:#FFFFFF;
	display:block;
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0px;
	cursor:pointer;
	background-color:#848A39;
	}

#nav li ul li {
	display: block;
	border:1px #000 solid;
	border-top:none;
	width:188px;
}


#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover, #nav li.over, #nav li.stay  {
	color:#000000;
	background-color:#848A39;
}

#nav li:hover ul, #nav li.over ul, #nav li.stay ul { /* lists nested under hovered list items */
	display: block;
	top: 22px;
	border-top:1px;
}

#nav li:hover ul li, #nav li.over ul li, #nav li.stay ul li {
	font-weight:normal;
	padding:2px 0px 2px 0px;
	margin:0;
}

#nav li.home {
	border-right:0;
	cursor:pointer;
}

#nav li ul li.divider {
	border-top: 1px solid #000;
	}

.bottomNavButtons {
	display:block;
	float:right;
}

/* Navagation Elements */

#nav img.divider {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#reservations {
	height:21px;
	width:131px;
	background-image:url(../images/reservations-a.gif);
	border-right:solid 1px #000;
}

#reservations:hover, #reservations.over, #reservations.stay {
	background-image:url(../images/reservations-b.gif);
}

#lodging {
	height:21px;
	width:93px;
	background-image:url(../images/LODGING-1.gif);
}

#lodging:hover, #lodging.over {
	background-image:url(../images/LODGING-3.gif) !important;
}

#lodging.stay {
	background-image:url(../images/LODGING-2.gif);
}

#foodWine {
	height:21px;
	width:119px;
	background-image:url(../images/FOODWINE-1.gif);
}

#foodWine:hover, #foodWine.over {
	background-image:url(../images/FOODWINE-3.gif) !important;
}

#foodWine.stay {
	background-image:url(../images/FOODWINE-2.gif);
}

#service {
	height:21px;
	width:89px;
	background-image:url(../images/SERVICES-1.gif);
}

#service:hover, #service.over {
	background-image:url(../images/SERVICES-2.gif) !important;
}

#service.stay {
	background-image:url(../images/SERVICES-2.gif);
}

#about {
	height:21px;
	width:149px;
	background-image:url(../images/ABOUT-1.gif);
}

#about:hover, #about.over {
	background-image:url(../images/ABOUT-3.gif) !important;
}

#about.stay {
	background-image:url(../images/ABOUT-2.gif);
}

#meetings {
	height:21px;
	width:93px;
	background-image:url(../images/TGROUPS-1.gif);
}

#meetings:hover, #meetings.over {
	background-image:url(../images/TGROUPS-2.gif);
}

#meetings.stay {
	background-image:url(../images/TGROUPS-2.gif);
}

#contact {
	height:21px;
	width:112px;
	background-image:url(../images/CONTACT-1.gif);
}

#contact:hover, #contact.over {
	background-image:url(../images/CONTACT-2.gif);
}

#contact.stay {
	background-image:url(../images/CONTACT-2.gif);
}

.navMenuText {
	display:none
}

/*SUB NAV IMAGES
***************************************************************/
#room a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../images/rooms-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#room a:hover{
background:url(../images/rooms-2.gif) top left no-repeat;
}


#cottages a{
background:url(../images/cottages-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#cottages a:hover{
background:url(../images/cottages-2.gif) top left no-repeat;
}

#suites a{
background:url(../images/SUITES-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#suites a:hover{
background:url(../images/SUITES-2.gif) top left no-repeat;
}


#jrsuites a{
background:url(../images/JRSUITES-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#jrsuites a:hover{
background:url(../images/JRSUITES-2.gif) top left no-repeat;
}


#onlinepackages a{
background:url(../images/GROUPS-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#onlinepackages a:hover{
background:url(../images/GROUPS-2.gif) top left no-repeat;
}

#propertymap a{
background:url(../images/GROUNDS-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#propertymap a:hover{
background:url(../images/GROUNDS-2.gif) top left no-repeat;
}

#breakfast a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../images/BREAKFAST-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#breakfast a:hover{
background:url(../images/BREAKFAST-2.gif) top left no-repeat;
}

#lunch a{
background:url(../images/LUNCH-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#lunch a:hover{
background:url(../images/LUNCH-2.gif) top left no-repeat;
}


#dinner a{
background:url(../images/DINNER-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#dinner a:hover{
background:url(../images/DINNER-2.gif) top left no-repeat;
}

#bar a{
background:url(../images/BAR-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#bar a:hover{
background:url(../images/BAR-2.gif) top left no-repeat;
}

#coffee a{
background:url(../images/COFFEE-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#coffee a:hover{
background:url(../images/COFFEE-2.gif) top left no-repeat;
}

#recipes a{
background:url(../images/recipes-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#recipes a:hover{
background:url(../images/recipes-2.gif) top left no-repeat;
}



/*   */

#massage a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../images/MASSAGE-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#massage a:hover{
background:url(../images/MASSAGE-2.gif) top left no-repeat;
}

#laundry a{
background:url(../images/LAUNDRY-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#laundry a:hover{
background:url(../images/LAUNDRY-2.gif) top left no-repeat;
}


#internet a{
background:url(../images/INTERNET-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#internet a:hover{
background:url(../images/INTERNET-2.gif) top left no-repeat;
}


#canoes a{
background:url(../images/CANOES-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#canoes a:hover{
background:url(../images/CANOES-2.gif) top left no-repeat;
}


#naturalism a{
background:url(../images/NATURALISM-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#naturalism a:hover{
background:url(../images/NATURALISM-2.gif) top left no-repeat;
}

#pool a{
background:url(../images/POOL-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#pool a:hover{
background:url(../images/POOL-2.gif) top left no-repeat;
}

#guides a{
background:url(../images/GUIDES-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#guides a:hover{
background:url(../images/GUIDES-2.gif) top left no-repeat;
}


#travel a{
background:url(../images/TRAVEL-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#travel a:hover{
background:url(../images/TRAVEL-2.gif) top left no-repeat;
}


#horseback a{
background:url(../images/HORSEBACK-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#horseback a:hover{
background:url(../images/HORSEBACK-2.gif) top left no-repeat;
}


/*     */


#activities a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../images/activities-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#activities a:hover{
background:url(../images/activities-2.gif) top left no-repeat;
}

#maps a{
background:url(../images/maps-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#maps a:hover{
background:url(../images/maps-2.gif) top left no-repeat;
}

#background a{
background:url(../images/background-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#background a:hover{
background:url(../images/background-2.gif) top left no-repeat;
}


/* about guatemala */

#guatemala a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../images/GUATEMALA-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#guatemala a:hover{
background:url(../images/GUATEMALA-2.gif) top left no-repeat;
}

#atitlan a{
background:url(../images/ATITLAN-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#atitlan a:hover{
background:url(../images/ATITLAN-2.gif) top left no-repeat;
}

#santiago_atitlan a{
background:url(../images/SANTIAGOATITLAN-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#santiago_atitlan a:hover{
background:url(../images/SANTIAGOATITLAN-2.gif) top left no-repeat;
}


#culture a{
background:url(../images/CULTURE-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#culture a:hover{
background:url(../images/CULTURE-2.gif) top left no-repeat;
}


#links a{
background:url(../images/LINKS-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#links a:hover{
background:url(../images/LINKS-2.gif) top left no-repeat;
}


#getting_here a{
background:url(../images/GETHERE-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#getting_here a:hover{
background:url(../images/GETHERE-2.gif) top left no-repeat;
}


/* ----------------- */




#canoebayclub a{
background:url(../images/canoebayclub-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#canoebayclub a:hover{
background:url(../images/canoebayclub-2.gif) top left no-repeat;
}

#policies a{
background:url(../images/policies-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#policies a:hover{
background:url(../images/policies-2.gif) top left no-repeat;
}

#pressroom a{
background:url(../images/pressroom-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#pressroom a:hover{
background:url(../images/pressroom-2.gif) top left no-repeat;
}

/*=END OF NAVIGATION
*************************************************************/

#content_section{
background-color:white; 
font-family: Baskerville, Times, serif; 
font-size: 12pt;
width:762px; 
height:485px; 
padding-left:15px; 
padding-top: 15px; 
padding-right:15px; 
overflow:auto;
}
#content_section a{
color: #828838;
}
#content_section a:hover {
color: #FAE2B8;
background-color: #828838;
}

#flash_content{
height:503px;
}

#content_wrapper{
border-top:2px solid #828838;
padding-bottom:1px;
}

#contentNav{
text-align:right;
padding-right:160px;
padding-top:10px;
width:587;
list-style:none;
}

#contentNav li{
display:inline;
padding-top:2px;
height:20px;
}

#contentNav li img{
padding-top:2px;
}

#hp_contact a{
text-decoration:none;
color:#000000;
text-indent:-1000px;
background:url(../images/contact_home.gif) left top no-repeat;
}

#hp_press a{
color:#000000;
text-decoration:none;
text-indent:-1000px;
background:url(../images/press-home.gif) left top no-repeat;
}


#content_text{
background-color:white;
height:130px;
padding:30px 155px 0px 0px;
}
#content_text img{
margin-right:15px;
}
#content_text a{
color: #828838;
}
#content_text a:hover {
color: #FAE2B8;
background-color: #828838;
}

td a{
color: #828838;
}
td a:hover {
color: #FAE2B8;
background-color: #828838;
}

#content_pic_right{
position:absolute;
margin:-160px 0px 0px 650px;
z-index:10;
background:none;
}

#right_text{
position:relative; 
top:-480px; 
left:450px; 
width:300px;
background-color:white; 
border: 2px #30301F solid; 
padding:10px;
}
#right_text td{
font-size:10pt;
}
#right_text a{
color: #828838;
}
#right_text a:hover {
color: #FAE2B8;
background-color: #828838;
}

#footer{
height:18px;
padding:3px 5px 0px 5px;
text-align:right;
margin-top:2px;
background:#828838;
clear:both;
color:#000000;
}


#footer a{
color:#F8D060;
}

pre{
  font-size:14px;
}

td{
  font-size:10pt;
}