/* @group html */

body
{
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
font-size: 76%;
font-size: 13px;
/*font-size: small;*/
margin:0;
background:#FFF url(/images/bg-page.jpg)  50% 0 no-repeat;
}

/* IE png fix */

/*img {behavior: url(/css/iepngfix.htc);}*/

small {
	font-size: 0.9em;
}

a img, a img.btn {
border:0;
}

a.plain-link {
	text-decoration: none;
	color: #275685;
}

p, blockquote, li
{
	
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	
}

p {
margin-top: 0;
}


p.holidays {
	font-family: Georgia, Times, Serif;
font-weight: normal;
	
	font-size: 1.2em;
	color: #CE5000;
}

/* can't use a generic element list style */

/*#center ul {
	
	list-style: none;
}

#center li {
padding-left: 15px;
list-style: none;
background: url(/images/bullet2.gif)  0 0.2em no-repeat;
}*/

p.rss-link a {
	font-weight: bold;
	margin: 5px 0;
}

p.rss-link {
	margin:0;
	padding: 5px 0;
}

strong {
color: #532F0A;
color: #CE5000;
}

.hilite {
color:#800210;	
font-weight: bold;
}

a:link, 
a:active, 
a:visited
{
/*font-weight: normal;*/
color: #4B5F18;
color:#6B832E;
color:#990000;
color:#006699;
color:#184E84;
}



h3 a:hover,
li a:hover,
p a:hover
 {
color:#000;
text-decoration:underline;
}

h1
{
font-family: Georgia, Times, Serif;
font-weight: normal;
padding:0;
margin-top:0;
margin-bottom:10px;	
font-size: 1.8em;
color:#800210;
color:#CE5000;
}

h1 span.sub {
	font-size: 0.7em;
}

h2 {
font-family: Georgia, Times, Serif;
font-weight: normal;
margin-bottom:10px;	
font-size: 1.5em;
color:#800210;
color:#CE5000;
}


h3 {
font-family: Georgia, Times, Serif;
font-weight: normal;
color:#647718;
color:#566B00;
color:#738A17;
margin: 0 0 5px 0;
font-size: 1.6em;
}

h4.orange-block {
background: #CE5000;
background: #8FA437;
background:#ECF0C4;
color: #566B00;
margin: 0;
padding: 1px 10px;
font-size: 1em;
margin-bottom: 10px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: normal;
/*display: inline;*/
}


#right h4 a {
font-family: Georgia, Times, Serif;
font-weight: normal;
color:#647718;
font-size: 1.2em;
}

h6 {
	font-size: 100%;
}

div.img-left {
float: left;
margin: 3px 20px 10px 0;
}

div.img-right {
float: right;
margin: 3px 0 10px 10px;
clear: right;
}


sup {
 font-size: 0.5em;
}



/* use for background on some pages */
div#inner {
	/*background: url(/images/bg-holiday.jpg)  right 180px  no-repeat;*/
}


table.zem_event_calendar {
	width: 700px;
}

table.zem_event_calendar td {
	width: 14%;
}

/* @group tables */

/*table {
	border-collapse: collapse;
	margin-bottom: 15px;
	background: #EEEEDD;
	width: 400px;
}*/

th, td {
	padding: 0.1em 1em;
	border: 0;
	border-bottom: 1px solid #DBDBC0;
}

th {
	color: #9E6D02;
	text-align: left;
}

table#story-form td {
	border: none;
	padding: 0.4em 1em;
}

table#story-form  {
	border: none;
	background: #F6F9DD;
}

div#driving-times table {
	border-collapse: collapse;
	width: 500px;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	border: 1px solid #DBDBC0;
}

div#driving-times th {
	background: #EEEEDD;
}

div#driving-times td {
	
}

/* @end */


/* @end */

/* @group flickr */
.setpreview {
	margin: 0 2em 1em 2em;
}
	.setpreview .thumbnail {
		float: left;
		margin-right: 1em;
	}
/*.flickrset a {
	border: solid #F67733 2px;
	width: 75px;
	height: 75px;
	background: #fff0d6;
	float: left;
	margin: 10px;
	padding: 5px;
}
.flickrset a:hover {
	background: #F67733;
}
.flickrset img {
	border: 0;
}*/
.pages_nav {
	clear: both;
}
.individual {
	padding: 0 2em;
}
	.individual .image {
		margin: 0.5em auto;
		text-align: center;
	}
	.individual .image img {
	}
	.individual .flickrsetnav {
		text-align: center;
	}
		.individual .flickrsetnav a,
		.individual .flickrsetnav a:link,
		.individual .flickrsetnav a:visited {
			text-decoration: none;
		}
	.individual .setname {
		display: inline;
	}



/* @end */

/* @group center */

/* @group sitemap */

.sitemap ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}

.sitemap li {
		margin: 0;
	padding: 0;
	list-style-type: none;
}

.sitemap h4 a {
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
	text-decoration: none;
	font-weight: bold;
	line-height: 1em;
background:#ECF0C4;
color: #566B00;
font-size: 1em;
margin: 0;
letter-spacing: 1px;

}

/* @end */

/* @group gallery boxes */

