@charset "utf-8";
body {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	background: #3B3C3C;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	background-image:url(images/bgmain.jpg); 
    background-repeat: repeat-y;
    background-position: center;
    background-color: #686153;
}
.palms #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #686153;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.palms #header {
	background: #686153; 
	/*padding: 0 10px 0 20px;*/  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.palms #hdflash {
height:auto;
text-align: center;
}
.palms #hdmenu {
height:30px;
text-align: center;
background-color:#403E3B;
border-bottom: #003300 solid 1px ;
}

.palms #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.palms #mainContent {
	/*padding: 0 10px;*/ /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-top :20px;
	padding-bottom :20px;
	background: #686153;
	background-image:url(images/bgcontent3.jpg);
	background-repeat:repeat-x;
	/*border-top: #ED7703 solid 1px ;*/
	text-align:justify;
	
}



.lnmore{
        color: #74983B;
        font: bold 105% Verdana, Arial, Helvetica, sans-serif;
        line-height: 150%;
}
.palms #mctopleft{
	padding: 0 10px;
	float:left;
	width:320px;
	height:auto;
	padding-right:10px;
	/*background-image:url(images/formbg.jpg);
	background-repeat:repeat-x;*/
}
.palms #mctopleft2{
	padding: 0 10px;
	float:left;
	width:320px;
	height:auto;
	padding-top:0px;
	padding-right:10px;
}
.palms #mctopright{
	padding: 0 10px;
	float:right;
	width:410px;
	color:#ffffff;
	height:auto;
	margin-bottom:20px;
	}
#mcbottom{
	clear:both;
	background: #686153;
}

#mcbottom0{
	margin-top: 20px;
	padding: 10px;
	border-top:solid 2px #CC6600;

}
#mcbottom1{
	clear:both;
	float: left;
	width: 420px;
	margin: 5px;
	margin-top: 20px;
	padding:5px;

}
#mcbottom2{
	float: left;
	width: 300px;
	height: 130px;
	margin: 5px;
	margin-top: 50px;
	vertical-align:middle;
	border:solid 2px #CC6600;

}
#hdmenubt {
clear:both;
height:5px;
text-align: center;
background-color:#000000;
}
.palms #footer {
	clear:both;
	height:100px;
	bottom:0;
	padding: 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#3B3C3C;
	overflow:hidden;
	text-align:center;
	font:normal 11px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-image:url(images/bgcontent3.jpg);
	background-repeat:repeat-x;	
}
.palms #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.palms a{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#ffffff;
}

.palms a:hover{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#ED7703;
}
.palms .links a{
	display:block;
	text-decoration:none;
	padding:5;
	margin:5;
}
.links a:hover{
	display:block;
	color:#ffffff;
	text-decoration:underline;
	padding:5;
	margin:5;
}
.palms #footer ul li{
	background:#3B3C3C;
	display:block;
	font:normal 11px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
.palms #footer ul li a{
	background:#3B3C3C;
	font:normal 11px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#3B3C3C;
	text-decoration:none;
	padding:0 14px 0 14px;

}
.palms #footer ul li a:hover{
	text-decoration:underline;
}

.palms #footer p.copyright{
	clear:both;
	display:block;
	font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:10px;
	margin:0 57px 0 0;
	top:30px;
}

.palms #mainContent .bigl{
margin-right:6px;
margin-top:5px;
float:left;
font-size:80px;
line-height:60px;
padding-top:2px;
padding-right:5px;
padding-bottom:10px;
clear:both;
}
.titlesubs {
        border-bottom: 1px dotted #999;
        border-width: 1px 0;
		padding:5px;
		display: block;
        font: bold 150% Verdana, Arial, Helvetica, sans-serif;
        line-height: 125%;
		color:#ffffff;
		
}

#titleblocks ul {
        list-style-type: none;
		width: 400px;
		padding:0px;
		margin:0px;
} 

#titleblocks li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
}

#titleblocks li a { 
        color: #ffffff;
        display: block;
        font: bold 120% Verdana, Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #titleblocks li a {  /* make hover effect work in IE */
	width: 400px;
}

#titleblocks li a:hover {
        background: #ED7703;
}

#titleblocks a em { 
        color: #ffffff;
        display: block;
        font: normal 85% Verdana, Arial, Helvetica, sans-serif;
        line-height: 125%;
		text-align:justify;
}

#titleblocks a span {
        color: #ffffff;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}
.contenth {
	background: #686153;
	margin:0px;
	padding:0px;

}
.reserveholder{
	width:100%;
	height:200px;
	text-align:center;
	clear:both;
}
.reservehleft{
	float:left;
}
.reservehright{
	float:right;
}
.reservehcont{
	
}
.reservehcont a{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#6B6152;
}
.reservehcont a:hover{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#6B6152;
}