* {
    margin: 0;
	padding: 0;
}

body,
	html {
	background:url(../images/bgimage1.jpg) fixed center center no-repeat;
    color:#660000;
	
	}
/* Here is layout stuff */

img.bg{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	min-width:904px;
	min-height:303px;
}


#wrap {
	/*Black border around outside	div.outerFrame
	border-width: 2;
    border-style : solid ;
    border-color : black;  */

	
	/*Attempt to align the div */
	top: 50%;
	left: 50%;
	margin-left: -452px;
	margin-top: -275px;
  
	/*Other basic div properties */
	background: #ffffff;
    position: absolute;
    z-index: 2;
    width: 904px;
   
  /*margin: auto; this will only work if position is relative */
}

#main_content { padding-top: 5px;}
ul {margin-left: 25px;}

div.logo {
  /*background: #f00;*/
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 500px;
}
div.menuBanner {
  background: #edb700;
  position: absolute;
  z-index:2;
  top: 52px;
  left: 0px;
  width: 100%;
  height: 31px;
  vertical-align:top;
}
#topnotes{
  background-color: white;
  position: absolute;
  z-index: 2;
  top: 0px;
  right: 0px;
  height: 52px;
  width: 904px;
  text-align: right;  
}
#topnotes p { 
              font: 11px "Times New Roman", Times, serif; padding-left: 195px;
			  color:#330000; font-weight: bold; text-align:center;
		  }
		  
p { margin: 0 4px 0 0; padding-right: 4px; text-align:justify; font-weight: normal;}		  
img.logo{
position: relative;
z-index: 3;
}
div.mainFrame {
  position: absolute;
  z-index: 1;
  top: 83px;
  left: 0px;
  width: 904px;
  /*height: 247px;*/
  height: 300px;
  background-color: #FFFFFF;
}
div.btmbnr{
  background: white;
  position: absolute;
  z-index: 1;
  top: 525px;
  left: 0px;
  width: 904px;
  height: 26px;
}
div.btmspecial{
  background: #FFFFFF;
  position: absolute;
  z-index: 1;
  /*top: 296px; top:330px; */
  top: 383px;
  left: 0px;
  width: 904px;
 
}
div.footer{
position: absolute;
top: 560px;
width: 904px;
height: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #002942;
text-align:center;
}

table.contents{
border-spacing: 0px;
margin: 0px;
border: 0px;
padding: 0px;
}


/* Here starts the menu table css items */
table.menu{
border-spacing: 0px;
margin: 0px;
border: 0px;
padding: 0px;
height: 31px;
width: 904px;
background-color: #edb700;
}

tr.menu{
height:31px;
}

td.menu{
/*background color for banner menu item*/
background-color: #edb700;
height: 31px;
}

/*Here is some more menu css stuff */
/* these are for the  items shown directly in the banner */
/*bannermenu are for items with no submenu bannermenu2 is for items with submenus */
a.bannermenu{
font-size:15px;
color: #000000;
font-family:arial;
font-weight: bold;
text-decoration: none;
}
a.bannermenu:visited{
font-size:15px;
color: #000000;
font-family:arial;
font-weight: bold;
text-decoration: none;
}
a.bannermenu:active{
font-size:15px;
color: #000000;
font-family:arial;
font-weight: bold;
text-decoration: none;
}
a.bannermenu:hover{
font-size:15px;
color: #000000; /* #555555; */
font-family:arial;
font-weight: bold;
text-decoration: underline;
}

a.bannermenu2{
font-size:15px;
color: #000000;
font-family:arial;
font-weight: bold;
}


.BodyText {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #002942;
	text-decoration: none;
}
.Headline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #002942;
	text-decoration: underline;
}
.BoldBodyText {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #002942;
	text-decoration: none;
}

img.special{
border: 1px black solid;
}


/* Here is the main banner item */
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/

}


/* ######### Default class for drop down menus ######### */
/* these styles will apply to the items dropped down, not the banner item */