p#player {
	text-align: center;
	/*background: #FFF;*/
	margin:0;
}


#gallery-box-wap {
	float:left;
	width:100%;
	padding:20px 10px;
	background:url(/images/bg-green-box-gradient.jpg) repeat-x;
	background:#ECF0C4 ;
}

#center .gallery-box {
	background: #FFFFFF url(/images/gallery-box-bg.jpg);
	width: 230px;
	height: 100px;
	float: left;
	margin: 0 10px 10px 0; 
	border: 1px solid #B9D05B;
	overflow: hidden;
}

#center .gallery-box img.icon {
	padding: 5px;
	background: transparent;
}

#center .gallery-box img.thumb {
	margin-right: 5px;
	background: transparent;
}

#center .gallery-box img {
	border: 0;
	padding: 0;
	float: left;
}


#center .gallery-box h5 {
	
	color:#666;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	margin:0;
	padding: 5px;
}

ul.webcams {
	list-style: none;
}

ul.webcams li a {

	font-weight: bold;
}

ul.webcams li  {
	padding-bottom: 10px;
	padding-left: 30px;
background: url(images/webcam.gif) no-repeat;
}

/* @end */

/* @group video */
/* updated 10/25 */

#video-box {
	width: 100%;
	
	float: left;
	margin-bottom: 20px;
	background: #B2BA57;
}

#video-box h3 {
	line-height: 1em;
	font-size: 1.2em;
	margin: 0;
	padding: 5px;
	background: #EEF3D3;
	color: #01531E;
	text-align: center;
}

#video-box p {
	text-align: center;
	margin: 0;
}

#video-box a {
	text-decoration: none;
	font-size: 10px;
}


/* @end */

/*#center ul {
	margin: 0 0 10px 0;
	padding: 0;
	
}

#center ul li {
list-style:none;
background:url(/images/bullet.gif) 0 0.3em  no-repeat;
padding-left:14px;
}*/

#center h4 {
font-weight: bold;
color:#738A17;
font-size: 1.1em;
margin: 0 0 10px 0;
}

#center h4.divider {
border-bottom: 1px solid #9AAD4E;
}



#center img {
	border: 1px solid #C8B89C;
	padding: 2px;
	background-color: #FFF;
}

#center img.no-border {
	border: none;
	padding: 0;
}

div.float-container {
	width: 500px;
	float: left;
	margin-bottom: 15px;
}

/* @group feature box parks  */

div.feature-box {
	float: left;
	width: 490px;
background:#EEF1D1;
margin-bottom: 5px;
padding: 5px;
font-size: 0.9em;
}

#center div.feature-box h4 {
	margin: 0;
	margin-left:120px;	
}

div.feature-box ul {
	padding: 0;
	margin: 4px 0 0 120px;
	list-style: none;
	
}
div.feature-box li {
	padding: 0;
}


/* @end */

/* @group article excerpt box */

div.article-excerpt-box{
float: left;
width: 500px;
margin-bottom: 20px;
padding:0;
}

div.article-excerpt-box div.image-wrap {
	float: left;
	margin-right: 10px;
	width: 202px;
}

div.article-excerpt-box p.readmore{
	margin: 0;
	float: left;
	
}

div.article-excerpt-box p {
	margin: 0;
}



/* @end */



/* @end */

/* @group right */

#right ul {
margin:0 0 10px 0;
padding:5px;
background-color: #FBFDE8;
background-color: #F6F9DD;
border-left: 1px solid #B5BD5F;
border-right: 1px solid #B5BD5F;
border-bottom: 1px solid #B5BD5F;
}


#right li {
line-height: 1.2em;
list-style:none;
background:url(/images/arrow2.gif) 0 0.2em  no-repeat;
padding-left:15px;
padding-bottom: 5px;
}

#right ul li a {
	text-decoration: none;
}

#right h3 {
line-height: 1em;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
/*background:#EEF3D3 url(/images/bg-subnav.jpg) bottom left repeat-x;*/
padding: 3px 5px;
font-size: 11px;
font-weight: bold;
margin: 0;
color: #01531E;
text-transform: uppercase;
letter-spacing: 1px;
border: 1px solid #B5BD5F;
/*clear: left;*/
background: #8EA224;
color:#FFF;
}

#right h3.related {
background:#C6D6AE url(/images/bg-related.jpg) top left repeat-x;
}


#right h3 a {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
background:#EEF3D3 url(/images/bg-subnav.jpg) bottom left repeat-x;
padding: 3px 5px;
font-size: 11px;
font-weight: bold;
margin: 0;
color: #01531E;
text-transform: uppercase;
letter-spacing: 1px;
clear: left;
}

#right h3 a:hover {
	text-decoration: none;
	color: #000;	
}

#right h4 {
background-color: #8EA224;
padding-left:5px ;
font-size: 1em;
margin: 0;
color: #FFF;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 0px solid #C8B89C;
border-top: 0px solid #C8B89C;

}



div.group {
background-color: #FFF;
margin-top: 5px;
border-top: 1px solid #E6D8BE;
border-bottom: 1px solid #E6D8BE;	
}

.group h4 {
border-left: 1px solid #E6D8BE;
border-right: 1px solid #E6D8BE;	
}

