body {	
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: small;
	text-align: center;
	background: #f2f2f2;
}

p {color: #404040; font-size: 110%; line-height: 1.4em;}

a:link {color: blue; font-size: 100%;}	
a:visited {color: blue;}
a:hover, a.active {color: red;}
li {color: #404040; font-size: 100%;}

#wrapper {	
	width: 1000px;
	margin: 0px auto;
} 

#top_head {	
	color: #ffffff;
	text-align: left; 
	margin: 0px 0px 8px 0px;
	padding: 0px;
} 

#toplink {
	text-align: left;
}

#top_head a {
	font-size: 85%; 
	padding-right: 6px; 
	padding-left: 6px;
	text-decoration: none;
	border-right-color: #e0e0e0;
	border-right-width: 1px;
	border-right-style: solid;
 	color: #808080;  
}

#top_head a:hover {
	color: red;
}

#header { 
	background-repeat: repeat-x;
	background-image: url(images/background_im.gif);
	height: 87px;	
	padding:0px;
	margin: 0px;
	text-align: left; 
}

#header_logo {
	position: absolute; 
	width: 82px;
	margin-top: 2px;
}

#header_search {
	position: absolute; 
 
	margin-top: -32px;
	margin-left: 780px;
}


#header_title {
	position: absolute;
	margin-top: 2px;
	margin-left: 90px;
	padding: 7px 0;
}

#header_ads { 
	position: absolute;
	width: 500px;
	margin-top: 2px;
	margin-left: 500px;
	padding: 8px 0;
}

 

#drop_down { 
	background-repeat: repeat-x;
	background-image: url(images/dropdown_im.gif);
	height: 39px;
}	

#clear {
 		clear: both;
}	
#content {		
	width: 1000px;
	text-align: left;
	margin-top: 25px; 
	background-image: url(images/sidebar.gif);
	background-position: top right;
	background-repeat: repeat-y;	
}
	
#content_main {
	width: 625px;
	padding: 15px;
	background-color: #fff;
}

#content_right {
	float: right;
	text-align: left;
	width: 310px;
	padding-right: 4px;
	margin-left: 20px;
	margin-top: 25px;
	background-color: #fff;	 
}

#content_w {		
	width: 1000px;
	text-align: left;
	margin-top: 25px; 
	background-image: url(images/sidebarwide.gif);
	background-position: top right;
	background-repeat: repeat-y;	
}

#content_xwide {		
	width: 970px;
	text-align: left;
	margin-top: 25px;
	padding: 15px;
	background-color: #fff;
}

#content_wide {
	width: 800px;
	padding: 15px;
	background-color: #fff;
}
	
#content_right_wide {
	float: right;
	width: 120px;
	padding: 0px 10px 0px 10px;
	background-color: #fff;	 
}

#content_box {
	height: 75px; 
	width: 600px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background-color: #fff;	 
}
	
#content_box1 {
	height: 58px; 
	width: 600px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background-color: #fff;	 
}
	
#content_box {
	height: 75px; 
	width: 600px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background-color: #fff;	 
}
	
#acm {
	height: 60px; 
	width: 610px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background-color: #ffffff;	 
}
 #res_box {
	height: 105px; 
	width: 610px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background-color: #ffffff;	 
}
#res_box:hover {
background-color: #f0f0f0;
}
 
 
#left_box {
	width: 600px; 
	height: 215px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background-color: #fff;	 
}

#left_box:hover {
background-color: #f0f0f0;
}

#left_box_sm {
	width: 600px; 
	height: 175px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background-color: #fff;	 
}

#left_box_sm:hover {
background-color: #f0f0f0;
}
	
/* ********************************************************** */	
/* TEST AREA */	

#content_colleft {		
	width: 300px;
	text-align: left;
	margin-top: 10px; 
}

#content_colright {
	float: right;
	width: 300px;
	 padding: 0px 5px 0px 5px;
	background-color: #d1f0ff;	 
	height: 675px;
}

#content_colright1 {
	float: right;
	width: 300px;
	margin-top: 5px; 
 
}



#content_package {
	width: 970px;
	padding: 15px;
	background-color: #fff;
} 

#package_pic {
	margin-top: 0px;
	width: 600px; 
}
	
#package_pic1 {
	margin-top: 0px;
	width: 440px; 

}

#package_pic2 {
	margin-top: 0px;
	width: 280px;
}
	
	
	
#package_text {
	float: right;
	width: 340px; 
	padding:  10px; 
	border: 1px solid #b0b0b0;
}

#package_text1 {
	float: right;
	width: 340px; 
	padding:  10px; 
	 
}
 
#packagelink {
	text-align: center;
}

