@charset "utf-8";
/* CSS Document */

html {
	width: 100%;
}

body {
	width: 100%;
	margin: 0px;
	font-family: tahoma, verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #A0A0A4;
	background-color:#171717;
}

form {
	margin: 0;
}

table, img {
	border: 0;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	/*background-color:#820000;*/
	/*background-color:#F4F4F4;*/
	background-color:#FFEFD5;
}

#top {
	width: 950px;
	background-image: url(../images/top_bg2.jpg);
	/*background-color: white;*/
	vertical-align:top;
}

#top #logo {
	text-align:center;
}

#top #localtime {
	text-align: right;
	vertical-align: top;
	padding-right:10px;
	padding-top:px;
	color:#000000;
}

#top #navigation {
	text-align: center;
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	color: #CCCCCC;
	background-color:#8B8378;
}

#top #navigation a:link, #top #navigation a:visited {
	text-decoration: none;
	font-weight: bold;
	color:#D3D3D3;
	margin: 10px;
}

#top #navigation a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

#flashheader {
	width: 100%;
	text-align: center;
	background-image: url(../images/top_bg.jpg);
}

#mainbody {
		vertical-align:top;
}

#contentimg {
	float: right;
	margin: 0px 0px 0px 8px;
}

#contentimg td{
	text-align: center;
	padding-bottom: 5px;
}

#left {
	width: 485px;
	padding: 0px 5px;
	color:#CCCCCC;
	vertical-align:top;
}

#left #content {
	padding: 10px 10px;
	color:#8B4726; /*FFFFF2*/
	line-height:15px;
}

#left #content h3 {
	font-size: 16px;
	font-weight: bold;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	/*color:#252626;*/ /*FFFFF9*/
	color:#8B4726;
}
      		  	

#left a:link, #left a:visited {
	color: #8B4726;
	text-decoration: none;
	font-weight: bold;
}

#left a:hover {
	color: #8B4726;
	text-decoration: underline;
	font-weight: bold;
}

#mid {
	width: 180px;
	vertical-align: top;
	/*background:url(../images/right_bg.gif);*/
	background-color: #FFEFD5; /*7F5A58*/
}

#mainbody .infobox1 {
	margin: 5px;
}

#mainbody .infobox1 .promo {
	width: 100%;
	background:#FFEFD5;
	padding: 10px;
	color: #8B4726;
}

#mainbody .infobox1 .promo a:link, #mainbody .infobox1 .promo a:visited{
	color: #8B4726;
	font-weight: bold;
}

#mainbody .infobox1 .promo a:hover{
	text-decoration: underline;
	color: #8B4726;
	font-weight: bold;
}


#mainbody .infobox1 h3 {
	text-align: center;
	margin: 0;
}

#mainbody .infobox1 .viewall {
	text-align: right;
}

#mainbody .infobox1 a:link, #mainbody .infobox1 a:visited {
	color:#FFFFff;
	text-decoration: none;
}

#mainbody .infobox1 a:hover {
	color: #FFEFD5;
	text-decoration: none;
}

#right {
	width: 250px;
	vertical-align: top;
	/*background:url(../images/right_bg.gif);*/
	background-color: #FFEFD5; /*7F5A58*/
}

#mainbody .infobox {
	padding: 5px;
}

#mainbody .infobox .datetime {
	font-size: 10px;
}

#mainbody .infobox .grey {
	width: 100%;
	background:#FFEFD5;
	padding: 2px 8px 5px 8px;
	color:#8B4726;
}

#mainbody .infobox .grey a:link, #mainbody .infobox .grey a:visited{
	color: #8B4726;
	font-weight: bold;
}

#mainbody .infobox .grey a:hover{
	text-decoration: underline;
	color: #8B4726;
	font-weight: bold;
}

#mainbody .infobox .promo {
	width: 100%;
	background:#FFEFD5;
	padding: 0 3px 3px 5px;
}

#mainbody .infobox .viewall {
	text-align: right;
}

#mainbody .infobox h3 {
	text-align: center;
	margin: 0;
}

#mainbody .infobox a:link, #mainbody .infobox a:visited {
	color:#FFFFff;
	text-decoration: none;
}

#mainbody .infobox a:hover {
	color: #FFEFD5;
	text-decoration: none;
}

#mainbody .infobox input, #mainbody .infobox select {
	font-size: 10px;
}

#mainbody .infobox #reservationtable {
	width: 100%;
	background:#FFEFD5;
	font-size: 11px;
	color:#FFFFF2;

}

#mainbody .infobox #reservationtable td {
	padding: 1px;
	padding-left:8px;
	padding-bottom:5px;
}

#rates {
	border: 1px #8B4726 solid;
}

#rates td{
	border: 1px #8B4726 solid;
}

/* START OF STYLES FOR THE FOOTER */
#footer {
	width: 100%;
	font-size: 11px;
	/*background:url(../images/footer_bg.gif);*/
	background-color: #8B8378; /*8A4117,856185,853d85*/
}

#footer a:link, #footer a:visited {
	color: #D3D3D3;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: underline;
}

#footer #address {
	vertical-align: top;
	padding-left: 10px;
	/*padding-top:10px;*/
	color:#D3D3D3;
}

#footer #links {
	vertical-align: top;
	text-align: right;
	padding: 10px 10px 0 0;
}

#footer #poweredby {
	vertical-align: bottom;
	text-align: right;
	padding: 0 10px 10px 0;
	color: #D3D3D3;
}

/* for the calendar */
.style5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; }

/* the div that holds the date picker calendar */
.dpDiv {
	}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}

/* the table cell that holds the name of the month and the year */
.dpTitleTD { }

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD { }

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD { }

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

/* To control the dropdown menu */
#dropmenudiv{
	position: absolute;
	border: 1px solid #000000;
	border-bottom-width: 0;
	line-height: 11px;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	text-align: left;
	border-bottom: 1px solid #000000;
	padding: 5px 0;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
}

#dropmenudiv a:hover{ /*hover background color*/
	color: #000000;
	background-color: #CCCCCC;
}