#right .group ul {
margin: 0;
border-bottom: none;	
}

#right .group h3 {
	margin-bottom: 5px;
}

#right h5 {
font-size: 1em;
/*width: 100%;*/
margin: 0;
color: #7A6026;
color: #9E6D02;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 0px solid #C8B89C;
border-top: 0px solid #C8B89C;
}

/* @group page tools */

#page-tools ul {
	background: none;
	border: none;
	margin: 0;
}

#page-tools li#print {
 background: url(/images/print_16.gif)  no-repeat;
 padding-left: 25px;	
}

#page-tools li#email-page {
 background: url(/images/mail_16.gif)  no-repeat;
 padding-left: 25px;	
}



#page-tools h4 {
	line-height: 1em;
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
background:#F6F9DD url(/images/bg-subnav.jpg) bottom left repeat-x;
padding: 2px 5px;
font-size: 11px;
font-weight: bold;
margin: 0;
color: #01531E;
text-transform: uppercase;
letter-spacing: 1px;

}

#page-tools  {
	clear:left;
	border: 1px solid #F6F9DD;
	padding: 0;
	margin: 5px 0 5px 0;
	background: #F6F9DD;
}

/* @end */

/* @group orange box */

div.orange-box {
	background: #F6DFAA;
	background:url(/images/bg-light-yellow.jpg) bottom left repeat-x;
	padding: 10px;
	margin:  0;
	border-bottom: 1px solid #E8BB56;
	border-left: 1px solid #E8BB56;
	border: 1px solid #E8BB56;
}


/* @end */

/* @group video box */

#right h3.video {
color: #FFF;
background:#17659A url(/images/bg-video.jpg) top left repeat-x;	
}


#right ul.video {
color: #FFF;
background:#F3F8FE url(/images/bg-video-box.jpg) bottom left repeat-x;		
}



/* @end */

/* @group right article */

#right div.article h4 {
line-height: 1em;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
background:#EEF3D3 url(/images/bg-subnav.jpg) bottom left repeat-x;
padding: 2px 5px;
font-size: 11px;
font-weight: bold;
margin: 0;
color: #01531E;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid #B5BD5F;
/*clear: left;*/
}



#right div.article h3 {
color:#537F3A;
margin: 5px 0;
background: none;
border: none;
padding: 0 5px;	
text-transform: none;
font-size: 1.3em;
}

#right div.article a {
padding: 0 5px 5px 5px;	
}

#right div.article  {
margin: 10px 0;
border: 1px solid #E8DF9A;
}

#right div.article p.caption
 {
font-size: 0.9em;
font-style: italic;
margin: 0 0 5px 0;
}

#right div.article p
 {
margin: 0;
padding: 0 5px;
}



/* @end */

/* @end */

/* @group event search form */

div.zem_event_search_input {
	font-size: 10px;
	background:#ECF0C4;
	padding: 3px;
	
}

fieldset {
	border: 1px solid #C8B89C;
	background: #FFF;
	/*padding: 3px;*/
	margin: 5px 0;
}

legend {
	font-weight: bold;
	color: #9E6D02;
}



input.zem_date_select {
	width: 185px;
	font-size: 10px;
}

input#q {
font-size: 10px;	
}


input#date_to {width: 180px; }
input#date_from {width: 180px; }
label#q { width: 180px;}

/* @end */

/* @group articles */


#right div.article {
background:url(/images/bg-light-yellow.jpg) bottom left repeat-x;
/*padding: 10px;
border: 1px solid #E8BB56;*/
}

/* @group booking */

#booking-container {
	width: 500px;
	float: left;
	margin-top: 10px;
border-top: 1px solid #738A17;	
}

div.booking {
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px solid #738A17;
}

div.booking p {
	margin: 0;
}

div.booking a {
	text-decoration: none;
	color: #000;
}

/* @end */

/* @group reviews */

p.id {
	display: none;
	
}

div.review {
	float: left;
	width: 500px;
	/*background: #f0f8d8;*/
	background:url(/images/bg-reviews.jpg) top left no-repeat;
	margin: 10px 0;
	min-height: 150px;
	padding: 0;
}

div.review p {
	/*float: left;*/
	/*width:500px;*/
	padding: 10px 20px 0 10px;
}


 

div.review p:first-child:first-letter {
float:left;
color:#738A17;
font-size:50px;
line-height:40px;
padding-top:2px;
padding-right:5px;
font-family: times,Georgia;	
}

 div.review img {
	float: left;
	margin: 10px 10px 0 10px;
	
	/*padding:10px 0 0 10px;*/
}

p.review-clear {
	width: 500px;
	height: 10px;
	float: left;
}


/* @end */



div.gallery-list {
	width: 500px;
	float: left;
}

/* @group article excerpt */

div.article-excerpt h3.excerpt a:hover {
color: #000;
text-decoration:underline;	
}

div.article-excerpt {
padding:10px;
margin:0px;
}

p.read-more  {
font-weight: bold;
margin-top: -1em;
/*float:left;*/	
}

div.article-excerpt p {
margin:0;
}

/* @end */

/* @group article full */