a.packagelink:link, a.packagelink:active, a.packagelink:visited { 
 	color: #165097; 
 	font-size:  155%; 
 	font-weight: bold;
 	text-decoration: none;   
 	margin-right: 45px;
} 

a.packagelink:hover   
{ 
 	color: red; 
 	font-size: 155%; 
 	font-weight: bold;  
 	text-decoration: none;
}

a.bf:link, a.bf:active, a.bf:visited { 
 	color: #7c838b; 
 	font-size:  125%; font-weight: bold; 
 	text-decoration: none;   
} 

a.bf:hover   
{ 	color: red; 
 	text-decoration: none;
}

#resort_box{
	display: inline;
	float: left;
	position: relative;
 	width: 198px;
	height: 20px;
	padding-top:  5px; 
	padding-bottom	:  5px; 
	background-color: #e0e0e0;
	border: 1px solid #808080;
	text-align: center;
 }

#package_right {
	float: right;
	width: 200px; 
	padding-left:  20px; 
	padding-right:  0px; 
	background-color: #fff;
	 
}

#location {height: 25px; text-align: left; background-color: #fff;}
#location_tx {float: left; text-align: left; margin-right: 25px; margin-bottom: 10px; background-color: #fff;}
#location_px {float: right; background-color: #fff; margin-right: 15px;}

