/* generated by csscreator.com */ 
html, body{ 
margin:0; 
padding:0; 
text-align:center;
background-color: #ffffff;
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
} 

 
#pagewidth { 
width:760px; 
text-align:left;  
margin-left:auto; 
margin-right:auto;  
border: red 0px solid;
} 

A:link {text-decoration: underline; color: #000;}
A:visited {text-decoration: underline; color: #000;}
A:active {text-decoration: underline; color: #000;}
A:hover {text-decoration: none; color: #333;}


.hide {display: none;}

img {border: 0;}

form {
margin:0; 
padding:0; 
}

hr.dashline
{
margin-top: 2px;
margin-left:-2px;
border-top: gray dashed 1px;
height: 1px;
}

hr.line
{
margin-top: 2px;
margin-left:-2px;
border-top: #999 solid 1px;
height: 1px;
}

hr.dotted
{  background: url(/images/line.gif) no-repeat top center;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/line.png');
  width: 1px;
  height: 1px;
  border: 0;
}
* > hr.dotted
{  width: 100%;
  height: 1px;
}

 
#header{
position:relative;  
width:100%;
float:left;
  	height: 126px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 126px;
} 
 
#twocols{
width:760px; 
float:right; 
position:relative; 
border: 0px white solid;
}

#rightcol{
width:195px; 
float:right; 
position:relative; 
display: inline;
background-color: lime;
padding-top:20px;
padding-bottom:20px;
}

#leftcol{
width:225px; 
float:left; 
position:relative; 
display: inline;
padding-top:10px;
padding-bottom:20px;
}




 

 
 
/* Footer box styles */  
 
#footer{
height:0px; 
background-color: #CC0033;
clear:both;
font-family: arial, Helvetica, sans-serif;
font-size: 70%;
color: #fff;
padding: 5px 3px 5px 5px;
float:left;
width: 752px;
height: 15px;
margin-top: 5px;
} 

#footer2{
height: 0%;
background-color: #E9E9E8;
clear:both;
font-family: arial, Helvetica, sans-serif;
font-size: 70%;
color: #333;
margin-top: 2px;
padding: 5px 3px 5px 5px;
float:left;
width: 752px;
height: 15px;
} 








/* New footer */
#footerlist
{
height:15px;
margin:0;
padding:0;
}

#footerlist ul, #footerlist li
{

display: inline;
list-style-type: none;
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
float:left;
border-right: 1px solid #fff;
padding-left:5px;
padding-right:5px;
}

#footerlist li.sep
{
margin-right:5px;
}

#footerlist a:link, #footerlist a:visited
{
text-decoration: none;
color: #fff;
}

#footerlist a:link#current, #footerlist a:visited#current, #footerlist a:hover
{
text-decoration:underline;
}

#footerlist a:hover { color: #fff; }
#footerlist li.first {padding-left:0px;}
#footerlist li.last {border-right:none;}
#footerlist li.right{float:right;border-right:none;margin:0px;padding:0px;}





#footerlist2
{
height:15px;
margin:0;
padding:0;
}

#footerlist2 ul, #footerlist2 li
{

display: inline;
list-style-type: none;
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
float:left;
border-right: 1px solid #333333;
padding-left:5px;
padding-right:5px;
}

#footerlist2 li.sep
{
margin-right:5px;
}

#footerlist2 a:link, #footerlist2 a:visited
{
text-decoration: none;
color: #333333;
}

#footerlist2 a:link#current, #footerlist2 a:visited#current, #footerlist2 a:hover
{
text-decoration:underline;
}

#footerlist2 a:hover { color: #333333; }
#footerlist2 li.first {padding-left:0px;}
#footerlist2 li.last {border-right:none;}
#footerlist2 li.right{float:right;border-right:none;margin:0px;padding:0px;}





 

 
/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



/* Main Content Bcckground if image is required. Currently not used */
#mainbodyback {
width: 760px;
float:left;
}


/* Main Content Box Divs */
.mainbox{
 width:535px; 
 float:left; 
 position:relative;
 color: #000;
 height:100%;
}

.fullbox{
 width:760px; 
 float:left; 
 position:relative;
 color: #000;
 height:100%;
}

#maincol{  
float: left; 
display:inline; 
position: relative; 
width: 385px; 
height:100%;
font-size: 0.7em;
border: red 0px solid;
}

#maincol2{  
float: left; 
display:inline; 
position: relative; 
width: 385px; 
height:100%;
border: red 0px solid;
}


.maincontentbox {
 float:left; 
 position:relative;
 padding: 8px 0px 0px 0px;
 color: #000;
 font-size: 1.1em;
 height:100%;
 width: 535px;
 text-align:left;
}

