a:link, A:visited, A:active {
	outline-width: 0;
	text-decoration: none ;
	font-weight: bold; 
	border: none;
}

a:hover {
	text-decoration: underline;
}

body {
outline-width: 0;
margin:0;
padding:0;
border:0;		
width:100%;
min-width:600px;	/* The min-width property does not work in old versions of Internet Explorer */
font-size:0.9em;
font-family: ariel,helvetica, sans-serif;
}

p {
	font-size: 0.9em;
    margin:.4em 0 .8em 0;
    padding:0;
}

ul {
	font-size: 0.8em;
}

img {
	outline-width: 0;
	border: 0;
	border-width: 0;
	border-style: none;
	padding: 0;
}

div
{
	padding: 0;
	margin: 0;
	border: 0;
}

form 
{
	margin: 0;
	padding: 0;
}

select {
	padding: 0;
	margin: 0 0;
}

input { 
	font-size: 0.9em;
	line-height: 0.9em;
}

table {
	padding: 0;
	margin: 0;
}
ul {
	padding: 0;
	margin: 0 0;
}
td {
	padding: 0;
	margin: 0 0;
}

tr {
	padding: 0;
	margin: 0 0;
}

h1, h2, h3 {
padding:0;
}

h1
{
	font-family: Tempus Sans ITC,Georgia,Lucida Sans,arial,helvetica,sans-serif;
	font-size: 2.2em;
	text-decoration: underline;
}

h2
{
	font-family: Tempus Sans ITC,Georgia,Lucida Sans,arial,helvetica,sans-serif;
	font-size: 1.9em;
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
}

h3
{
	font-family: Tempus Sans ITC,Georgia,Lucida Sans,arial,helvetica,sans-serif;
	font-size: 1.6em;
	text-align: left;
	vertical-align: middle;
	text-decoration: underline;
}

h4
{
	font-family: Tempus Sans ITC,Georgia,Lucida Sans,arial,helvetica,sans-serif;
	font-size: 1.4em;
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
}


select {
	font-size: 8px;
}

.hintanchor {
	font-size: 0.9em;
}

.getaquote 
{
	padding:0;
}

.contactustable td 
{
	border: 1px solid;
	margin: 0.5em;
}

.form_element_table td 
{
	border: none;
	margin: 0.3em;
}
.contactustable h4
{   
    font-size: 1.3em;
	text-decoration: underline;
	margin: 0.3em;
	text-align: left;
}

.attractiondiv
{
	float: left;
	padding: 0.3em 0.5em;
}

#header
{
	height: 45%;
	outline-width: 0;
}


#logos
{
	margin: 0;
	padding: 0;
	border:0;
	outline-width: 0;
}
#logos a {
	text-decoration: none;
}

#logos img {
	margin: 0;
	padding: 0;
	border:0;
	outline-width: 0;
}

#logos ul {
	margin: 0;
	padding: 0;
	border:0;
}
#logos li {
	float: left;
	margin: 0;
	padding: 0;
	border:0;
}

.topimageleft 
{
	width: 13.00%;
	margin: 0;
	padding: 0;
	border:0;
	outline-width: 0;
}
.topimageright 
{
	width: 13.00%;
	margin: 0;
	padding: 0;
	border:0;
	outline-width: 0;
}

#logoimage  
{
	border: 0;
	width: 33.0%;
	margin: 0;
	padding: 0;
}

#piccontactus {
	font-size: 0.8em;
}

.sitemap_list {
	float: left;
	padding: 2em;
}

.sitemap_list h3 {
	font-size: 1em;
	text-decoration: underline;
}

.contactbutton {
	font-size: 1em;
}

/*this is the css for the vertical version*/
.vertical div {
	float: left;
}
	
.vertical ul{
list-style-type: none;
padding: 0px;
padding-left: 7px;
}

.vertical li {
}

.vertical li a{
display: block;
text-decoration: bold;
height: auto;
margin: 0.1em 1px;
}

.vertical li a:hover {
	text-decoration: underline;
}
.vertical li{
vertical-align: center;
/*Needed for IE. Don't ask me why, It was a lucky guess.*/
display: inline;
}
.vertical li ul{
position: absolute;
margin-top: -1.3em;
padding: 0;
padding-bottom: 0.1em;
margin-left: 103px;
}

