/* CSS Document */

/*colors : 

background pale blue: #9dd4e8
background dark blue: #0092d1
background mid blue: #44b3dc
very dark blue: #003953
very dark blue text: #33454c
blue navigation text: #004a6b
h1: #666

*/

/*------------------------------
			GLOBAL STYLES
-------------------------------*/

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 65%;
	background: #ffffff url(../images/banner.gif) repeat-x top left;
	text-align: center;
	padding:  0;
	margin:  0;
}

/*------------------------------
			LAYOUT
-------------------------------*/

#container {
	width:  780px;
	margin: 0 auto;
}

#container1 {
	width:  780px;
	margin: 0 auto;
}

#containerbot{
	width:	780px;
	margin:	0 auto;
}

#banner {
	width:  874px;
	height:  170px;
	margin: 0px;
}

#header {
	width:  780px;
	height:  89px;
	margin-top: 41px;
	background: #ffffff url(../images/header.gif) no-repeat top left;
}

#info {
	width: 800px;
	margin-top: 20px;
}

#content {
	float: left;
	width:  750px;
	margin-left:5px;
	background: #fff url(../images/background.gif) no-repeat left top;
	background-position: -6px 0px;
}

#content1 {
	float: left;
	width:  750px;
	margin-top: 15px;
	margin-left:5px;
	padding-top: 25px;
	background: #fff url(../images/background2.gif) no-repeat left top;
	background-position: -6px 0px;

}

#content2{
	float: left;
	width:  750px;
	margin-top: 15px;
	margin-left:5px;
	padding-top: 25px;
	background: #fff url(../images/background2.gif) no-repeat left top;
	background-position: -6px 0px;
}

#content3{
	float: left;
	width:  750px;
	margin-top: 15px;
	margin-left:5px;
	padding-top: 25px;
	background: #fff url(../images/background1.gif) no-repeat left top;
	background-position: -6px 0px;
}

#infoleft
{
	float:left;
	width:200px;
	text-align:left;
	margin-top:10px;
	margin-left:30px;
}

#infocenter
{
	float:left;
	width:360px;
	text-align:center;
	margin-top:10px;
}

#inforight	
{
	float:left;
	width:170px;
	text-align:right;
	margin-top:10px;
}

#leftcontent {
	float: left;
	width:  340px;
	margin-left: 20px;
	padding-bottom: 25px;
	margin-top: 30px;
	
}

#leftcontact{
	float:left;
	width:320px;
}

#leftcontent1 {
	float: left;
	width:  340px;
	margin-left: 20px;
	padding-bottom: 25px;
	margin-top: 15px;
}

#leftcontent2{
	float: left;
	width:  340px;
	margin-left: 20px;
	padding-bottom: 25px;
	margin-top: 30px;
}

#leftcontent3{
	float:left;
	width:420px;
	margin-left:10px;
	margin-top:30px;
	padding-bottom:25px;
}

#leftcontent4
{
	float:left;
	width:450px;
	margin-left:10px;
	padding-bottom:25px;
	margin-top:20px;
	}

#leftSponsor{
	float:left;
	width:340px;
	margin-left:20px;
	padding-bottom:25px;
	margin-top:20px;	
}

#accomtype
{
	float:left;
	width:330px;
	}
#accomarea
{
	float:left;
	width:320px;
	margin-top:10px;
	}
#accomarea1
{
	float:left;
	width:150px;
	}
#accomarea2
{
	float:left;
	width:150px;
	}
#accomfac
{
	float:left;
	width:320px;
	margin-top:10px;
	}
#accomfac1
{
	float:left;
	width:160px;
	}
#accomfac2
{
	float:left;
	width:150px;
	}
#accomrat
{
	float:left;
	width:320px;
	margin-top:10px;
	margin-bottom:10px;
	}
#accomrat1
{
	float:left;
	width:150px;
	}
#accomrat2
{
	float:left;
	width:150px;
	}

.webcamcontent
{
	float:left;
	width:700px;
	margin-left:20px;
	}

#leftimg{
	float:left;
	width:330px;
	padding-bottom:15px;
	margin-top:0px;
	height:490px;
}

#rightimg{
	float:left;
	width:400px;
	padding-bottom:25px;
	margin-top:10px;
	height:400px;
}

#controls
{
	float:left;
	width:400px;
	}

#prevbut
{
	float:left;
	width:60px;
	text-align:left;
}

#wall
{
	float:left;
	width:400px;
	text-align:center;
}

#nextbut
{
	float:right;
	width:60px;
	text-align:right;
}

#rightcontent {
	float: left;
	width:  340px;
	padding-left: 22px;
	margin-top: 30px;
}