.locationtext {color: #000080; font-weight: normal; font-size: 17px; margin-bottom: 15px;}
.listingtext {color: #0000ff; font-weight: normal; font-size: 13px; margin-right: 15px;}
#listing_box {height: 58px;	width: 600px; padding: 5px; border: 1px solid #e0e0e0; background-color: #fff; margin-top: 10px;}
a.listinglinks:link, a.listinglinks:active, a.listinglinks:visited {color: #808080; font-size: 10px; font-weight: normal; text-decoration: underline; margin-left: 10px;} 
a.listinglinks:hover {color: #ff6600;}

 





.phonetext {color: #1AC33E; font-size: 225%; font-weight: bold; line-height: 1.3em;}
.phonetextsmall {color: #1AC33E; font-size: 125%; font-weight: bold;  line-height: 1.3em;}
.phonetexttiny {color: #1AC33E; font-size: 70%; font-weight: normal;  line-height: 1.3em;}
.packtext {color: #0066cb; font-weight: bold; font-size: 130%;}
.packtext1 {color: #0066cb; font-weight: bold; font-size: 115%;}
.packtext2 {color: #0066cb; font-weight: bold; font-size: 105%;}
.linktext {color: #0066cb; background-color: yellow; font-size: 155%; font-weight: bold; line-height: 1.3em; text-decoration: none;}	

.titletxt {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; line-height:1.3em; color:#0066cb;}
 
 
.mappopup { width: 550px; height: 440px; }

/* ********************************************************** */

h1 {color: #000080; font-weight: bold; font-size: 120%;}
h2 {color: #000080; font-weight: bold; font-size: 110%; margin-top: 25px;}
h3 {font-family: verdana, arial, helvetica, sans-serif; color: #0066cb; font-size: 160%; margin-top: 25px;}
h4 {font-family: verdana, arial, helvetica, sans-serif; color: #0066cb; font-size: 160%; margin-top: 10px;}
h5 {font-family: "Bookman Old Style", verdana, arial, helvetica, sans-serif; border: none; padding-left: 9px; margin: 0 0 0 0; font-size: 24pt; font-weight: bold; color: #ffcc66; }
h6 {font-family: "Bookman Old Style", verdana, arial, helvetica, sans-serif; font-size: 12pt; color: white; margin: 0 0 0 0; padding-left: 17px; font-weight: normal; }
.rlist {position: absolute; margin-left: 322px;   text-decoration: none;} 
.llist {position: absolute; margin-left: 2px;   text-decoration: none;}
.ptext {color: #404040; font-size: 110%; line-height: 1.4em;}
.subheadtext {color: #000080; font-weight: bold; font-size: 110%;}
.pictext {color: #404040; font-size: 100%;} 
.alist {font-size: 110%; line-height: 1.4em;}
.smalltext {font-family: verdana, arial, helvetica, sans-serif; color: #404040; font-size: 95%; line-height: 1.4em;}
.largetext {color: #404040; font-size: 105%; line-height: 1.3em;}
.tinytext {color: #404040; font-size: 11px; line-height: 1.3em;}
.indextext {color: #0066cb; font-weight: bold; font-size: 120%;}
.indextext1 {color: #025bae; font-weight: bold; font-size: 120%;}
.indextext2 {color: #025bae; font-weight: bold; font-size: 110%;}

.indextext3 {color: #0066cb; font-weight: normal; font-size: 160%;  }
.reviewtext {color: #0066cb; font-weight: bold; font-size: 110%;}
.reviewtext1 {color: #1AC33E; font-weight: bold; font-size: 110%;}

.regtext {color: #404040; font-size: 95%; line-height: 1.3em;}
.midtext {color: #606060; font-size: 85%; line-height: 1.3em;}
.midtext1 {color: blue; font-size: 85%; line-height: 1.3em;}

a.smalllink:link, a.smalllink:active, a.smalllink:visited{color:  #808080; font-size:   95%;}
a.smalllink:hover {color: red;}
a.packlink:link, a.packlink:active, a.packlink:visited{color:  #0066cb; font-size: 105%; font-weight: bold; text-decoration: none;}
a.packlink:hover {color: red;}
a.hotellink:link, a.hotellink:active, a.hotellink:visited{color: #0066cb; font-size: 100%; font-weight: bold; text-decoration: none; margin-right: 30px;}
a.hotellink:hover {color: red;}
 
 #info_display {width: 625px; height: 100px; text-align: left; margin-top: 0px;}
#info_1 {float: left; width: 125px; padding: 2px; margin-left: 0px; display: inline; border-width: 1px; border-style: solid; color: #c0c0c0; }
#info_2 {float: left; width: 120px; padding: 2px; margin-left: 16px; border-width: 1px; border-style: solid; color: #c0c0c0;}
#info_3 {float: left; width: 160px; padding: 2px; margin-left: 16px; border-width: 1px; border-style: solid; color: #c0c0c0;}
#info_4 {float: right; width: 140px; padding: 2px; margin-right: 10px; display: inline; border-width: 1px; border-style: solid; color: #c0c0c0;}
#blueback125 {width: 125px;	height: 30px;	background-color: #fff;	text-align: center;}
#blueback120 {width: 120px;	height: 30px;	background-color: #fff	;	text-align: center;}
#blueback160 {width: 160px;	height: 30px;	background-color: #fff;	text-align: center;}
#blueback140 {width: 140px;	height: 30px;	background-color: #fff;	text-align: center;}
.infotext {color: #0066cb; font-size: 85%; font-weight: bold;}


/* listlinks, listheader and resorttext are used on accom pages - eventually to go */

a.listlinks:link, a.listlinks:active, a.listlinks:visited
{ 
 color:  #808080; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   10px; 
 font-weight: normal;
 text-decoration: underline;
 margin-left: 0px; 
} 

a.listlinks:hover   
{ 
 color:  #ff6600; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   10px; 
 font-weight: normal;  
 text-decoration: underline;
 margin-left: 0px; 
}

a.hclinks:link, a.hclinks:active, a.hclinks:visited
{ 
 color:  #0066cb; 
 font-size:   10px; 
 font-weight: normal;
 text-decoration: underline;
}  

a.hclinks:hover   
{ 
 color:  #044476; 
}

a.sumlinks:link, a.sumlinks:active, a.sumlinks:visited
{ 
 color:  green; 
 font-size:   10px; 
 font-weight: normal;
 text-decoration: underline;
}  

a.hclinks:hover   
{ 
 color:  #044476; 
}

a.videolinks:link, a.videolinks:active, a.videolinks:visited
{ 
 font-size:   10px;
 color:  red; 
 font-weight: bold;
 text-decoration: underline;
} 

.resorttext { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; COLOR: #0000ff; font-weight: normal; FONT-SIZE: 13px;}
.listtext { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; COLOR: #808080; font-weight: bold; FONT-SIZE: 10px}
.kctext { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; COLOR: #FF0000; FONT-SIZE: 9px; font-weight: bold;  }
.smltext { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; COLOR: #808080; FONT-SIZE: 10px;font-weight: normal;}
.spectext { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; COLOR: #000; line-height: 1.6em; font-weight: bold; FONT-SIZE: 13px}
.pktext { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; COLOR: #0066CB; line-height: 1.6em; font-weight: bold; FONT-SIZE: 13px}
.pk1text { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; COLOR: red; font-weight: bold; FONT-SIZE: 13px}
.pk2text { FONT-FAMILY: Verdana, Arial, Helvetica, MS Sans Serif; COLOR: red; font-weight: bold; FONT-SIZE: 17px;  }

.listheader, a.listheader:link, a.listheader:active, a.listheader:visited, a.listheader:hover
{ 
 color: #ff0000;
 font-family: Verdana, Arial, Helvetica;
 font-size:   100%; 
 font-weight: normal;
 text-decoration: none;
 margin-left: 0px; 	
} 

.alignleft{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.alignright{
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

#pic1{ 
	margin-top: 10px;
}

#text1{
	width: 300px;
	text-align: center; 
	margin-top: 10px;
}

#pic2{
	float: right;
	margin-left: 15px;
	margin-top: 10px;
}

#text2{
	float: right;
	width: 300px;
	margin-left: 15px;
	margin-top: 10px;
	text-align: center;
}

#pic3{ 
	margin-top: 10px;
}

#text3{
	width: 300px;
	text-align: center; 
	margin-top: 10px;
}

#pic4{
	float: right;
	margin-left: 15px;
	margin-top: 10px;
}

#text4{
	float: right;
	width: 300px;
	margin-left: 15px;
	margin-top: 10px;
	text-align: center;
}

a.indexlink:link, a.indexlink:active, a.indexlink:visited { 
 	color: #0066CB; 
 	font-weight: normal;
} 

a.indexlink:hover { 
 	color: #ff6600; 
}


/* bottomlinks */
 
#line {
	height: 4px; 
	margin-top: 0px; 
	margin-bottom: 0px;
 	padding:0px;
  	width: 1000px;
  	background: url('images/line002.gif');
	background-repeat: repeat-x;
}

#footer {
	margin-top:  10px; 
	margin-bottom: 20px;
 	padding:10px;
	text-align: center; 
	width: 980px;
	background: url('images/khfooter006.gif');
}

#bottomlink {
	text-align: center;
 	margin-top:  22px;
}

a.bottomlink:link, a.bottomlink:active, a.bottomlink:visited { 
 	color: #ffffff; 
 	font-size:  85%; 
 	font-weight: normal;
 	text-decoration: none;   
 	margin-left: 8px;
} 

a.bottomlink:hover   
{ 
 	color: #ff9900; 
 	font-size: 85%; 
 	font-weight: normal;  
 	text-decoration: none;
}

.ctext {color: #fff; font-size: 85%}

#copyright {
	text-align: center;
	width: 980px;
	margin-top:  4px;
}

/* ***slide show*** */
#gallery {position:relative; height:185px;}
#gallery a {float:left; position:absolute;}
#gallery a img {border:1px solid #ccc; padding: 4px; background: #FFF;}
#gallery a.show {z-index:500;}
#gallery .caption {z-index:600; background-color:#000; color:#ffffff; height:40px; width:615px; position:absolute; bottom:0; margin-left: 5px; font-weight: bold;}
#gallery .caption .ctent {margin:5px; font-size: 85%;}
#gallery .caption .ctent h3 {margin:0; padding:0; color:#fff ;font-size: 150%; }
/* ***end slide show*** */

#nav {height:31px; float:left; padding-left:80px; background:#fff; font-family:arial, sans-serif; }

#menu {height:31px;position:relative;font-size:15px; margin: 0; z-index:1000; background:#fff; float:left; padding-right:20px; text-align:left;}
#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left;}
#menu ul li a {display:block; float:left;padding:0 40px 0 0;text-decoration:none; color:#fff; font-weight:bold; height:41px;line-height:40px;font-size:15px; }
#menu ul li a b {display:block; float:left;padding:0 0 0 15px; text-decoration:none; color:#0066cb; font-weight:bold; height:41px;line-height:40px;font-size:15px; cursor:pointer;}

#menu ul li div.holder {position:absolute; left:-9999px;}

#menu ul li div .leftSide {float:left;background: #d0d0d0;}
#menu ul li div .rightSide {float:left; margin-left:0px; display:inline; padding:0 10px 0 0; background: #d0d0d0;}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {color:#910; background-position:right center; white-space:nowrap; position:relative;}
#menu ul li a:hover b {color:#910; background-position:left center;}
#menu ul li a.sub:hover {color:#910; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li a.sub:hover b {color:#910; background-position:left bottom;}

#menu ul li:hover > a {color:#910; position:relative;}
#menu ul li:hover a.sub {color:#910; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li:hover a.sub > b {color:#910; background-position:left bottom;}

#menu ul :hover div.holder {position:absolute; top:41px; left:4px; margin: 0; padding: 0;}

#menu ul li.right a:hover div.holder {left:auto; right:3px; top:41px;}
#menu ul li.right:hover div.holder {left:auto; right:4px; top:41px;}

#menu ul dl {width:auto; margin:5px 0 10px 0; padding:0 5px;list-style:none;}
#menu ul dl dt {padding:0 10px; margin:0; line-height:20px; background:#0066cb; color:#fff; white-space:nowrap;}
#menu ul dl dd {display:block; padding:0; margin:0;}
#menu ul dd a {background-image: none; display:block; height: 20px; line-height: 20px; color:#000; text-align:left; margin: 0; padding:0 10px;font-weight:normal; white-space:nowrap; float:none;}
#menu ul dd a:hover {color:#910;}

#menu ul table td {vertical-align:top;}
/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/multi-column.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
=================================================================== */