.vertical li li a {
	border: 0;
width: 14ema
}
.vertical ul h2 {
font-size: 1.2em;
	margin: 0.2em;
}
/*this is the css for the horizontal version*/
.horizontal ul{
list-style-type: none;
padding: 0;
display: block;
text-align: center;
}
.horizontal li{
float: left;
display: inline;
text-align: center;
border-right: 1px solid; 
padding: 0 1em;
margin: 0;
}
.horizontal li a{
text-decoration: none;
float: left;
display: block;
padding:  0 0.2em 0 0.2em;
border-left: none;
width: auto;
border-right: 1px; 
}

.horizontal li ul{
	font-size: 1em;
display: none;
position: absolute; 
margin-top: 1.6em;
margin-bottom: 2.5em;
margin-left: -1.2em;
border: none;
display: block;
height: auto;
border: 1px solid;
min-width: 16em;
}
.horizontal li a:hover {
	text-decoration: underline;
}

.horizontal li li {
margin: 0 0 0 0 ;
 border:0;
 padding:0;
 white-space:nowrap;

}

.horizontal li li a{
margin-top: -0.4em;
padding: 0.2em 0.4em 0.4em 0.4em;
position: relative;
top: 50%;
text-align: left;
}
.horizontal li li a:hover {
	text-decoration: underline;
}
.horizontal li li ul{
height: auto;
display: none;
position: absolute;
margin-top: -2.1em;
margin-left: 16em;
white-space: nowrap;
font-size: 0.8em;

}
.horizontal li ul li a{
position: relative;
padding-left: 0.2em;
padding-top: 0.2em;
}

/* for the third level */
.horizontal li li li ul{
height: auto;
display: none;
position: absolute;
margin-top: -1.5em;
margin-left: 6em;
white-space: nowrap;
}

/* calender */
.arrow a span{
padding-left: 1em;
font-size: 85%;  
}
.arrow a:hover span{
padding-left: 2em;
}
.arrow a span.noshow{
visibility: hidden;
}

/* links bottom of index page */
#indexquicklinks h4
{
	font-size: 1.2em;
}

#indexquicklinks ul
{
	list-style-type: none;
}
#indexquicklinks td
{
	vertical-align: top;
	padding-right: 10px;
}

/* gallery/planner shortcuts - not used */
#shortcuts 
{
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	margin-left: 0.3em;
	float: right;
}
	
#map {
	width: 70%;
	float: right;
}
#shortcuts a {
	text-align: center;
	float: left;
	margin-right: 0.3em;
}

/* locations sidemenu */
.sidemenuarea {
	text-decoration: underline;
	font-size: 1.2em;
}
.sidemenuarea a {
	text-decoration: underline;
	font-size: 0.8em;
}

.sidebox
{
	width: 14em;
	text-align: center;
}

.sideboxin
{
	margin-left: 15px;
	width: 110px;
	text-align: center;
}
.sideboxin a 
{
	font-size: 0.7em;
	display: block;
	text-align: center;
}

#tato 
{
	margin-top: 10px;
	width: 35px;
	height: 35px;
	float: none;
}
#kiato
{
	margin-top: 10px;
	width: 35px;
	height: 35px;
	float: none;
}

#kpap
{
	margin-top: 10px;
	width: 35px;
	height: 35px;
	float: none;
}

#visa 
{
	margin-top: 10px;
	width: 55px;
	height: 55px;
	float: none;
}

.required
{
	font-size: 0.7em;
	color: #ff0000;
}


/* misc fonts */
#cost { 
	font-size: 14px;
	display: block;
	margin: 0.67em 0;
    font-weight: normal;
}

#clickthisoption { 
	font-size: 12px;
	display: block;
	margin: 0.67em 0;
    font-weight: normal;
}

#quicklink { 
	text-align: center;
	font-size: 14px;
	display: block;
	margin: 0 0;
    font-weight: bold;
}

#elementtext table { 
	margin-left: 4px;
}

#elementtext { 
	display: block;
	margin: 0.67em 0;
	margin-left: 6px;
    font-weight: normal;
}

#elementtext input {
	margin-left: 0;
	padding-left: 0;
}

#numberofnights { 
	font-size: 9px;
	display: block;
	margin: 0.67em 0;
    font-weight: normal;
}

#warn { 
	color: #ff0000; 
    font-weight: bold;
}

#choose { 
    font-weight: normal;
}

#linkstext
{
	clear: left;
	margin-left: 0.5em;
	font-weight: normal;
	font-size: 0.7em;
}

