@charset "utf-8";
body  {

	font-family:  Verdana, Arial, Helvetica, sans-serif;
	background: #921c32;
	margin: 0;
	padding: 0;
    text-align: center; 
	color: #000000;
}
#logo{/* logo graphic  */
    float:left;
	height:130px;
	width:157px;
	background:url(images/logo.gif) no-repeat;
	margin-top:10px;
}
#name{/* text next to the logo  */

    font-family:Arial, Sans-Serif;
	font-size:24px;
	color:#000000;
	height:auto;
	width:500px;
	padding-top:20px;
	
}
#address{
float:left;
font-size:10px;
}

#number{
margin-left:20px;
float:left;


}
#text{

text-align:left;
font-size:10px;
}
#num{
margin-top:-23px;
margin-left:30px;
float:left;
font-size:10px;
text-align:right;
}
.thrColLiqHdr #container { 
	width: 100%;
	height:100%;  
	margin: 0 auto; 
	text-align: left; 
} 
.thrColLiqHdr #header { /* repeating header graphic  */
    height:166px;
    background:url(images/header.gif) repeat-x;
	padding: 0 10px;  
}
.thrColLiqHdr #header h1 {
	margin: 0; 
	padding: 10px 0;
}
.thrColLiqHdr #sidebar1 {/* left column  */
    float: left; 
	width: 12em; 
	height:100%;
	padding: 15px 0; 
}
#topmodule{/* background image for resform  */
	width:182px;
	height:270px;
	background:url(images/topmod.jpg) no-repeat;
}
#topinside{/* this the inside of the resform  */
	padding-left:10px;
	float:left;
	margin-top:60px;
	width:170px;
	height:169px;
	font-family:Arial, Sans-Serif;
    font-size:10px;
}
#bottommodule{/* the orange box  */
	background:url(images/bottommod.gif) no-repeat;
	width:177px;
	height:247px;
	margin-top:24px;
}	
#bottominside{/* this is the text inside the orange box  */
	padding-left:5px;
	float:left;
	margin-top:5px;
	width:160px;
	height:190px;
	overflow:hidden;
}
.thrColLiqHdr #sidebar2 { /* this is the left column */
	float: right; 
	width: 12em;
	height:100%;
   	padding: 0 0;
	}
.thrColLiqHdr #mainContent {/* this is the center column where all the content is located  */
    font-family:Arial, Sans-Serif;
	float:clear;

	margin: 0 12em 10px 12em;
	background-color:#ffffff;
	
    padding:10px;

}
#footer { /* footer container  */
    clear:both;

} 
#footback{/* this is the left graphical portion of the footer  */
    position:relative;
	top:-36px;
    margin-right:20px;
	height:36px;
    background:url(images/footback.gif);
}
#footpic{ /* this is the arrow graphic on the right of the footer  */
	float:right;
	height:36px;
	position:relative;
	top:-72px;
	width:203px;
	background:url(images/footpic.gif) no-repeat;

}
#footerlinks{
font-size:10px;
position:relative;
top:-72px;
padding:10px;


}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#horizontal{
float:left;
padding:10px;
}
#verticalleft{/* this is for the templates that have 2 vertical columns  */
	float:left;
	width:50%;
    height:100%;
}
#verticalright{/* this is for the templates that have 2 vertical columns  */
    font-family:Arial, Sans-Serif;
	float:right;
	width:50%;
	height:100%;
}
#vertical1{/* this is for the templates that have 3 vertical columns  */
    font-family:Arial, Sans-Serif;
	float:left;
	width:30%;
	height:100%;
}
#vertical2{/* this is for the templates that have 3 vertical columns  */
    font-family:Arial, Sans-Serif;
	float:left;
	width:30%;
	height:100%;
}
#vertical3{/* this is for the templates that have 3 vertical columns  */
    font-family:Arial, Sans-Serif;
	float:left;
	width:30%;
	height:100%;
}
#bottom{/* this give the illusion of red coloumns no matter how much content is on the page  */
	float:left;
	background:#921c32;
}
#scroll{/* this is the slideshow in the right column  */
margin:0 auto;
margin-top:-10px;

}
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 1%;
}
.thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 10px; }
.thrColLiqHdr #mainContent {  padding-top: 0px; }
 


/* menu section  */

#main-nav{
    float:right;
	width:572px;
	height:35px;	
	margin-top:-43px;
	margin-right:0px;
	background:url(images/menu.png) no-repeat; 				
}


#main-nav ul{
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    clear: left;
}

#main-nav ul li{
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}
#main-nav ul li a span{
    display:none;
}

#main-nav ul li a.home{
    width:46px;
    height:35px;
    margin:0px;
    padding:0px;
    display: block;       
}
#main-nav ul li a.reserve{
    width:80px;
    height:35px;
    margin:0px;
    padding:0px;
    display: block;      
}
#main-nav ul li a.rooms{
    width:50px;
    height:35px;
    margin:0px;
    padding:0px;
    display: block;
}
#main-nav ul li a.packages{
    width:60px;
    height:36px;
    margin:0px;
    padding:0px;
    display: block;        
}
#main-nav ul li a.attractions{
    width:73px;
    height:36px;
    margin:0px;
    padding:0px;
    display: block;     
}
#main-nav ul li a.amenities{
    width:72px;
    height:36px;
    margin:0px;
    padding:0px;
    display: block;     
}
#main-nav ul li a.meetings{
    width:69px;
    height:36px;
    margin:0px;
    padding:0px;
    display: block;     
}

#main-nav ul li a.maps{
    width:120px;
    height:36px;
    margin:0px;
    padding:0px;
    display: block;     
}
#hmpgimg {
margin-right: 10px;
}

#hmpgimg2 {
margin-left: 10px;
}

.spclclass {
margin-left: 10px;
}
   

/* -- Hovers -- */

#main-nav ul li a.home:hover{
    background:url(images/1.png) 2px 0px no-repeat;
}
#main-nav ul li a.reserve:hover{
    background:url(images/2.png) 0px 0px no-repeat; 
}
 #main-nav ul li a.rooms:hover{
    background:url(images/3.png) 0px 0px no-repeat;
}            
#main-nav ul li a.packages:hover{               
    background:url(images/4.png) 0px 0px no-repeat;
}        
#main-nav ul li a.attractions:hover{
    background:url(images/5.png) 0px 0px no-repeat;
}   
#main-nav ul li a.amenities:hover{
    background:url(images/6.png) 0px 0px no-repeat;
}     
#main-nav ul li a.meetings:hover{
    background:url(images/7.png) 0px 0px no-repeat;
}        
#main-nav ul li a.maps:hover{
    background:url(images/8.png) 0px 0px no-repeat;
}