.maincontentbox p 
{
    margin-top: 0px;
    line-height: 1.3em;
    }
.maincontentbox A:link {text-decoration: underline; color: #000;}
.maincontentbox A:visited {text-decoration: underline; color: #000;}
.maincontentbox A:active {text-decoration: underline; color: #000;}
.maincontentbox A:hover {text-decoration: none; color: #333;}



.contentfooter 
{
width: 100%; 
float: left; 
margin-top: 15px; 
padding-top: 10px; 
border-top: solid 1px #A8A8A8; 
margin-bottom: 0px; 
background-image: url('/images/boxback.gif'); 
background-repeat: no-repeat; 
font-size: 1.0em; 
line-height: 1.4em;
    }
    
.contentfooter1 
{
float: left; 
padding-right: 15px; 
width: 245px; 
background-image: url(/images/boximg1.gif); 
background-repeat: no-repeat; 
background-position: 130px 25px;
    }    

.contentfooter1txt 
{
float: left;
width: 140px;
}

.contentfooter2 {
float: right; 
padding-left: 15px; 
width: 253px;
}

.contentfooter2txt {
float: left;
background-color: #DAD8D9;
width: 220px; 
margin-top: 12px; 
padding: 10px 10px 10px 10px;
}

.quoteback {
float: left; 
width:220px; 
background-image: url('/images/back_quote.gif'); 
background-repeat:no-repeat; 
height: 30px; 
display:block;
}

/* Img Spacers */

.imgright 
{
    float:right;
    margin: 0 0 15px 15px;
    }
    
.imgleft 
{
    float:left;
    margin: 0 15px 15px 0px;
    }    

.maincontentboxpic 
{
    padding: 0px 0 10px 0;
    }


#headernav {
float: left;
margin-bottom: 0px;
height: 120px;

}

#logobox {
float: left;
width: 559px;
display: block;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 0px;
}

#logo {
float: left;
margin: 0px;
padding-left: 2px;
}

/* UL Style */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

/* =-=-=-=-=-=-=-[Top Nav Menu]-=-=-=-=-=-=-=- */ .menubox {
   float: right;
   width: 95px;
   margin-top: 22px;
   }


#menu {
       width: 95px;
       border-style: none none none none;
       border-color: #D76100;
       border-width: 0px;
       margin: 0px;
       font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
       font-size: 11px;
       font-weight: normal;
       }

#menu li a {
       height: 18px;
       voice-family: "\"}\"";
       voice-family: inherit;
       height: 18px;
       text-decoration: none;
       }

#menu li a:link, #menu li a:visited {
       color: #666;
       display: block;
       background: url('/images/menu.gif');
       padding: 2px 0 0 15px;
       }

#menu li a:hover {
       color: #666;
       background: url('/images/menu.gif') 0 -18px;
       padding: 2px 0 0 15px;
       text-decoration: underline;
       }

#menu li a:active {
       color: #666;
       background: url('/images/menu.gif') 0 -36px;
       padding: 2px 0 0 15px;
       }	
	
	
	

/* Main navigation
------------------------------------------------------------------*/
.navbox {
    float: left;
    width: 760px;
    border-top: solid 1px #9C9C9C; 
    border-bottom: solid 1px #9C9C9C;
    }

ul#nav .level3{
    display: none;
}


ul#nav {

	width:510px;
	height:27px;
	/*overflow: hidden;*/
	background:transparent url(/images/navigation2.gif) no-repeat 0 -27px;
	border: red 0px solid;
	float: left;
	}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(/images/navigation2.gif) no-repeat;
	}

li#aboutus a {
	width:76px;
	height:27px;
	 }
li#ourroomsandservices a {
	width:161px;
	height:27px;
	 }
li#newsandevents a {
	width:125px;
	height:27px;
	 }	 
li#getintouch a {
	width:97px;
	height:27px;
	 }
li#contact a{
	width:89px;
	height:27px;
}
li#faqs a{
	width:58px;
	height:27px;
}

li#aboutus a:link, li#aboutus a:visited {	
	background-position:-0px 0px;
	}	 	 	 	 
li#aboutus a:hover, li#aboutus a:focus {
	background-position:-0px -27px;
	 }

ul#nav li#aboutus.Selected a
{
    background-position: -0px -27px;
}

	 
li#ourroomsandservices a:link, li#ourroomsandservices a:visited {	
	background-position:-76px 0px;
	}
li#ourroomsandservices a:hover, li#ourroomsandservices a:focus {	
	background-position:-76px -27px;
	}
	
ul#nav li#ourroomsandservices.Selected a
{
    background-position: -76px -27px;
}
	
