/* The body is the outermost layout component and contains the visible page content. Setting 
   properties for the body element will help to create consistent styling of the page content 
   and more manageable CSS. Besides using the body element to set global properties, it is common
   to use the body element to set the background color of the page and create a centered container 
   for the page content to display. */
body {
	background-image: url("./images/global_bg.jpg");
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #4a3650;
	-moz-box-sizing:    content-box; 
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}

#fckBody
{
	background-color:White;
}

#content
{
	text-align:left;
	
}

#fullWidthHeader {
	background-color: #f0f1df;
	background-image: url("./images/global_mc_hd_lgo.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: none 1px #666;
	height: 120px;
	text-align: left;
	margin: 0px auto 0px auto;
	width: 100%;
}

#fullWidthHeaderInner
{
	width: 925px;
}

#nav {
	color: #70710d;
	letter-spacing: 1px;
	top: 40px;
	margin-left: 300px;
	text-align: left;
	white-space: nowrap;
}

#resTable
{
	width: 100%;
}


#resbox  {
	height: 320px;
	background-color: #86870E;
	margin-right: 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	padding: 5px;
	color: #FFFFFF;
	line-height: normal;
	font-size: 0.85em;
	background-image: url("./images/glbl_resbox_bg.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}

/* ----------------RESERVATIONS WIDGET--------------------------- */

#reserv_widget {
	text-align: left;
	float: left;
	padding-top: 5px;
	padding-left: 1px;
	margin: 0px;
	font-size: 13px;
}
#reserv_widget a {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 1em;
}
#reserv_widget .field {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 4px;
}
#reserv_widget  label {
	padding-top: 3px;
	font-size: 0.85em;
}
#reserv_widget p, #reserv_widget div
{
	font-size: 0.85em;
}

#selectState,
#selectCity,
#selectHotel
{
	float: left;
	width: 150px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.sel_field {
	float:left;
	padding-right: 2px;
}

.submit_btn {
	clear: both;
	float: right;
}

/* -----------MAIN NAVIGATION ------------------*/
#nav ul#menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #70710D;
}
#nav ul#menu2 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	height: 1.5em;
}

ul#menu ul, ul#menu2 ul {
	cursor: default;
	font-size: 0px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
}
ul#menu li, ul#menu2 li {
  	background-image: none;
  	float: left;
  	padding: 0px 0px 0px 0px;
  	position: relative;
  	white-space: nowrap;
}

ul#menu li a, ul#menu2 li a {
	background-image: none;
	border-right: solid 1px #c8cb7a;
	color: #a2a510;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin: 0px;
	padding: 2px 8px 0px 8px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 15px;
	}

ul#menu li a:active, ul#menu2 li a:active {
  /*background-color: #FFFFFF;*/
}

ul#menu a:hover, ul#menu2 a:hover {
	color: #70710d;
	background-color: #FFFFFF;
}


#HomeLeftPaneOuter
{
	padding: 30px 0px 30px 10px;
	vertical-align:top;
	width: 195px;
}

#HomeContentPaneOuter
{
	padding: 30px 0px 30px 10px;
	width: 520px;
	vertical-align: top;
}

#HomeRightPaneOuter
{
	padding:20px 20px 30px 10px;
	vertical-align: top;
}
#2ColumnContentPaneOuter
{
	width: 510px;
	vertical-align: top;
	border-collapse: collapse;
}

#2ColumnRightPaneOuter
{
	vertical-align: top;
}

.contentpane
{
	width:510px;
	padding: 0px 10px 0px 0px;

}

.contentTable
{
	margin-top:-1px;
}

.DNNEmptyPane
{
	display:none;
	width:0px;
	height:0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.selected a {
	font-weight:bold;
	color: #70710D;
	background-color: #FFFFFF;
}

.deselected
{
	background-color:Aqua;
}

#foot
{
	background-color: #4a3650;
	height: 98px;
}	

#footer  {
	padding: 30px 0px 30px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	background-image: url(./images/global_footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 98px;
	color: #FFFFFF;
	text-align: right;
	font-size: .85em;
	width: 922px;
}
#footer_links_row p 
{
	color: #FFFFFF;
	text-align: right;
	font-size: 0.6875em;
	font-weight: bold;
	line-height: 2em;
}	

#footer #logolink {
	padding-left: 0px;
}
#footer a {
	color: #D8DCBF;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E7EAD9;
}
#footer a:hover {
	color: #F5F6EE;
	text-decoration: none;
	border-bottom-style: solid;
}
#footer #logolink a 
{
	border-style: none;
}
#footer #logolink a:hover 
{
	border-style: none;
}
.rule {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a2a510;
}
.field  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #70710D;
}


