@charset "utf-8";
/* CSS Document */
/* colors:
Z green:  #006633
Z red/brn: #660000
brown: #734033
*/
body {
border:0;
margin:0;
padding:0;
background-color:#660000;
background:url(img/bg_canvas-fine-hemp-vsmall.jpg);
height:100%;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
#logo {
text-align:center;
padding:5px;
}
#wrapper {
width:850px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
top:0;
}
#main1 { /* not currently used */
	width:850px;
	min-width: 850px;
	margin:0; padding:0;
}
#main2 {
	-moz-border-radius-bottomleft : 2em; 
	-webkit-border-bottom-left-radius: 2em; 
	-moz-border-radius-bottomright: 2em; 
	-webkit-border-bottom-right-radius: 2em; 
	border:2px solid #006633;
	background-color:#fff;
	margin:0; 
	bottom:10px;
	}
#main2{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}

#hdr-branding {
width:850px;
}

/* Navigation Styles - Top Menu */
/* ----------------------------------------*/
.topnav {clear:both; float:left; width:846px; overflow:hidden;border-bottom:2px solid #006633;background-color:#fff;border-left:2px solid #006633;border-right:2px solid #006633;
}
/* IE5 hack, but now affects Firefox too */
.topnav {ma\rgin-top:-2px;}

#navmenu  {
padding:0;
list-style:none;
margin:0 auto;
list-style-type:none;
float:left;
position:relative;
left:50%;
}
#navmenu li {
float:left; position:relative; right:50%;
}
#navmenu a {
font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
color:#006633;
font-weight:bold;
width:auto;
text-decoration:none;
padding:4px 10px;
display:block;
}
#navmenu a:hover {
color:#fff;
background-color:#006633;
}
#navmenu a.selected {
color:#fff;
background-color:#006633;
}
/* General Layout */

#crumbs {
clear:left;
}
#crumbs a{
padding-left:5px;
}
#content {
	clear:left;
	padding:0 5px 0 5px;
}

#content-mid p {
	font-size:.85em;
}
#content-right p {
	font-size:.85em;
}

/* ------------ Styles controlling miscellaneous page elements ---------------------------*/
/* ----------- featurebox is used to call attention to featured items anywhere on the page */
.featurebox {
width:200px;
background-color:#CCFF99;

-moz-box-shadow: gray 5px 5px 5px;
-webkit-box-shadow: gray 10px 5px 5px;
-o-box-shadow: gray 10px 5px 5px;
box-shadow: gray 10px 5px 5px;

/* 
   Lines here only affect radious of main container and background shadow
   Need to also set rounded corners on interior divs 
*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.featurebox p{
margin:2px 0;
font-size:.85em;
}

.headh h3 {color:#fff; margin: 0px 10px 0px 10px; padding-bottom: 1px; text-align:center;}

.headh {
	background: #006633;
	-moz-border-radius-topleft: 10px;
	-webkit-border-radius-topleft: 10px;
	-o-border-radius-topleft: 10px;
	border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius-topright: 10px;
	-o-border-radius-topright: 10px;
	border-radius-topright: 10px;
 }

.bodyh {background:#CCFF99; border:2px solid #006633; 
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-o-border-radius-bottomleft: 10px;
	border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomright: 10px;
	-o-border-radius-bottomright: 10px;
	border-radius-bottomright: 10px;
}
.bodyh div {margin-left: 10px; padding-top: 5px;
}

/* ---------------------------------------*/

/* used on voyage pages for online booking */
.bookingbox {
	display:block;
	width:450px;
	padding:15px 15px 0;
	text-align:center;
	border:1px solid #660000;
	background-color:#FFCC66;
	-moz-box-shadow: gray 5px 5px 5px;
	-webkit-box-shadow: gray 10px 5px 5px;
	-o-box-shadow: gray 10px 5px 5px;
	box-shadow: gray 10px 5px 5px;
	-moz-border-radius: 1em;  
    -webkit-border-radius: 1em; 
	-o-border-radius: 1em; 
	border-radius: 1em; 
}

  
.alpha-shadow {
  float: left;
  background: url(img/shadow1.gif) no-repeat bottom right;
  margin: 10px 10px 0 10px !important;
  margin: 10px 10px 0 5px;
}

.alpha-shadow div {
  background: url(img/shadow2.png) no-repeat left top !important;
  background: url(img/shadow3.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}

div.lft {
float:left;
}
div.rt {
float:right;
}

/* fonts and colors */
h1, h2, h3, h4 {
color:#660000;
}
h1 {
	font-size:1.75em;
}
h2 {
	font-size:1.5em;
}
h3 {
	font-size:1.25em;
}
.hilite {
	color:#FF3300;
}

#footer {
clear:both;
margin-top:15px;
width:850px;
text-align:center;
padding-bottom:5px;
}
#copyright {
font-weight:bold;
margin-top:15px;
width:850px;
text-align:center;
padding-bottom:10px;
}.strikeout {
	color: #666666;
	text-decoration: line-through;
}