/* floating article might cause the problem with iframe display */
#center div.article {
	width: 510px;
	float: left; /* prevent clearing problems and positioning  */
	margin-bottom: 20px;
}

h3.article-full
 {
text-decoration:none;
margin:10px 0 0 0;
}

div.article-full {
margin-bottom:20px;
}



/* @end */

/* @group gallery feature */

div.gallery-insert {
		width: 500px;
	float: left;
background:#ECE5CE;
background:url(/images/bg-light-yellow.jpg) bottom left repeat-x;
margin-top: 20px;
padding: 10px;
border: 1px solid #F3E473;
}

/* ie does not float*/

div.gallery-insert img {
	float: left;
}



/* @end */

span.cap {
font-family: Georgia, Times, Serif;
font-size:60px;
padding-top:0.1em;
padding-top:15px;
float:left;
height: 40px;
font-weight:bold;
margin:0px 5px 0px 0;
color:#9E6D02;
}

/* @end */

/* @group search */

h3.search-results a:link,
h3.search-results a:visited
 {
color:#006699;
margin:0;
font-size: 0.8em;
}

div.search-results p {
margin:0;
}

div.search-results {
margin-bottom:15px;

}

body#home #search {
height:20px;	
margin:10px 0;
}

#search {
height:20px;
margin:10px;
}
#search input#q {
	font-size: 10px;
}

#submit-btn {
 font-size: 10px;
}

/* @end */

/* @group layout */

/* @group home */

body#home #footer {
	/*float: left;*/
	width: 960px;
	clear: both;
}

body#home #header {
	width: 960px;
}

#home-container
{
width: 960px;
margin-left: auto;
margin-right: auto;

}

#home-top {
	float: left;
	clear: both;
	width: 960px;
	height: 270px;
	padding: 0;
	margin-bottom: 10px;
	/*background: #ECF0C4;*/
}

div.movie {
	padding: 0;
	width: 480px;
	height: 270px;
	float: left;
}

#home-menu {
	float: left;
	height: 270px;
	width: 480px;
	padding: 0;
}

div.home-menu-box {
	width: 480px;
	margin-bottom: 10px;
	background: #ECF0C4 url(/images/bg-menu-hibiscus.jpg) top right no-repeat;
	border: 1px solid #CFD77E;
	float: left;
}

#explore img, #plan img, #see img {
	padding: 5px 0 5px 35px;
	float: left;
}

#explore, #plan, #see {
 
}

#explore {
	background:url(/images/home-menu-explore.gif) 0 50%  no-repeat; 
}

#plan {
	background:url(/images/home-menu-plan.gif) 0 50%  no-repeat;
}

 #see {
	background:url(/images/home-menu-see.gif) 0 50%  no-repeat;
}

div.home-menu-box ul {
	margin: 0 0 0 250px;
	padding: 2px 0;
	list-style: none;
}

div.home-menu-box li {
	list-style: none;
	line-height: 1.5em;
}

div.home-menu-box a {
	text-decoration: none;
	font-size: 11px;
	/*color: #003300;*/
}

div.home-menu-box a:hover {
	text-decoration: underline;
}

#home-right {
	width: 450px;
	float: right;
	
}

/* @group home bottom links */

#nav-bottom-2 div.box {
background:none;
}

#nav-bottom-2 div.box p {
margin:0;
}

#nav-bottom-2 div.box h4 {
font-size:12px;
margin:0;
color: #d45c11;
}

/* @end */

/* @group quick links */

div.quick-links {
	width: 480px;
	margin-bottom: 30px;
	float: left;
	display: inline;
	font-size: 0.9em;
	line-height: 1.3em;
}

div.quick-links h4 {
	margin: 0 0 5px 0;
	color: #336699;
	font-size: 1.1em;
}

div.quick-links #media-gallery h4 a {
	text-decoration: none;
	color: #336699;
	font-size: 1em;
	margin-top: 20px;
}

div.quick-links ul {
	margin: 0;
	list-style: none;
}

#news-signup {
	
}

#vac-guide ul {
	
}


/* @end */

/* @end */

#container
{
width: 980px;
margin-left: auto;
margin-right: auto;
}
 
#header-print {
	display: none;
} 
 
#header
{
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
height: 130px;
width:980px;
background:#FFF url(/images/bg-header.jpg) top left no-repeat;
}

#left {
width: 190px;
float: left;
margin:0;
padding:0;
display:inline; /* IE margin bug */
}

#right
{
font-size: 0.9em;
margin:0px;
padding:0;
float: right;
width: 212px;
display:inline; /* IE margin bug */
/*background:#FFF;*/
}



/* Hides from IE-Mac \*/
* html #right {
	height: 1%;
}
/* End Hide */


#center
{
margin:0 0 0 220px;
width:510px;
}







/* @group footer home */

body#home #footer
{
font-size:0.9em;
border-top:1px solid #B5BD5F;
clear: both;
padding:10px 0;
margin: 30px 0 0 0;
width:980px;
background:url(/images/bg-footer.jpg)  repeat-x;
}

body#home #footer p, footer ul {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}

body#home #footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body#home #footer li {
	list-style: none;
	display: inline;
	border-right: 1px solid #9E6D02;
	padding: 0 5px 0;
}

