/*
  =======================================================
    General
  =======================================================	
*/

*{
	margin:0;
	padding:0;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a:visited, a:link, a:active, a img {
	color:#008B8B;
	border:none;
	outline:none;
	text-decoration: none;
}
body{
	background-image: url("../graphics/site_graphics/top-bg.jpg");
	margin: 10px auto 20px auto;
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#dfdfd3;
	width:960px;
}
p{
	font-weight:normal;
	font-size: 12px;	
}
h1{
	font-weight:bold;
	font-size: 18px;
	padding:5px;
}
ul{
	margin: 10px 20px 10px 10px;
}


/*
  =======================================================
    Feature Item  
  =======================================================	
*/

.featureItem{
	border-style: dotted;
	_border-style: solid;
	border-width: 1px;
	border-color: #b2b2b2;
	width:258px;
	background-color: white;
	float:right;
	display:inline;
	margin-right:20px;
	margin-bottom: 20px;
}
.featureItem h1{
	font-weight:bold;
	font-size: 16px;
	border-bottom-style: dotted;
	_border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #b2b2b2;
	width:228px;
	_width:230px;
	background-color: #dddbbb;
	padding: 15px;
	color:white;
	text-align:center;
}
.featureItem > div{
	padding: 20px;
}
.featureItem img{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	_margin: 0px 20px 20px 20px;		
}
.featureItem p{
	font-weight:normal;
	text-align:center;
	font-size: 12px;
	margin-bottom:20px;	
	_margin: 20px;
}
.featureItem ul{
	margin: 5px 10px 20px 20px;
	font-weight:normal;
	font-size: 12px;		
	_margin-left: 40px;
}

/*
  =======================================================
    Glossy Menu
    Credits: Dynamic Drive CSS Library
	URL: http://www.dynamicdrive.com/style
  =======================================================	
*/

.glossymenu{
	float:left;
	display:inline;
	margin-left:40px;
	list-style-type: none;
	margin: 0px 0;
	padding: 20px;
	_padding: 0;
	_margin:20px 2px 20px 2px;
	width: 260px;	
	border-bottom-width: 0;
}
.glossymenu li a{
    background: white url('../graphics/site_graphics/menu-bg-unselected.gif') repeat-x bottom left;
    font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: white;
    display: block;
    width: auto;
    padding: 20px 0;
    padding-left: 30px;
    text-decoration: none;
}
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
    width: 260px;
    _width:230px;
}
.glossymenu li a:visited, .glossymenu li a:active{
   color: white;
}
.glossymenu li a:hover{
    background-image: url('../graphics/site_graphics/menu-bg-selected.gif');
}

/*
  =======================================================
    Header  
  =======================================================	
*/

#header{
	height:194px;
	width:960px;
	_display:none;			
}
#header h1{
	height:194px;
	background-image: url("../graphics/site_graphics/header.gif");
	background-repeat:no-repeat;		
	padding-top:75px;		
}
#header h1 a{
	display:block;
	line-height:194px;
	color:white;
	text-align:center;
	font-weight:normal;
	font-size: 16px;
	padding: 0;
	margin: 0;
	border: none;		
}
#photoBand h1{
	background-image: url("../graphics/site_graphics/caption2-band.gif");	
	background-repeat:repeat-x;	
	color:white;
	text-align:center;
	font-weight:normal;
	font-size: 16px;		
	height: 31px;
	padding-top:10px;	
}
#photoBand img{
	float:left;
	display:inline;	
}

/*
  =======================================================
    Columns  
  =======================================================	
*/

.body-column{
	float:left;
	display:inline;
	background-color: white;
	width:620px;			
}
.menu-column{
	float:right;
	display:inline;
	background-color: #F1F1F1;
	width:300px;			
}

/*
  =======================================================
    Content - Index Page  
  =======================================================	
*/

#content-index{
	background-color: #F1F1F1;
}
#content-index .body-column{
	padding:10px 20px 20px 20px;	
}
#content-index .body-column p{
	font-weight:normal;
	font-size: 14px;
	padding:5px;	
}
#content-index .body-column > img{
	border-style: solid;
	border-width: 1px;
	border-color: black;				
}
#content-index .body-column img{
	margin: 10px 3px 3px 15px;
	float:right;
	clear:both;			
}

/*
  =======================================================
    Content - Accommodation Page  
  =======================================================	
*/

#content-accommodation .body-column img{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	margin: 6px 3px 3px 15px;
	float:right;
	display:inline;
	clear:both;			
}
#content-accommodation{
	background-color: #F1F1F1;	
}
#content-accommodation .body-column{
	padding:10px 20px 20px 20px;
}
#content-accommodation .body-column div{
	margin-left: 10px
}
#content-accommodation table{
	margin: 10px 20px 10px 20px;
	width:580px;
}
#content-accommodation table td{
	background-color: #e6e6ce;
	width: 120px;
	text-align: center;
	font-size: 12px;
}
#content-accommodation table tr{
	height: 30px;
}
#content-accommodation table tr td:first-child{
	text-align: left;
	padding: 0 10px 0 10px;
}
#content-accommodation .body-column li{
	margin-left:30px;
	font-size: 10pt;	
}
#content-accommodation .body-column td p{
	margin:10px 3px 10px 10px;
	font-size:9pt;	
}
#content-accommodation .body-column p{
	margin-left:22px;
	font-size:10pt;
}
#content-accommodation .featureItem img{
	border-style: none;		
}
#content-accommodation table #details{
	font-size:9pt;
	width:580px;
	padding:10px;
	_text-align:left;	
}


