html, body {margin: 0; padding: 0; border: 0;}

body {
color: #393b42; 
background-color: #988a7d; 
font-family: "Trebuchet MS", verdana, sans-serif; 
text-align: center;
margin: 10px 0;
}

.wrapper {
margin: 0 auto;
width: 733px;
text-align: left;
background: #c3bbb4;
background-image: url(../images/leftbars.gif);
background-repeat: repeat-y;
padding-left: 20px;
border: 1px solid #5e5651;
border-width: 1px 1px 1px 0;
}

/*** Below are the starHTML and Tan hack, needed because the decorative side borders (thin black) on 
.wrapper. It fixes the box model of IE5.x/win, making it display the same as other
browsers. ***/

* html .wrapper {
width: 732px; 
w\idth: 755px; 
}

.clear {
	clear: both;
}

.toptable {
  	width: 730px;
	background: url(../images/resblock_bott.gif) repeat-x bottom;
	background-color: #c3bbb4;
	border: 1px solid #c3bbb4;
	border-width: 1px 1px 3px 3px;
}
.bodytable { 
	width: 730px;   /* sets width of right grey border on outside of bottom section 730px */
	background-color: #e8e7e6;
	border: 1px solid #5e5651;
	border-width: 1px 1px 0 0;
}

.weather {
  width: 150px;
}

div.rt-col-img {
	margin-top: 25px;
}
.img_top { 
         position: absolute;
			top: 12px;
			margin-left: -8px;
         height: 80px;
			float: left;
}
.td-center {
	padding: 7px 3px 7px 7px;
	width: 330px;
}
.inside td.td-center { 
	padding: 7px 3px 0px 7px;
	width: 330px;
	padding-top: 85px; /* padding keeps content from overlapping the top image */
}


.calloutbox {
	background: url(../images/centerboxbackgr.gif) no-repeat center;
	width: 330;
	height: 196;
}
.cobox_content {
   position: relative;
	top: 50px;
	/* you know, you can't just add padding-top here? You have to do this or firefox puts the div at the top of the containing div */
}

div.calloutbox p {
	width: 250;
	text-align: left;
}

* html .cobox_content p { /* hack to make IE match text width of firefox */
	width: 300px;
}



.td-singlecol {
   width: 504px;	
}


.va_top {
    vertical-align:top;
      }
.td-rt {
	padding: 7px 0px 7px 2px;
	text-align: left;
	margin-right: 7px;
}
.inside td.td-rt {
	padding-top: 85px; /* padding keeps content from overlapping the top image */
}
.right {
background-color: #f6f9ff;
width: 170px;
padding-left: 5px;
border: 1px solid #5e5651;
height: 99%;
}


* html .right {    /* hack to make rt col width match in IE */
	width: 174px;
}

div.right P {
	color: #393b42;
	font-size: small !important;
	font: normal x-small "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.weather li {
	text-align: left;
	margin-left: -10px;
	font-size: small !important;
	font: normal x-small "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.center {
	border: 1px solid #5e5651;
	background-color: #fcfaf6;
	height: 99.9%;
	margin-left: 0px;
	/*position: absolute;*/
}
* html .center, * html .right {
	height: 100%; /* starHTML hack feeds correct height to IE. Mozilla needs to have height: 99% in 
	                 order for top and bottom borders of center and right to show. Argh! */                 
}

div.center p, div.center li, div.center h1 {
	padding-left: 15px;
	padding-right: 15px;
	color: #393b42;
	font-size: small !important;
	font: normal x-small "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.center h1 {
   
}

div.center li {
	padding-left: 1px;
}

div.center p span, div.right p span {
	font-weight: bolder;
}

.ratesheader {
    background-color: #5e5651;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 23px;
	text-align: left;
	color: #f5f6f5;
}

tr.ruled{
	background:#e8e7e6;
}  


div.singlecol {
	
}

.bottom {
	width: 100%;
	height: 30px;
	background-color: #393b42;
	
}
.bottom p {
	font: 400 1em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: auto;
	color: #f5f6f5;
}
p.copyrt {
   float: left;
	padding-left: 10px;
	font-size: 10px;
	padding-top: 15px;
}
p.footerlink {
	float: right;
	padding: 7px 7px 0 0;
	font-size: 80%;
	font-weight: bolder;
}
* html p.footerlink {
	font-size: 95%
}
.footerlink a:link {
	color: #f5f6f5;
	text-decoration: none;
}
.footerlink a:visited {
	color: #f5f6f5;
	text-decoration: none;
}
.footerlink a:hover {
	color: #f5f6f5;
	text-decoration: underline;
}