li#newsandevents a:link, li#newsandevents a:visited {	
	background-position: -237px 0px;
	}
li#newsandevents a:hover, li#newsandevents a:focus {	
	background-position: -237px -27px;
	}

ul#nav li#newsandevents.Selected a
{
    background-position: -237px -27px;
}
	
li#getintouch a:link, li#getintouch a:visited {	
	background-position: -362px 0px;
	}
li#getintouch a:hover, li#getintouch a:focus {	
	background-position: -362px -27px;
	}
	
ul#nav li#getintouch.Selected a
{
    background-position: -362px -27px;
}

li#contact a:link, li#contact a:visited {	
	background-position: -362px 0px;
}

li#contact a:hover, li#contact a:focus {	
	background-position: -362px -27px;
}

ul#nav li#contact.Selected a
{
    background-position: -362px -27px;
}
	
li#faqs a:link, li#faqs a:visited {	
	background-position: -451px 0px;
}

li#faqs a:hover, li#faqs a:focus {	
	background-position: -451px -27px;
}

ul#nav li#faqs.Selected a
{
    background-position: -451px -27px;
}


/* Main navigation "active tabs"
------------------------------------------------------------------*/
/*
body#about-page ul#nav li#about a {
	background-position:0px -27px;
	}
body#ourrooms-page ul#nav li#ourrooms a {
	background-position:-76px -27px;
	}
body#news-page ul#nav li#news a {
	background-position:-237px -27px;
	}
body#contact-page ul#nav li#contact a {
	background-position:-362px -27px;
	}
*/
	
	
/* Front news */
.date 
{
    color: #047C7B;
    font-size: .9em;
    font-weight: bold;
    margin-bottom: 0px;
}

.story {
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size: 1.0em;
color: #333333;
margin: 0;
padding: 0;
line-height: 1.1em;
margin-bottom: 3px;
}

.story p {
margin: 0;	
padding: 2;
}

.storypic {
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size: 1.0em;
margin: 0;
padding: 0;
line-height: 1.1em;
float: left; 
width:250px;
}

.storybox 
{
float: left; 
padding-top: 15px; 
margin-bottom: 20px; 
padding-left: 15px;
border: red 0px solid;
    }

.story_contentcontainer
{
display:block;
text-align: left;
width: 240px;
float: left;
font-size: 12px;
line-height: 11px;
}

.story_link, .story_link:link, .story_link:visited
{
	display:block;
	color: #000;
	text-decoration: underline;
	line-height: 1.3em;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
} 

.story_link:hover
{
	text-decoration: none;
    color: #666;
} 


.storypicbox {float: left; width: 50px; padding: 0px 10px 10px 0px;}
.storypictxt {float: left; width: 190px;} 



/* News and events */
.newsbox {float: left; width: 530px; margin-bottom: 15px;}
.newsimg {float: left; width: 100px;}
.newstxt {float: right; width: 415px;}
	

	
	

/* =-=-=-=-=-=-=-[Sub Nav submenu]-=-=-=-=-=-=-=- */
#subnav 
{
    float: left;
    width: 205px;
    padding-bottom:12px;
    background-color: #d1e6e7;
    
    }

.submenubox {
    float: left; 
    width: 200px;
    margin-top: 10px;
    margin-left: 5px;
    }	
	
	
#submenu {
	width: 200px;
	border-style: none none none none;
	border-color: #D76100;
	border-width: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	}
	
#submenu li a {
  	height: 17px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 17px;
	text-decoration: none;
	}
	
#submenu li a:link, #submenu li a:visited {
	color: #000;
	display: block;
	background: url('/images/submenu.gif');
	padding: 8px 0 0 20px;
	}

#submenu li a.selected
{
    color: #000;
	background: url('/images/submenu.gif') 0 -28px;
	padding: 8px 0 0 20px;
	text-decoration: none;
}

#submenu li a:hover {
	color: #000;
	background: url('/images/submenu.gif') 0 -28px;
	padding: 8px 0 0 20px;
	text-decoration: underline;
	}
	
#submenu li a:active {
	color: #000;
	background: url('/images/submenu.gif') 0 -56px;
	padding: 8px 0 0 20px;
	}	
	



	

	
	
.submenulist {
	width: 180px;
	border-style: none none none none;
	border-color: #D76100;
	border-width: 0px;
	margin: 0px 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	}
	
.submenulist li a {
  	height: 17px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 17px;
	text-decoration: none;
	}
	
.submenulist li a:link, .submenulist li a:visited {
	color: #000;
	display: block;
	background: url('/images/submenulist.gif');
	padding: 8px 0 0 20px;
	}
	