/*
  =======================================================
    Content - Activities Page
  =======================================================	
*/

#content-activities{
	background-color: #F1F1F1;	
}
#content-activities .body-column{
	padding:20px;	
}
#content-activities .body-column div{
	width:560px;
	height:50px;
	margin: 10px auto 10px auto;
	padding:10px;
	background-color: #edebda;
}
#content-activities .body-column div img{
	float: left;
	display:inline;
	margin-right: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

#content-activities h2{
	color:#008B8B;
	font-size: 12px;
}

/*
  =======================================================
    Content - Contact Page
  =======================================================	
*/

#content-contact{
	background-color: #F1F1F1;
}
#content-contact .body-column{
	padding:20px;	
}
#content-contact table{
	font-size:14px;	
	margin: 15px 0 15px 10px; 
}
#content-contact table tr td:first-child{
	width: 200px;
}
#content-contact select{
	min-width: 50px;
}
#content-contact .body-column #message{
	width:340px;
	height: 120px;	
}
#content-contact .body-column #capt{
	border-style: solid;
	border-color: blank;
	border-width: 1px;
	margin:4px 0 4px 0;
}
#content-contact .body-column #snd{
	margin:4px 0 4px 0;	
}

#content-contact #contactFormFields,#contactDetails{
	background-color: #edebda;
	width:600px;	
}

#content-contact #contactDetails td{
	border-style: solid;
	border-color: white;
	border-width: 1px;
	padding-left:20px;		 	
}

#content-contact #contactDetails td:first-child{
	width:50px;			 	
}

#content-contact #contactDetails tr{
	height: 40px;		 	
}

#content-contact #contactFormFields{
	border-style:solid;
	border-width:20px;	
	border-color:#edebda;
}
#content-contact input[type="button"],input[type="submit"]{
	margin-top:5px;
	padding:2px 8px 2px 8px;
}
#content-contact input{
	min-height:20px;
}
#content-contact #datePickerIcon{
	position:relative;
	top:3px;
}

#content-contact .actionMessageSuccess{
	background-color: #edebda;
	width:552px;	
	margin: 15px 0 15px 10px;
	border-style:dotted;
	border-width:2px;
	border-color:grey;
	padding:20px;
	margin-bottom: 200px;
}

#content-contact .actionMessageFailure{
	background-color: #edebda;
	width:548px;	
	margin: 15px 0 15px 10px;
	border-style:solid;
	border-width:6px;
	border-color:red;
	padding:20px;
	font-size:11pt;
	margin-bottom: 250px;	 
}

#content-contact .actionMessageFailure p{
	padding:4px;
}

#content-contact .actionMessageSuccess p{
	padding:4px;
	font-size:11pt;
}

#content-contact .actionMessageSuccess ul{
	margin-left:30px;
	font-size:10pt;
}
#content-contact .featureItem img{
	border-style: none;		
}

/*
  =======================================================
    Footer  
  =======================================================	
*/

#footer{
	background-image: url("../graphics/site_graphics/footer.gif");
	background-repeat: no-repeat;
	height:191px;		
}
#footer p{
	position:relative;
	top:41px;
	color:white;
	font-weight:normal;
	font-size: 11px;
	text-align:center;
}
#footer a{
	color: white;
	font-weight: bold;
	text-decoration: underline;
}
#footer .hiddenPhotos{
	display:none;	
}
#footerPhotoBand{
	position: relative;
	top:33px;
	left:26px;	
}
#footerPhotoBand a{
	margin-right:21px;	
}
#footerPhotoBand img{
	width:160px;
	height:120px;
}

/*
  =======================================================
    Date Picker
  =======================================================	
*/

/* The containing DIV element for the Calendar */
#dpCalendar {
  display: none;          /* Important, do not change */
  position: absolute;        /* Important, do not change */
  background-color: #eeeeee;
  color: black;
  font-size: xx-small;
  width: 150px;
}
/* The table of the Calendar */
#dpCalendar table {
  border: 1px solid black;
  background-color: #eeeeee;
  color: black;
  font-size: xx-small;
  width: 100%;
}
/* The Next/Previous buttons */
#dpCalendar .cellButton {
  background-color: #ddddff;
  color: black;
}
/* The Month/Year title cell */
#dpCalendar .cellMonth {
  background-color: #ddddff;
  color: black;
  text-align: center;
}
/* Any regular day of the month cell */
#dpCalendar .cellDay {
  background-color: #ddddff;
  color: black;
  text-align: center;
}
/* The day of the month cell that is selected */
#dpCalendar .cellSelected {
  border: 1px solid red;
  background-color: #ffdddd;
  color: black;
  text-align: center;
}
/* The day of the month cell that is Today */
#dpCalendar .cellToday {
  background-color: #ddffdd;
  color: black;
  text-align: center;
}
/* Any cell in a month that is unused (ie: Not a Day in that month) */
#dpCalendar .unused {
  background-color: transparent;
  color: black;
}
/* The cancel button */
#dpCalendar .cellCancel {
  background-color: #cccccc;
  color: black;
  border: 1px solid black;
  text-align: center;
}
/* The clickable text inside the calendar */
#dpCalendar a {
  text-decoration: none;
  background-color: transparent;
  color: blue;
}

/*
  =======================================================
    Additional Lightbox code
  =======================================================	
*/

#caption div {
	font-size: 10px;
	font-weight: normal;
	margin-top: 6px;
}