body#home #footer li.last {
	border: none;
}


/* @end */

/* @group footer */

#footer table {
	margin: 0;
	padding: 0;
}

#footer td {
	border: none;
	vertical-align: top;
	padding: 0;
}


#footer h4 {
	font-size: 12px;
	color: #015c6e;
	margin-bottom: 5px;
}

#footer strong {
	color: #015c6e;
}

#footer ul img {
	vertical-align: middle;
	padding-right: 5px;
}

#footer
{
color: #015d83;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
font-size:11px;
clear: both;
margin-top:30px;
width:980px;

}

#footer-top {
	width:980px;
	float: left;
	background: #b6e3ec url(/images/bg-footer-top.jpg) top left repeat-x;
}

#footer-bottom {
	float: left;
	
	width:980px;
	height: 55px;
	background:#b6e3ec url(/images/bg-footer-bottom.gif) bottom left no-repeat;
	margin-bottom: 40px;
}

#footer-bottom a {
	color: #FFF;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#footer-bottom ul {
padding-top: 30px;
}
#footer-bottom li {
	list-style: none;
	display: inline;
	border-right: 1px solid #FFF;
	padding: 0 5px 0;
}

#footer li.last {
	border: none;
}

#footer div.col {
	float: left;
	width: 225px;
	
	/*width:200px;*/
	/*height: 200px;*/
	margin-right: 15px;
}



/* @end */

.pano img {
	margin-bottom: 0;

}


/* @end */

/* @group navigation */

/*p.back-link {
	width: 500px;
	float: left;
}*/

#article-tools {
	float: left;
	width: 510px;
	border: 0;
	margin: 0;
}

#article-tools img {
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
}

/* @group header */

#nav-header {
	float: right;
	margin-top: 45px;
	margin-right: 20px;
	width: 270px;

}

#nav-header ul
 {
	list-style: none;
	margin: 0;
	padding: 0;
}


#nav-header li {
list-style: none;
padding: 0;
}

#nav-header  a {
font-weight: normal;
	text-decoration: none;
}



/* @end */

/* @group left */

body#maps-regions a.maps-regions,
body#history a.history,
body#gallery a.gallery,
body#lodging a.lodging,
body#food a.food,
body#day-trips a.day-trips,
body#transportation a.transportation,
body#services a.services,
body#weather a.weather,
body#history a.arts,
body#parks a.parks,
body#ag-tourism a.ag-tourism,
body#activities-water a.activities-water,
body#activities-land a.activities-land,
body#activities-air a.activities-air,
body#activities-learning a.activities-learning,
body#shopping a.shopping,
body#nightlife a.nightlife
 {
/*background:url(/images/bullet.gif) 0 0.3em  no-repeat;*/
background:#F9FCEB;
background:#FFF;
font-weight: bold;
}


#left ul {

padding-left: 10px;	
}
#left li {
	list-style: none;
}

#left .box {
margin-bottom:15px;
width:190px;
background:#F3F8DC url(/images/bg-nav-left.jpg) repeat-y;
}

#left .box  ul {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
margin:0;
padding: 0;
line-height: 1.5em;
}

#left .box li {

list-style:none;
display: inline;
line-height: 1.7em;
}

#left .box li a {
text-decoration: none;
list-style:none;
display:block;
color:#333;
border-bottom: 1px dotted #B5BD5F;
padding-left:10px;
}

#left .box li a:hover {
text-decoration: none;
background:#F9FCEB;
font-weight: bold;
}

#left .box  h3,
#left div#calendar h3
 {
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
margin:0;
padding: 2px 10px;
background: #CE5000 url(/images/bg-nav-left-header.jpg) repeat-x;
color: #FFFFFF;
}

#left div#calendar {
margin-left:10px;
margin-top:5px;
width:183px;	
}

a p.zem_event_name {
font-weight: normal;
color:#844B10;
	
}

/* @end */

/* @group right */

.rightBox {
margin: 0;
padding: 0;

}


.rightBox ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.rightBox li {
margin: 0;
padding: 0;
list-style-type: none;
}


/*
#member-link {
	
	padding:3px 10px 5px 10px;
	background: #D3DFB3;
	background: #AA4501 url(/images/bg-calendar-box-title.jpg) repeat-x;
	background:#ECE5CE;
	margin-bottom:10px
}

#member-link a {
font-weight:bold;
color: #5F460F;
	text-decoration: none;
}

#member-link a:hover {
	color: #000;
}

#member-link p {
	margin: 0;
	padding: 0;
}

*/

#member-link {
	width: 210px;
	padding: 0;
	margin: 10px 0;
	background: #AA4501 url(/images/mem-link.jpg) 0 10px  repeat-y;
color: #FFFFFF;
}

#member-link-top {
	margin: 0;
	height: 10px;
	background: #AA4501 url(/images/mem-link-top.jpg) left top no-repeat;
}
#member-link-bot {
	margin: 0;
	height: 10px;
	background: #AA4501 url(/images/mem-link-bot.jpg) left bottom no-repeat;
}


#member-link a  {
text-decoration: none;
color: #FFFFFF;
}