#copyright
{
	clear: left;
	margin-top: 1em;
	margin-left: 0.5em;
	font-weight: normal;
	font-size: 0.7em;
 	white-space:nowrap;
}

#quote
{
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
	margin-bottom: 10px;
}
/* special offers box */
#offerbox
{
	width: 100%;
	text-align: center;
}

#offer
{
	margin-left: 15px;
	width: 110px;
	text-align: center;

}
#offer a 
{
	font-size: 1em;
	display: block;
	text-align: center;
}

#offer h2
{
	text-align: center;
	margin-top: 20px;
	font-size: 1.5em;
}
/* special offers page*/
#specialoffersheader
{
	font-weight: bold;
	font-size: 1.3em;
}
#specialofferstext
{
	font-weight: normal;
	font-size: 1.0em;
}
#specialoffersprice
{
	font-weight: bold;
	font-size: 1.0em;
}
#specialoffersdate
{
	font-weight: normal;
	font-size: 0.9em;
}

img.plannerbutton {
	width: 30px;
	height: 30px;
}

img.website {
	width: 20px;
	height: 20px;
}

.album {
	float: left;
	width: 160px;
	height: 100px;
	margin: 10px;
	text-align: center;
}

.album img {
	width:130px;
	height:80px;
}

.album h2 {
	clear: left;
}

img.gallery {
	width: 20px;
	height: 20px;
}

img.recommended {
	width: 74px;
}

/* packages */
#pkgtext { 
	font-size: 0.9em;
	display: block;
	margin: 0.67em 0;
    font-weight: normal;
}

#pkgtitle { 
	font-size: 1em;
    display:block;
	margin: 0.67em 0;
    font-weight: bold;
}

hr {
	border-width: 1px;
	margin: 0;
}

/* new css......... http://matthewjamestaylor.com/blog/perfect-3-column.htm*/

/* column container */
.colmask {
position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;			/* width of whole page */
border-top: 1px solid;
padding-top: 5px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;			/* width of page */
position:relative;
border-top: none;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
only padding top and bottom is included here, make it whatever value you need */
border-top: none;
}
.col1 {
}
.col1 p
{
	text-align: justify; 
}
.col1 form
{
	font-size: 70%;
}
.col1 ul
{
	margin-left: 6%;
	list-style-type: disc; 
}

/* 3 Column settings */
.threecol .colmid {
right:20%;			/* width of the right column */
}
.threecol .colleft {
right:65%;			/* width of the middle column */
}
.threecol .col1 {
width:61%;			/* width of center column content (column width minus padding on either side) */
left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
width:14%;			/* Width of left column content (column width minus padding on either side) */
left:24%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
width:20%;			/* Width of right column content (column width minus padding on either side) */
left:90%;			/* Please make note of the brackets here:
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */
#footer {
clear:both;
border-top:1px solid #000;
text-align: center;
}
#footer a {
font-weight:normal;
}

.vertlist {
	border: 3px solid;
	margin: 0 0 5px 5px; 
	vertical-align: center;
	font-size: 0.8em;
}

.vertlist ul {
	margin: 0.3em;
	list-style-type: none;
}

.vertlist h3 {
	font-size: 1.4em;
	text-align: center;
}

.act-reg  {
	float: right;
	width: 20%;
	margin: 0 0 1% 3%;
}

.loc-reg {
	float: right;
}

.loc-reg li {
	float: left;
	width: 25%;
}

.att-reg {
	float: right;
	width: 20%;
}

.act-reg  {
	float: right;
	width: 20%;
	margin: 0 0 1% 3%;
}

.acc-loc {
	float: right;
}

.acc-loc li {
	float: right;
	width: 25%;
}

.att-loc {
	float: right;
	width: 20%;
}
.act-loc  {
	float: right;
	width: 20%;
	margin: 0 0 1% 3%;
}

.att-acc {
border: 5px solid;
	float: right;
	width: 20%;
	padding: 0 0 1% 1%;
	margin: 0  0 1% 1%;
}
.att-acc h3 {
	padding: 0;
font-size: 1.0em;
	width: 100%;
}
.act-acc  {
	float: left;
	width: 20%;
	margin: 0 0 1% 3%;
}

.list ul {
	list-style-type: none;
}
.list img {
	width: 70%
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.thinglist h3 {
	font-size: 0.8em;
}

a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}