/*Initial Text color #002942 (blue) and background #EDB700 (gold) */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 0px solid black;
border-bottom-width: 0;
z-index: 400; /* zIndex should be greater than that of shadow's below */
background: #f5d56b;
width: 140px ; /* 200pxdefault width for menu */
color: black;
font-size: 12px;
font-family:arial;
font-weight: bold;

}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: black;
font-family:arial;
font-weight: bold;
background: #f5d56b;
font-size: 12px;
}

.anylinkcss a:hover{ /*hover background color*/
background: #f5d56b;
color: #000000;
font-family:arial;
font-weight: bold;
text-decoration: underline;

}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}


#mail { width: 165px; margin-top: 25px; margin-left: 2px; margin-bottom: 8px; text-align:center; border-top: 4px  groove #330000; }
#facebook { width: 165px; margin-top: 190px; margin-left: 2px;  text-align:center;  border-bottom: 4px  groove #330000;}
.credit { color:#000033; font-style:normal; font-size: 13px; margin: 0 0 0 0;}
.note { color:#330000; font-style:normal; font-size: 12px; margin: 0 0 0 0;}
h1 { font-size: 22px; color:#000033; text-align:center;}
.h1text {font-size: 16px; color:#000033;}
h2 {font-size: 20px; color:#000033; text-align:center;  }
h3{ font-size: 14px; color:#000033; text-align:left; margin: 2px 0 4px 0; }
h4 {font-size: 13px; color:#000033; text-align:center; }
h5 { font-size: 12px; color:#000033; text-align:center; }
h6 {font-size: 10px; color:#000033;  text-align:center;}
.h2text { font-size: 20px; color:#000033; text-align:left;}
.ptext { font-weight: 600; text-align:center; padding-bottom: 4px;}
.join { font-size:13px;  text-align:center;}

.linktext{ color:#330000; font-weight:bold; text-decoration:underline;}
	
a {color:#660000; text-decoration:none;}
a:visited { color:#660000;  text-decoration:none;}
a:hover {color:#660000;  text-decoration:underline;}

.leftbar { }

.text { color:#330000; font-size: 14px; margin: 3px 0 2px 0 ;}

/* css for product line */
.sectionwrapper, .productsection {
	width: 199px;
	float: left;
	margin-left: 3px;
	}

#products { width: 600px; }
.productsectionleft { 
	width: 298px; 
	height: 180px;
	margin-bottom: 0; 
	background: #fff url(../images/cwrap.jpg) repeat-x 0 32%;
	float:left;
	}
	.productsectionright { 
	width: 298px; 
	height: 180px;
	margin-bottom: 0; 
	background: #fff url(../images/cwrap.jpg) repeat-x 0 32%;
	float:right;
	}
	
.productsectionleft ul {list-style: none; margin: 0 0 0 0;}
.productsectionright ul {list-style: none; margin: 0 0 0 0;}
.productsectionlink {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 0 2px 10px;
	color: #fff;
	border-bottom: 2px solid #fff;
	background: #A7C5C5 none repeat scroll 0 0;
	margin: 0;
	line-height: 1;
	}
	
	#inside .productsectionleft h2 {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 0 6px 10px;
	color: #fff;
	border-bottom: 2px solid #fff;
	background: #A7C5C5 none repeat scroll 0 0;
	margin: 0;
	line-height: 1;
	}
	
	#inside .productsectionright h2 {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 0 6px 10px;
	color: #fff;
	border-bottom: 2px solid #fff;
	background: #A7C5C5 none repeat scroll 0 0;
	margin: 0;
	line-height: 1;
	}
.productsectionleft li img {
	width: 70px;
	height: 70px;
	float:left; 
	padding: 0;
	margin: 10px 0 0 10px; 
	padding: 3px;
	}
	
	.productsectionright li img {
	width: 70px;
	height: 70px;
	float:left; 
	padding: 0;
	margin: 10px 0 0 10px; 
	padding: 3px;
	}
.productsectionleft p {
	float: right;
	width: 185px;
	margin-right: 5px;
	font-size: 10.5px;
	}
	
	.productsectionright p {
	float: right;
	width: 185px;
	margin-right: 5px;
	font-size: 10.5px;
	}
	
	
	/* contact form style */
	
	.submitbutton 	{ font-size: 10pt; }

.fieldname { color:#000033; font-weight:bold;}


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url(../picts/shadeform.gif);
		text-align: left;
		WIDTH: 200PX;
		BORDER: #000000 1px solid}
		
		.shadetime	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url(../picts/shadeform.gif);
		text-align: left;
		WIDTH: 100PX;
		BORDER: #000000 1px solid}

.quoteform	{ FONT: 13px arial, verdana, sans-serif;
			background-image: url(../picts/shadeform.gif);
		text-align: left;
		BORDER: #000000 1px solid}

.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url(../picts/shadeform.gif);
		text-align: left;
		WIDTH: 275PX;
		HEIGHT: 125PX;
		BORDER: #000000 1px solid}
		
	.textareadate	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url(../picts/shadeform.gif);
		text-align: left;
		WIDTH: 375PX;
		HEIGHT: 125PX;
		BORDER: #000000 1px solid}

.dropdown {	COLOR: #333333; background-image: url(../picts/shadeform.gif);
		WIDTH: 200PX;
		FONT: 11px geneva, verdana, arial, sans-serif }
		
.dropdowndate {	COLOR: #333333; background-image: url(../picts/shadeform.gif);
		WIDTH: 100PX;
		FONT: 11px geneva, verdana, arial, sans-serif }
		
	
#trails { float:left; width: 300px;}
#book { float:right; width: 200px; text-align:center;}
.rate { font-size: 14px; font-weight:bold; color:#000033;}
#back { float:left; width: 200px; text-align:center;}
#fare { float:left; width: 200px; text-align:center;}
#clear { margin-bottom: 20px;}
#botfare { width: 600px; text-align:center;}
#divider {
	  height:2px;
	  border: none;
	  margin-top: 0px;
	  margin-bottom: 0px;
	  background:#660000;
	  color:#FFFFFF;
	  padding-bottom: 2px;
	  
	  }

/*rooms and rates accordion styles */

.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
	width: 690px;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background-color:#975128;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	color:#ffffff;
    font-weight: bold;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 100%;
	
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}

.prmtext { text-align:center; padding-left: 5px;
          font-size: 13px;
	     font-family:Verdana, Arial, Helvetica, sans-serif;
		 word-spacing: 1px;
		 color:#000000;}
.rptext {font-size:8pt !important; padding-left:0 !important;
 padding-right:0 !important; word-spacing:0 !important;}
.tdrp {vertical-align:top; padding-top: 10px; padding-bottom: 10px; border-bottom:1px solid;}		 
.caption {	font-size: 11px;
	   color:#000033;
	   font-family:Arial, Helvetica, sans-serif;
	   font-weight:bold; }
.p1class { text-align:center; font-size:14pt;} 
.pnote { color:#330000; font-style:normal; font-size: 12px; margin: 0 0 0 0; text-align:center;}

.h3text { text-align:center;}

.link,
.link a,
#SignUp .signupframe {
                  font-size: 13px;
                }
                .link,
                .link a {
                                text-decoration: none;
								color:#000033;
                                }
                #SignUp .signupframe {
                                /*border: 1px solid #000000;
                                background: #ffffff;*/
								font-size: 13px;
								text-align:center;
								color:#000033;
                                }
#SignUp .signupframe .required {
                font-size: 13px; color:#660000; padding-top: 4px; padding-bottom:6px;
                }
#SignUp a:link {color:#000033; text-decoration:none;}
#SignUp a:hover {color:#000033; text-decoration:underline;}
#SignUp a:visited {color:#000033; text-decoration:none;}
/*
#group-packages {width: 600px; margin-left:40px; margin-top: 20px; height:600px;}
.group-left{
	width: 298px; 
	margin-bottom: 0; 
	float:left;
	
}

.group-right{
	width: 298px; 
	margin-bottom: 0; 
	float:right;

}

.group-sectionlink {
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 2px 0px;
	color: #551112;
	margin: 0;
	line-height: 1;
	}
.group-left ul {list-style-type:disc; padding-left: 10px;}
.group-right ul {list-style-type:disc; padding-left: 10px;}	
.gtext { font-size:16pt; color:#551112;}*/