#rightcontent1 {
	float: left;
	width:  295px;
	padding-left: 65px;
	margin-top: 35px;
	background: #fff url(../images/strip.gif) repeat-y left top;
	margin-left: 10px;
}

#rightcontent2{
	float: left;
	width:  340px;
	padding-left: 22px;
	margin-top: 35px;
}

#rightcontent3 {
	float: left;
	width:  340px;
	padding-left: 22px;
	margin-top: 15px;
}

#rightcontent4{
	float:left;
	width:280px;
	padding-left:22px;
	margin-top:75px;
}

#rightcontent5
{
	float:left;
	width:340px;
	padding-left:22px;
	margin-top:90px;
	}
#rightcontent6
{
	float:left;
	width:250px;
	padding-left:22px;
	margin-top:30px;
	}

#rightSponsor{
	float:left;
	width:340px;
	padding-left:12px;
	margin-top:20px;
}

#images1 {
	float: left;
}

#images2 {
	float: left;
}

#facilities1 {
	float: left;
	width:  170px;
	margin-bottom: 20px;
	padding:0px;

}

#facilities2 {
	float: left;
	width:  170px;
	margin-bottom:20px;
	padding:0px;
}


#navigation 
{
	width: 850px;
	height: 32px;
}

#leftnav
{
	float:left;
	width:5px;
	height:2px;
}

#centernav
{
	float:left;
	width:850px;
	height:32px;
	}

#images {
	float: left;
	width:  380px;
	background:  #fff;
	margin-top:50px;
	margin-bottom: 50px;
}

#_results {
	width: 760px;
}

#footer {
	clear: both;
	width:  760px;
	height:  200px;
	background: url(../images/hospitality_logo.jpg) no-repeat bottom center;
}

#footerblock {
	clear: both;
	width:  100%;
	height:  56px;
	background: #9dd4e8;
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
}

.widepanel {
	float: left;
	margin-left: 20px;
	padding-bottom: 15px;
	border-bottom: 1px #ccc solid;
}

.widepanel2{
	float:left;
	padding-bottom:15px;
	border-bottom:1px #ccc solid;
	width:270px;
	}

.widepanel3
{
	float:left;
	margin-left:20px;
	padding-bottom:15px;
	border-bottom:1px #ccc solid;
	width:700px;
	text-align:center;
	}
	
.widepanel4
{
	float:left;
	width:440px;
	padding-bottom:15px;
	border-bottom:1px #ccc solid;
	}

#buttons {
	width: 760px;
	background: #333;
	margin-top: 6px;
}

#bottom_line {
	float: left;
	width: 787px;
	height: 82px;
	margin-left:5px;
	background: #fff url(../images/bottom_line.gif) no-repeat left bottom;
	background-position: -5px 0px;
}

#bottom_line1 {
	float: left;
	width: 787px;
	height: 82px;
	margin-left:5px;
	background: #fff url(../images/bottom_line1.gif) no-repeat left bottom;
	background-position: -5px 0px;
}

.thumbnail {
	float: left;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 20px;
}

.listing {
	float: left;
	width: 360px;
}

.listing1
{
	float:left;
	width:240px;
}

.listing2
{
	float:left;
	width:700px;
}

.listing3
{
	float:left;
	width:410px;
}

.listing4
{
	float:left;
	width:480px;
}

.links {
	float: left;
	margin-left: 20px;
	padding: 0;
}

.pages{
	float:left;
	width:740px;
	margin-right:10px;
	text-align:right;
}
	
.pages1
{
	float:left;
	width:720px;
	margin-left:25px;
	text-align:left;
	}
	
.page
{
	float:left;
	width:680px;
	margin-left:25px;
	}
.page1
{
	float:left;
	width:330px;
	text-align:left;
	}
.page2
{
	float:left;
	width:330px;
	text-align:right;
	}
	
.eatinglink
{
	float:left;
	width:720px;
	text-align:center;
	}

#slideshow {
margin-left: 20px;
margin-right: 30px;
width: 740px;
background-color:#003953;
}


/* -------------------------------------
			TOP NAVIGATION 
-----------------------------------------*/

#navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1.3em;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 14px;
}

#navigation li {
	display: inline;
}

#navigation a:link, #navigation a:visited {
	padding: 1px 7px 3px 10px;
	color: #004a6b;
	background: #9dd4e8;

}

#navigation a:hover, #navigation a:active {
	background: #9dd4e8;
}

