html, body {height:100%}

body {
	padding:0;
	margin:0;
	background:#7A9FCC;
	color: #000000;
}

p,td, li {
	margin:0 0 1em 0;
	font: 80% verdana, garamond, helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 5px 10px 5px 5px;
	line-height: 1.50;
	text-align: left;
	}

.small {
	font: 70% verdana, garamond, helvetica, sans-serif;
	text-align: center;
	}
	
h1 {
	color: #000000;
	padding-left: 10px;
	font: 95% verdana, garamond, helvetica,sans-serif;
	font-weight: bold;
	}
	
h2 {
	font: 85% verdana, garamond, helvetica, sans-serif;
	font-weight: bold;
	padding-left: 10px;
	}

.inset {
	margin-left: 25px;
	}
#list {
	list-style-type: disc inside;
}

#list li ul {list-style-type: disc inside;}

#list li ul li {font: 90% verdana, garamond, helvetica, sans-serif;}

#logo {
	position: absolute;
	top: 20;
	left: 20;
	z-index: 50;
	}
	
#outer{
	height:100%;
	width: 100%;
	min-height:100%;
	min-width:500px;
	margin-bottom:-192px;
	color: #000000;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header {
	position: relative;
	z-index: 100;
	height: 100px;
	}

#innerheader {
	margin-left: 160px;
	margin-top: 10px;

	height: 100px;
	}
#tinymap {position: absolute; top: 10px; right: 10px;}
#left {
	position:relative;/*ie needs this to show float */
	width:150px;
	float:left;
	display:inline;/*fix for ie double margin-bug*/
	height:1%;
	z-index: 650;
}


#right {
	position:relative;/*ie needs this to show float */
	width:120px;
	float:right;
	margin-top: -20px;
	margin-right:2px;
	z-index: 650;

}

#footer {
	height:190px;
	clear:both;

	text-align:center;
	position:relative;
	z-index: 6;
}

* html #footer {/*only ie gets this style*/
	\height:192px;/* for ie5 */
	he\ight:190px;/* for ie6 */
}

#footer img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	}

#clearfooter{clear:both;height:10px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	height:1%;/* combat IE's 3 pixel jog */
	margin:20px 225px 12px 200px;

}

#innercontent {
	background: #F5F1E3 ;
	z-index: 750;
	width: 100%;
	position: relative;
	z-index: 900;

	}
#innercontent p {
	margin: 5px;
	}
#imageholder {
	position: absolute;
	top: 40px;
	right: 50px;
	z-index: 750;
	}
	
#imageholder img {
	width: 100%;
	}
	
#impression {
	margin-right: 25px; margin-left: 10px;
	}
	
.topbox {
	background: url(../images/topright.jpg) top right no-repeat;
	}
.bottombox {
	background: transparent url(../images/bottomright.jpg) bottom right no-repeat;
	}


#pricetable {
	margin-left: 50px;
	width: 60%;
	}
	
#pricetable td {
	padding: 0;
	}
	
.tablehead {
	background: #C0C0C0;
	}
#historytable {width: 100%;}	
.historyimg {padding: 10px;}
#beaches {list-style-type: none;}
#beaches img {margin-right: 15px;}


#text {float: left; width: 65%; min-width: 150px;}
#rotator {float: right; padding-right: 10px;}
#text p {margin-right: 0; padding-right: 5px;}
#clearall {clear: both;}
.location { 
position: absolute; 
top: 0; right: 0; 
padding: 15px;}

#credits {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	}
#credits a {
	font: 60% verdana, garamond, helvetica, sans-serif;
	}

#credits a {
	color: #000000;
	
	}
	
.facimg {
	padding: 10px;
	border: none;
	}

	/*        *********** new nav experiment **** */

#navcont a {font-weight: bold;}	

ul.nav {
	width: 9em;
	float: left;
	margin: 1em;
	margin-top: 70px;
	padding: 0;
	text-align: center;
}
ul.nav li {
	list-style: none;
	margin: 0 0 10px 0;  /* a little space below each li */
	padding: 0;
	background-color: #ddd;
	float: left;  /* float prevents weird spacing in WinIE */
	width: 100%;
}
ul.nav li.fancy {  /* 3rd list item */
	background-image: url(images/stripey.png);
}
/* common rules for text */
ul.nav a,
ul.nav span {
	position: relative;  /* relative to <li> container */
	display: block;      /* expand to fill container */
	padding: .2em;       /* space around text */
	top: -5px;           /* move up from container */
	left: 5px;          /* move left from container */
}
/* link (all states) default rules */
ul.nav a {
	text-decoration: none;
	color: #006;
	background-color: #F5F1E3;
	border: 1px solid #c0c0c0;
}
/* rule for the curent-page menu item (2nd list item) */
ul.nav span {
	color: #050;
	background-color: #eee;
	border: 1px solid #050;
}
/* IE doesn't expand <a> to fill container without explicit width */
* html body ul.nav a,
* html body ul.nav span {
	width: 100%;
}
ul.nav a:hover {
	border-color: #C0C0C0;
	color: #F5F1E3;
	background-color: #7A9FCC;
}	
/* ***************** gallery styles ********************* */

/* gallery container */
.gallery {
	text-align: center;    /* centers inline paragraphs */
	margin: 1em 5%;
/*	background-color: #eee;
	border: 1px solid #999; */
	padding: .5em;
}
.gallery a {
	text-decoration: none;
}
.gallery a img {
	border-width: 1px;
	vertical-align: middle;
	
}

/* outer container for each image/caption pair */
.gallery p {
  	display: inline;
}



/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: .5em;
	padding: 5px;
	vertical-align: top;   /* aligns the img/caption container */
	width: 8em;            /* adjusts with text size */
	min-width: 110px;      /* not always honored, but that's OK */
	border: 1px solid #ccc;
}

.gallery a:hover { background: #fff;}

/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	height: 110px;         /* a bit larger than highest img */
	line-height: 110px;    /* same value as height */
	text-align: center;
/*	border: 1px dashed #f00; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	height: 2.5em;         /* makes each box a consistent height */
	padding: 5px 5px 0 5px;
	text-align: center;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
/*	border: 1px dashed #00f; /* uncomment to show */
}