/* inside page elements */
.activitybox {
	float: left;
	width: 150px;
	margin: 4px;
	padding: 4px;
	color: #393b42;
	font-size: small !important;
	font: normal x-small "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

.activitybox li {
	list-style-type: none;
	margin-left: -30px;
}

.navboxtd { 
    width: 204px; 
	/* height: 395px; not needed? */
	background: url(../images/resblock_bott.gif) repeat-x bottom;
	background-color: #5e5651;
	border: 1px solid #c3bbb4;
	border-width: 1px 1px 3px 3px;
  }

.navboxwrap {
	background-color: #5e5651;
}


.bottbars {
	background: url(../images/resblock_bott.gif) repeat-x bottom;
	height: 10px;
	margin-top: -10px;
}

.bottbars span { /* unbelieveable! you have to declare the line height of an empty div to keep IE 
                    from adding height to it beyond what the div class specifies */
	line-height: 10px;
}
.navli {
	/*height: 174px;*/
	margin: 0;
	padding: 0;
}

.navli li {
	width: 200px;
	height: 25px;
	border: 1px solid #999;
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom: 0;
	list-style: none;
	background-color: #51545e;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 23px;
	text-align: left;
}
.navli li a:link, .navli li a:visited, .navli li a:hover {
	text-decoration: none;
	padding-left: 4px;
	margin-bottom: 0;
   height: 23px; /* need to remind IE to keep it at 23px, or display: block adds space
	                 at top and bottom*/
	display: block; /* makes the rollover affect the whole width of the link */
}
.navli li a:link {
	     color: #f5f6f5;
}
.navli li a:visited {
	color: #988A7D;
}
.navli li a:hover {
	     color: #fff;
		  background-color: #393b42;
}

.reswrap {
	width: 187px;
	background-image: url(../images/picboxbkgr.gif);
	background-repeat: repeat;
	margin-bottom: 10px;
}
.reswrap p {
		  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		  font-size: 14px;
		  line-height: 18px;
		  text-align: left;
		  padding: 0;
		  border: 0;
		  margin: 0;
		  padding-left: 7px;
}

.restext {
	
}

.imgcol {  
         background-color: #5e5651;
         border-bottom: 3px solid #c3bbb4;
		   border-left: 3px solid #c3bbb4;
		 width: 204px;
		 \width: 204px;
		 w\idth: 204px;
         height: auto;
			vertical-align: top;
			/*height: 100%;
			margin: 0;
			margin-right: 0px;
			padding: 8px;
			padding: 0px;  /*seems to affect the width and thickness of left col pink backgr
			visibility: visible;*/
			/*display: table-cell; makes mozilla do vert align 
			vertical-align: middle;
			text-align: center;*/
}

.imgcol-in {
	border-left: 0px solid #c3bbb4;
	padding-top: 20px;
	height: 100%;
	background-color: #5e5651;	
}
.imgbox {
	background-image: url(../images/picboxbkgr.gif);
	background-repeat: repeat;
	display: block;
	width: 187px;
	height: 147px;
	margin: auto; /* margin: auto gets mozilla to horizontally center img boxes */	
}
.imgbox-cntr, .imgbox-rt {	
	background-image: url(../images/picboxbkgr.gif);
	background-repeat: repeat;
	display: block;
	width: 187px;
	margin: auto;  /* margin: auto gets mozilla to horizontally center img boxes */
	border: 1px solid #999;
	padding-left: 15px;
	padding-bottom: 15px;
	text-align: center;
}
.imgbox-rt {
   width: 140px !important;
	width: 155px;
	padding-bottom: 20px;
	margin-left: 3px;
	margin-top: 20px;
}
#titleimg {
	padding-top: 20px;
}
.picboxpic { position: relative;
             top: 15px; left: 3px;}
.caption { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center;
           position: relative; top: 12px;}

.subhead {
	font-size: small !important;
	font: normal x-small "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
.indent {
    margin-left: 10px; 
	}

.tourlink {
	font-size: small !important;
	font: normal x-small "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

.tourlink a:link {
	text-decoration: none;
	color: #393b42;
	font-weight: bolder;
}
.tourlink a:visited {
	color: #50525c;
	text-decoration: none;
	font-weight: bolder;
}
.tourlink a:hover {
	color: #131518;
	text-decoration: underline;
}
.tourlink a:link span {
	text-decoration: underline;
	font-weight: bolder;
}

div.restext p a:link {
	color: #393b42;
	text-decoration: underline;
	font-weight: bolder;
}
div.restext p a:visited {
	color: #393b42;
}
div.restext p a:hover {
	color: #131518;
}

/* Contact Form Styles */
#comments {
	width: 300;
	}