.here {
	background: #9dd4e8;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul 
{
 margin: 0;
 padding: 0;
 padding-top:14px;
 list-style: none;
 
 }
 
/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul 
{
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 10px; /* I'm using ems and px to allow people to zoom their font */
 width:120px;
 left: -1px;
 }

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
 background: #9dd4e8;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 padding: 3px;
 color: #9dd4e8;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 background-color: #9dd4e8;
}
.menulist a.highlighted {
 background-color: #9dd4e8;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: left;
}
/* \*/
.menulist a {
 float: left;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}


/*------------------------------
			TEXT STYLES
-------------------------------*/

.italic {
	font-style:italic;
}

#rightcontent1 p {
	margin: 0px;
	padding: 0px;
}


#content {
	text-align: left;
	font-size: 1.4em;
	line-height: 1.6;
	color: #666666;
	padding-left: 15px;
	padding-right: 20px;
	}

#content1 {
	text-align: left;
	font-size: 1.4em;
	line-height: 1.8;
	color: #666666;
	padding-left: 15px;
	padding-right: 20px;
	}	
#listing p {
	padding: 0px;
	margin: 0px;
}

#listing2 p {
	padding: 0px;
	margin: 0px;
}

#listing3 p {
	padding: 0px;
	margin: 0px;
}

#footer {
	clear: both;
	color: #33454c;
	font-size: 1.2em;
}

#links p {
	margin: 0px;
}

#links2 p {
	margin: 0px;
}

#links3 p {
	margin: 0px;
}

.highlight {
	font-size: 1.1em;
	color: #333;
}

/*------------------------------
			LINKS
-------------------------------*/
a:link {
	color: #0092d1;
	text-decoration: none;
	}
a:visited {
	color: #0092d1;
	text-decoration: none;
}

#footer a:link, #footer a:visited {
	color: #33454c;
	text-decoration: none;
}

.underline {
	text-decoration: underline;
}

#footer a:link, #footer a:visited  {
	text-decoration: underline;
}

/*------------------------------
			HEADINGS
-------------------------------*/

h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #999999;
	
}

#header h1 {
	font-size: 1.2em;
	text-align: right;
	color:#ffffff;
	text-transform: uppercase;
	font-weight: normal;
}

#header h1 a:link{
	color:#ffffff;
}
#header h1 a:visited{
	color:#ffffff;
}

h2{
	font-size:1.2em;
	font-weight: bold;
	color:#999999;
}

#header p {
	font-size: 1.4em;
	text-align: right;
	color: #fff;
	font-style: italic;
	font-weight: normal;
	padding-top: 5px;
}