#member-link p {
	text-align: center;
	line-height: 1.2em;
	margin: 0;
	padding: 0 5px;
	font-weight:bold;
letter-spacing: 1px;
color: #EEEEDD;
}

/* @end */

/* @group top */



div#navtop {
width: 980px;
padding:0;
margin:0;
}

#navtop-bottom {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
width: 980px;
height: 40px;
/*float: left;*/
/*display: inline;*/
background: #FFF url(/images/bg-nav-top.jpg) top left repeat-x;	
clear: both;
}

#navtop-bottom a {
color:#01531E;
text-decoration: none;
}

#navtop-bottom a:hover {
	color: #000;
	text-decoration: underline;
}

/*#navtop ul {
    margin: 0;
	padding: 0;
list-style: none;
	height: 20px;
	text-align: center;
margin-left: 190px;
}
#navtop li {
	float: left;
	margin: 0;
	padding: 0;
	}
#navtop li a {
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-size:10px;
	float: left;
	margin: 0 1px 0 0;
	padding: 1px 4px;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color:#01531E;
border: 1px solid #B5BD5F;
background: #EEF2CF url(/images/bg-nav-tabs.jpg) top left repeat-x;

background:#8ea224 url(/images/bg-nav-tab-dkgreen.jpg) top left repeat-x;
color: #FFF;

	}
	
	
	#navtop li a:hover {
	background:#8ea224;
	color: #FFF;
	
	background: #EEF2CF url(/images/bg-nav-tabs.jpg) top left repeat-x;
	color:#01531E;
}
	
	
	*/
	

body#families #navtop li a.families,
body#romance #navtop li a.romance,
body#golf #navtop li a.golf,
body#spa-wellness #navtop li a.spa-wellness,
body#history #navtop li a.culture,
body#adventure #navtop li a.adventure,
body.eco-tourism #navtop li a.eco-tourism,
body#volcano #navtop li a.volcano

 {
	font-weight:bold;
	background:#FFF;
	background:#8ea224;
	color: #FFF;
background: #EEF2CF url(/images/bg-nav-tabs.jpg) top left repeat-x;
	color:#01531E;
	}
	
	
	

	


/* @end */

/* @end */

/* @group calendar */


#today-cal {
	padding: 10px;
	background:#eff2d2 ;
	
	background: #eff2d2 url(images/bg-flower.gif);;
	
	border: 1px solid #B9D05B;
		
}

#today-cal ul,  #today-cal li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#today-cal a {
	text-decoration: none;
}

#today-cal span {
	text-transform: uppercase;
}


/* @group event list */

#center div.event-list {
	width: 500px;
	float: left;
	padding: 20px 0;
	border-bottom: 1px dotted #CCC;
}

#center div.event-list p,
#center div.event-list div.img-left
 {
/*margin-left: 20px;*/
}

/* event list */
#center div.event-list a div.img-left p.caption  {
	text-decoration: underline;

}

#center div.event-list a:hover  {
color: #000;
/*
cursor:pointer; 
cursor:hand;
*/
}

#center div.event-list a {
	
}

#center div.event-list p.caption,
#center  p.caption
 {
font-size: 0.8em;
font-style: italic;
margin: 0;
}

.date {
	font-family: Georgia, Times, Serif;
	font-size: 1.4em;
	margin-top: 5px;
	margin-bottom: 5px;
	color:#333;
	color:#844B10;
	line-height: 1.5em;
}

span.category,
span.time
 {
	font-size: 0.7em;
}

span.category a {
	margin-right: 3px;
}

/* @end */


/* @group calendar box */

div#calendar {
	border: 1px solid #C8B89C;
	border: 1px solid #B5BD5F;
	border-top: 0px;
	margin-bottom: 10px;
    background: #FFF url(/images/bg-calendar-box.jpg) repeat-x bottom left;
}

div#calendar h3
 {

background:#59721B url(/images/button-calendar-200_02.gif) no-repeat;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin:0;
padding: 3px 5px;
padding-top: 45px;
color: #FFF;
border-right: none;
border-left: none;
}

div#calendar a.more-events {
text-align: right;

text-decoration: none;
padding: 3px 5px;
margin-top: 3px;
font-weight: normal;
font-size: 12px;
display: block;
background: #59721B;
color: #FFF;
border: 0px solid #FFF;
}

div#calendar p.zem_event_date {
color: #666;
font-weight: normal;
margin: 0;
}

div#calendar p {
margin: 0;
}



div.event {
padding: 0 5px;	
}

div#calendar p.zem_event_name {
	font-weight: bold;
	color:#CE5000;
	color:#336699;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.3em;
	border-bottom:1px dotted #666;
    margin-top: 1px;
    margin-bottom: 2px;
    padding-bottom: 2px;
}

div#calendar div.event a {
font-weight: bold;
	color:#CE5000;
	color:#336699;
	text-decoration: none;	
}

div#calendar div.event a:hover p.zem_event_name {
	text-decoration: underline;
}

div#calendar  a.more-events:hover {
	text-decoration: underline;
}

/* @group calendar home */

body#home div#calendar h3 a {
	text-decoration: none;
}