.submenulist li a:hover {
	color: #000;
	background: url('/images/submenu.gif') 0 -28px;
	padding: 8px 0 0 20px;
	text-decoration: underline;
	}
	
.submenulist li a:active {
	color: #000;
	background: url('/images/submenu.gif') 0 -56px;
	padding: 8px 0 0 20px;
	}





#submenulist2 {
	width: 180px;
	border-style: none none none none;
	border-color: #D76100;
	border-width: 0px;
	margin: 0px 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 11px;
	font-weight: normal;
	}
	
#submenulist2 li a {
  	height: 17px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 17px;
	text-decoration: none;
	}
	
#submenulist2 li a:link, #submenulist2 li a:visited {
	color: #000;
	display: block;
	background: url('/images/submenulist2.gif');
	padding: 8px 0 0 20px;
	}
	
#submenulist2 li a:hover {
	color: #000;
	background: url('/images/submenu.gif') 0 -28px;
	padding: 8px 0 0 20px;
	text-decoration: underline;
	}
	
#submenulist2 li a:active {
	color: #000;
	background: url('/images/submenu.gif') 0 -56px;
	padding: 8px 0 0 20px;
	}	
		



#quicknav 
{
    float: left;
    width: 205px;
    padding-bottom:12px;
    background-color: #EBEBEB;
    margin-top: 20px;
    font-size: 11px;
    background-image: url('/images/glance.gif');
    background-repeat:no-repeat;
    background-position:top;    
    }

#quicknav  a, a:link, a:visited  {
color: #666;
text-decoration: underline;
}

#quicknav  a:hover {
text-decoration: none;
color: #666;
}      


/* List CSS*/

.iconlist
{
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
font-size:11px;
}

li.pdf
{
background-image: url(/images/pdf.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.doc
{
background-image: url(/images/doc.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.arrow
{
background-image: url(/images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

.pagelist
{
margin: 7px 0px 13px 0px;
padding-left: 20px;
float: left;
list-style: disc;
width: 515px;
}



caption {
    display:none;
    }
    
    
.roombox {
float: left; 
width: 535px; 
color: #000; 
margin-top:  10px;
margin-bottom:  15px;
} 
    
.roomstyle {
float:left; 
width: 89px; 
text-align:center;
}

.roomstyle span
{
    display: block;
}

.pricetable {
	width: 535px;
	padding: 0;
	margin: 0;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-bottom: 15px;
}



.pricetable td {
	border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    padding: 3px 3px 3px 3px;
}

.pricegroup 
{
    background-color: #999;
    color: #fff;
    font-weight: bold;
    }
    
.priceroom 
{
    background-color: #333;
    color: #fff;
    font-weight: bold;
}

.priceroom2 
{
    background-color: #333;
    color: #fff;
    font-weight: bold;
    }
    
.priceroom A:link {text-decoration: underline; color: #fff;}
.priceroom A:visited {text-decoration: underline; color: #fff;}
.priceroom A:active {text-decoration: underline; color: #fff;}
.priceroom A:hover {text-decoration: none; color: #fff;}


/* Booking form styles */
.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
.form-item input.error, .form-item textarea.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  font-weight: bold;
}
.form-item label.option {
  font-weight: normal;
}
.form-submit {
  margin: 0.5em 0;
}

.form-required {
  color: red;
  font-weight: bold;
}

.back {float: left; background-image:url(/images/back.gif); background-repeat:no-repeat; text-indent: 16px;}

.date {color: #999;}



.smalltxt A:link {text-decoration: underline; color: #000; font-size:11px;}
.smalltxt A:visited {text-decoration: underline; color: #000; font-size:11px;}
.smalltxt A:active {text-decoration: underline; color: #000;font-size:11px;}
.smalltxt A:hover {text-decoration: none; color: #333;font-size:11px;}


/* Slide Divs */

.slidecontainer {float: left; padding-left:7px;}
#slideshow {border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; padding-top:3px; padding-bottom:3px;}                 
           
           
.left {float:left;}  
.right {float:right;} 

.result {float: left; border-top: solid 1px #999; width: 530px; margin-top: 10px; padding-top: 4px;}              

.mapframe {float: left; border: solid 1px #999;}

#maincol ul
{
    margin: 7px 0px 13px 0px;
    padding-left: 20px;
    list-style: disc;
    width: 515px;
}

#maincol ul li
{
    margin-bottom: 10px;
}

.clear, .maincontentbox p.clear
{
    clear: both;
    height: 0px;
    line-height: 0px;
    margin: 0;
    padding: 0;
}


.legaltext
{
float: left; 
color:#ccc; 
font-size: 9px; 
margin-top: 6px;
margin-left:2px;
line-height: 1.6em;
}