.title1 {
	background: url(../images/title1.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title2 {
	background: url(../images/title2.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title3 {
	background: url(../images/title3.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title4 {	
	background: url(../images/title4.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title5 {
	background: url(../images/title5.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title6 {
	background: url(../images/title6.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title7 {
	background: url(../images/title7.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title8 {
	background: url(../images/title8.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title9 {
	background: url(../images/title9.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title10 {
	background: url(../images/title10.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title11 {
	background: url(../images/title11.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title12 {
	background: url(../images/title12.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title13 {
	background: url(../images/title13.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title14 {
	background: url(../images/title14.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title15 {
	background: url(../images/title15.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title16 {
	background: url(../images/title16.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title17 {
	background: url(../images/title17.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title18 {
	background: url(../images/title18.gif) no-repeat;
	text-indent: -9999px;
	padding-bottom: 14px;
}
.title19{
	background:url(../images/title19.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title20{
	background:url(../images/title20.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title21{
	background:url(../images/title21.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title22{
	background:url(../images/title22.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title23{
	background:url(../images/title23.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title24{
	background:url(../images/title24.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title25{
	background:url(../images/title25.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title26{
	background:url(../images/title26.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title27{
	background:url(../images/title27.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title28{
	background:url(../images/title28.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title29{
	background:url(../images/title29.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title30{
	background:url(../images/title30.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}
.title31{
	background:url(../images/title31.gif) no-repeat;
	text-indent:-9999px;
	padding-bottom:14px;
}




/*------------------------------
			IMAGES
-------------------------------*/
img a {
	border: none;
	}


img {
	border: none;
	}

.imageborder {
	padding: 6px;
	margin: 4px;
	border: 1px solid #ededed;
	}
	
.image1{
	padding-bottom:4px;
	padding-right: 4px;
	margin: 0px;
}

/*--------------------------------
       FORMS
---------------------------------*/
/*fieldset {
	border: none;
}


form {
	width: 100%;
	margin: 0;
	padding: 0;
}

legend {
	font-weight: bold;
	color: #000;
}

label {
	display:  block;
	color: #333;
	padding-left: 0;
}

input {
	width:  300px;
	margin-left: 0;
	height: 1.6em;
	background: #dbf1f7;
	border: 1px solid #999;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

textarea {
	width:  300px;
	margin-left: 0;
	background: #dbf1f7;
	border: 1px solid #999;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

input.submit {
	width: 80px;
	font-size: 1.0em;
}*/
.style {
	float: left;
	width: 100px;
	text-align: right;
	clear: left;
	margin-right: 15px;
}

.style1 {
	font-size: 0.9em;
	font-weight: bold;
}

/*------------------------------
			LISTS
-------------------------------*/
.select {
	background: url(../images/sun.gif) no-repeat left;
	background-position: 0px 5px;
}

/*.right {
	float: right;
	padding-right: 120px;
	padding-top: 25px;
}*/

.right {
	float: left;
	padding-top: 20px;
	list-style-type: none;
	margin: 0px;
padding-left: 0px;
padding-bottom: 10px;
padding-right: 0px;
}
.left {
	float: right;
	padding-top: 18px;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
padding-bottom: 10px;
padding-right: 0px;

}


ul#fac1 {
	margin:  0px;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 0.9em;
	list-style-type:none;
}

ul#fac2 {
	margin:  0px;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 0.9em;
	list-style-type:none;
}

.bullet {
	margin-top: 8px;
	margin-left: 10px;
}



.list a:link, .list a:visited {
	background: url(../images/right_arrow_fade.gif) no-repeat left;
	background-position: 0px 4px;
	color: #666;
	padding-left:30px;
	font-size: 1.2em;
}

.list a:hover {
	color: #666666;
	background: url(../images/right_arrow.gif) no-repeat left;
	background-position: 0px 4px;
	padding-left:30px;
	font-size: 1.2em;
}

.list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.angelica1 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 25px;
	background: url(../images/list1.gif) no-repeat left;
}

.angelica2 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 25px;
	background: url(../images/list2.gif) no-repeat left;
}

.angelica3 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 25px;
	background: url(../images/list3.gif) no-repeat left;
}


#buttonset {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 6px;
	list-style: none;
	background: #44b3dc;
}

#buttonset a {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1.4em;
	color: #fff;
}

#buttonset a:hover {
	color: #004a6b;
}

#request {
	float: left;
	margin: 0;
	padding: 7px 28px 6px 28px;
	background: url(../images/brochure.gif) no-repeat left;
}

#webcams {
	float: left;
	margin: 0;
	padding: 7px 28px 6px 28px;
	background: url(../images/webcam.gif) no-repeat left;
}

#member {
	float: right;
	margin: 0;
	padding: 7px 28px 6px 28px;
	background: url(../images/members.gif) no-repeat left;
}

.login {
	padding: 10px 0 10px 20px;
	background: url(../images/members.gif) no-repeat left;
}

#commercial {
	float: right;
	margin: 0;
	padding: 7px 28px 6px 28px;
	background: url(../images/commercial.gif) no-repeat left;
}

.tour
{
	padding:10px 0 10px 20px;
	background:url(../images/tour.gif) no-repeat left;
}

.clicks {
	padding: 10px 0 10px 20px;
	background: url(../images/commercial.gif) no-repeat left;
}

/*------------------------------------
		MISCELLANEOUS
-------------------------------------*/
.house {
	background: url(../images/icon_house.gif) no-repeat left;
	padding-left:25px;
}

.view {
	padding-left:25px;
	background: url(../images/icon_search.gif) no-repeat left;
}

.more {
	padding-left:25px;
	background: url(../images/icon_search.gif) no-repeat left;
}

.bold {
	font-weight:bold;
}
.search {
	width: 200px;
	height: 50px;
	background: url(../images/search_text.gif) no-repeat left;
	border: 0;
}
.address {
	padding-left: 25px;
	background: url(../images/write.gif) no-repeat top left;
	background-position: 0px 5px;

}
.phone {
	padding-left: 25px;
	background: url(../images/phone.gif) no-repeat top left;
	background-position: 0px 7px;

}
.fax {
	padding-left: 25px;
	background: url(../images/fax.gif) no-repeat top left;
	background-position: 0px 5px;

}
.email {
	padding-left: 25px;
	background: url(../images/email.gif) no-repeat top left;
	background-position: 0px 5px;

}
.rating1 {
margin-left: 180px;
float: left;
margin-top: -163px;
}
.brochure {

width: 400px;
}
.brochure1 {
padding-right: 10px;
padding-left: 10px;

}
.brochure2 {
padding-left: 20px;
}
.tha {
color: #44b3dc;
font-weight: bold;
}