body#home div#calendar {
	border: 0px;
	background: #FFF;
	margin-bottom: 20px;
}

body#home div#calendar p.zem_event_date {
font-size: 0.9em;
color: #666;
font-weight: normal;

}



/* @end */



/* @end */

	
/* @end */

/* @group map */
#moku-map {
	border-left: 1px solid #B5BD5F;
	border-right: 1px solid #B5BD5F;
	border-bottom: 1px solid #B5BD5F;
	margin-bottom: 15px;
	margin-top: 10px;
    width: 212px;	
    clear: left;
}

#moku-map h3 {
	border-left: none;
	border-right: none;
}



/*div.facts {
	margin: 10px 0;
	background:#E6D8BE;
	padding: 3px;
}

div.facts h4 {
	font-family: Georgia, Times, Serif;
	font-weight: normal;
	margin: 0;
	color: #483201;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid #C8B89C;
border-top: 1px solid #C8B89C;
background: #EDE7DA;
}
#right div.facts ul {
	margin: 0;
	padding: 0;
	background:#E6D8BE;

	}

#right div.facts li {
	background: none;
	list-style: square;
	list-style-position: inside;
	padding: 0;
}*/


/* @end */

/* @group misc */

/* @group pagination */

 ul.rsx-page-num-list{
    display:inline;
    list-style:none;
    margin:0px;
    padding:0px;
  }
  ul.rsx-page-num-list li {
    display: inline;
  }
  
   ul.rsx-page-num-list a {
	padding: 0 4px;
}
  .unlinked { font-weight: bold }   /*  for the current page that is not a link */

/* @end */

#navtopp:after,
#center:after,
div.pad:after

{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* Hides from IE-mac \*/
* html #navtop,
* html #center,
* html div.pad
{height: 1%;}
/* End hide from IE-mac */

/*p.clear {
clear:both;
margin:0;
height:0;
}*/


.floatRight {
	float: right;
	margin: 3px 0 10px 10px;
}

.floatLeft {
	float: left;
	margin: 3px 10px 5px 0;
}

/* @end */

/* @group hover accordion */

/* first level */
ul#accordion  {
 padding: 0;	
}

ul#accordion li {
	padding: 0;
	list-style: none;
	background: none;
}

/* headers */
#accordion li a {
width:202px;
padding:4px 5px;
margin-bottom: 1px !important;
/*border-bottom: 1px solid #FFF;*/
display:block;
color:#FFF;
background:#8EA224 ;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}

/* second level */

#accordion  li li {
	padding: 0 0 5px 0;
	list-style: none;
	background: none;
	line-height: 1.2em;
}



/* second level link*/

ul#accordion li ul li a {
	background: none;
	display: block;
    color: #184E84;
	font-weight: normal;
	text-transform: none;
	/* padding and bg here on a element, bg on li doesnt work on IE */
	padding: 0 0 0 15px;
	width: 185px; /* adjust width */
	background:url(/images/arrow2.gif) 0 0.2em  no-repeat;
}



ul#accordion li ul li a:hover {
	text-decoration: underline;
}

ul#accordion, ul#accordion ul {
	border: none;	
}

ul#accordion li a.closed{
color:#FFF !important;
background:#ADC23F url(/images/bg-accordion-closed.gif) top right no-repeat !important;
}
ul#accordion li a.opened{
color:#FFF !important;
background:#8EA224 url(/images/bg-accordion-open.gif) top right no-repeat !important;
}



/* @end */

/* @group green hawaii */




/*body#eco-tourism hr.clear {
	
	width:500px;
	float: left;
	background: #FFF;
	color: #FFF;
	height: 1px;
	border: none;
}*/

body.eco-tourism #center ol li {
	padding-bottom: 1em;
}

body.eco-tourism #center h3 {
	/*margin: 1em 0;*/
	color: #2c4e01;
}

body.eco-tourism #center h4
 {
	margin: 1em 0;
	color: #01531E;
	/*border-top: 1px solid #B5BD5F;*/
	border-bottom: 3px solid #B5BD5F;
	/*text-align: center;*/
	/*width:510px;
	float: left;*/
	/*clear: both;*/
}

body.eco-tourism strong {
	color: #2c4e01;
	background: #ECF0C4;
	padding: 0 2px;
}

p.lead {
	font-weight: bold;
	font-size: 1.3em;
	color: #2c4e01;
	font-family: "Trebuchet MS";
}

div.article-green {
	background: #f5f6e4;
	margin: 0;
}

div.article-green h3 {
	padding-top: 20px;
}

div.article-green p, div.article-green h3 {
	padding-left: 10px;
	padding-right: 10px;
}

/* @end */

/* @group golf */


#center-golf
{
margin:0 0 0 215px;
width:760px;
background:#d8e1a4 url(/images/bg-golf-landing.jpg) 0 265px no-repeat;
}

#center-golf strong {
	color: #545c26;
}


#center-golf p.caption
 {
font-size: 0.9em;
font-style: italic;
margin: 0 0 5px 0;
}


#center-golf h2 {
	color: #545c26;
	margin: 0 10px;
}

/* @group resort detail */


div.golf-resort {
	width: 500px;
	margin: 10px;
	padding-bottom: 20px;
}


.golf-subnav {
	width: 220px;
	/*background: #FFF;*/
	display: inline;
	float: right;
	margin: 30px 0px 20px 20px;
}

.golf-subnav a {
	color: #FFF;
	text-decoration: none;
	
}

.golf-subnav h4 {
	font-family: Georgia, Times, Serif;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
}

.course-data h4 {
	font-size: 1em;
	margin: 0;
}

/* @end */

/* @group landing article */


div.article-golf {
	width: 720px;
	margin: 0 10px 15px 10px;
	padding: 10px;
	/*background: #b7cf7d url(/images/bg-golf-list.jpg) repeat-x ;*/
	color: #000;
}

#hidden-gems {
	width: 740px;
	height: 350px;
	margin: 10px;
	background: url(/images/bg-hidden-gems.jpg) no-repeat;
	
}

#hidden-gems ul {
	margin: 0;
	padding-left: 400px;
	padding-top: 60px;
}
#hidden-gems li {
	font-family: Georgia, Times, Serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2.3em;
	font-weight: bold;
}


ul.hidden-gems {
list-style: none;
padding: 0;
margin: 10px 0 0  0;
}

ul.hidden-gems li {
list-style: none;
padding: 0;
margin: 0;
line-height: 2em;

}

h4.hidden-gems {
	font-family: Georgia, Times, Serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2.3em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

/* @end */

/* @group resort list */

div.golf-resort-list {
	margin: 10px;
	width: 730px;
	height: 170px;
	padding: 5px;
}

div.golf-resort-list img {
	border: 1px solid #FFF;
}


div.golf-resort-list div.info {
	width: 500px;
}



div.golf-resort-list ul.subnav {
	height: 170px;
	float: right;
	/*display: inline;*/
	margin: 0;
	padding: 0;
	/*background: #c4d895;*/
	width: 210px;
	line-height: 2em;
	/*background: url(/images/bg-golf-list.jpg) repeat-x;*/
}

div.golf-resort-list ul.subnav li {
line-height: 2em;
text-transform: uppercase;
letter-spacing: 1px;
background:url(/images/arrow2.gif) 0 0.2em  no-repeat;
padding-left:15px;	
}

div.golf-resort-list ul.subnav a:link,
div.golf-resort-list ul.subnav a:active,
div.golf-resort-list ul.subnav a:visited

 {
	font-family: Georgia, Times, Serif;
	letter-spacing: 1px;
	/*font-weight: bold;*/
	color: #444630;
	color:#000;
}


div.golf-resort-list p {
	margin: 0;
	line-height: 1.3em;
}

div.golf-resort-list h3 {
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0;
	color: #444630;
}


/* @end */

/* @group course detail */

div.golf-detail {
	width: 760px;
}

div.course-data {
	font-size: 0.9em;
	line-height: 1.4em;
	width: 300px;
	padding: 5px;
	float: right;
	margin:0;
	background: #e4e3d4;
}

div.course-data table {
	padding: 0;
	border: 0;
	background: #FFF;
	width: 100%;
}

div.course-data table td {
	padding: 0.2em;
}

div.course-data table th {
	padding: 0.2em;
}

div.course-info {
	width: 430px;
}

.breadcrumb {
	font-size: 0.9em;
	margin: 20px 0;
}

.breadcrumb a {
	color:#545c26;
}

/* @end */



/* @end */

/* @group tooltip */

#demotip { 
    display:none; 
    background:transparent url(/images/tooltip.png) no-repeat; 
    font-size:12px; 
    height:180px; 
    width:220px; 
    padding:40px 30px 10px 20px; 
    color:#fff; 
    position: relative;
	z-index: 100;    
}

/* @end */

/* @group scroll home */

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 860px; 
    width: 890px; 
    height:160px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* My Comment */


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 2px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	







/* @end */

/* @group scroll daytrips */


/* override the root element to enable scrolling */ 
#flowpanes { 
    position:relative; 
    overflow:hidden; 
    /*clear:both;*/ 
    height: 300px;
   
    width:640px;
    float: left;
} 
 
/* override single pane */ 
#flowpanes div { 
    float:left; 
    display:block; 
    width:480px;
    cursor:pointer; 
    font-size:14px; 
    background:#EEF1D1;
    padding: 10px;
     width:620px;
} 
 
/* our additional wrapper element for the items */ 
#flowpanes .item { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 
 
#flowpanes .less, #flowpanes .less a { 
    color:#999 !important; 
    font-size:11px; 
}


.flow-wrapper {
	width: 740px;
	height: 320px;
	background:#EEF1D1;
}

.flow-wrapper h1 {
	margin: 0 0 10px 40px;
	color: #666;
}


.flow-wrapper a.browse {
	margin-left: 10px;
	margin-top: 100px;
}


.trip h3 a{
	margin: 0;
	line-height: 1;
	color: #738A17;
	/*font-size: 18px;
	font-family:Lucida Grande, Lucida, Verdana, sans-serif ;*/
}



.trip p{
	line-height: 1.3;
	font-size: 13px;
	margin: 10px 0 0 0;
}


/* @end */