body {margin: 0; background: #959CCA url(/images/pagebak-hotel.gif) top center repeat-x; font-size: 13px; font-family: verdana; text-align: center; z-index: 0;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
th, td {font-size: 12px;}

#c1 {width: 978px; background: url(/images/midshad-hotel.gif) repeat-y; margin: 0 auto;}
#c2 {width: 978px; background: url(/images/gradtop-hotel.jpg) no-repeat;}
#c3 {width: 954px; margin: 0 auto; position:relative;}

#sectors {width: 954px; margin: 0 auto;}
#sectors ul {margin:0;padding:0;background:url(/images/torr-nav.png) no-repeat;height:55px;}
#sectors ul li {margin:0;padding:0;list-style-type:none;float:left;width:190px;}
#sectors ul li a {display:block;height:40px;outline:0;}
#s1:hover, #s1.on {background:url(/images/torr-nav.png) no-repeat 0 -55px;}
#s2:hover, #s2.on {background:url(/images/torr-nav.png) no-repeat -190px -55px;}
#s3:hover, #s3.on {background:url(/images/torr-nav.png) no-repeat -380px -55px;}
#s4:hover, #s4.on {background:url(/images/torr-nav.png) no-repeat -570px -55px;}
#s5:hover, #s5.on {background:url(/images/torr-nav.png) no-repeat -760px -55px;}

#menu {z-index: 40; font-family: "trebuchet ms"; font-weight: normal; font-size: 1em; background:#9797C9; height:42px; padding-left:20px;}

#menu>ul>li>a {text-transform: uppercase;}

#sn {float:right;margin:10px 10px 0 0;}
#sn a {outline:0;}
#sn a img {border:0;margin-left:5px;opacity:.8;}
#sn a:hover img {opacity:1;}

#topbar {z-index:5;}
#ss {z-index:5;height:204px;position:relative;}
#ss img {z-index:10;position:absolute;}
#ss img#fb {z-index:20;}

#content {background: white url(/images/content-bak.gif); border-top: 80px solid white; border-bottom: 10px solid white; margin: 0 auto; text-align: left; padding-left:55px; padding-right: 30px;}
#content-left {color: #111111;  font-size: .9em; line-height: 1.6em; float: left; width: 550px;}
#content-right {color: #111111; float: right; width: 223px;}
#content-right .blueheading {font-size: .9em; color: #3a5566;}
#content-right .item {margin-bottom: 10px;}
#content-both {color: #111111;  font-size: .9em; line-height: 1.5em; }

#bottom-table td {width:100%;  padding-bottom: 25px;}
#bottom-table td .inner {color: #45555F; line-height: 1.6em;width:550px;}

#content-left td {color: #45555F;  line-height: 1.3em; font-weight: normal; padding: 2px;}
#content-left th {color: #45555F;  line-height: 1.3em; background: #f5f4d8; font-weight: normal; padding: 2px;}
#content-left caption {background: url(/images/captionbak.gif) #7c878e top right no-repeat; font-weight: bold; color: white; caption-side: top;  line-height: 1.3em; padding: 5px; border-bottom: 2px solid white;}
#content-left tfoot, #content-left .tfoot {background: url(/images/tablefooterbak.jpg) #d4d5d7 no-repeat bottom right; padding: 5px; border-top: 4px solid white;}

#content-left tr.border-top th {border-top: 1px solid #d0cdc8;}
#content-left tr.border-bottom th {border-bottom: 1px solid #d0cdc8;}
#content-left tr.border-bottom td {border-bottom: 1px dotted #cdcdcd;}

/* to persuade the flash movie to go behind the datepicker and lightbox - addParam wmode transparent and */
#slideshow {z-index: -1;}
#lightbox {z-index: 45;}
#overlay {z-index: 45;} /* has z-index of 90 in own stylesheet */
.dpDiv {z-index: 45;} /* datepicker dropdown layer */




#content-bottom {position: relative; background: url(/images/footer-curve.png); height: 18px; clear: both;}
#footnote {color: #45555F; font-size: .9em; margin-top: 20px;}

#logo {position: absolute; left: 55px; top: 164px; width: 175px; height: 115px; z-index: 10; background: url(/images/logo.gif) no-repeat;}
#logo ul {width: 175px; height: 33px; margin: 0; margin-top: 82px; padding: 0; position: relative;}
#logo ul li {margin: 0; padding: 0; list-style: none; display: block; float: left; width: 35px; height: 35px;}
#logo ul a {display: block; width: 35px; height: 35px;}
#logo ul a span {display: none; width: 75px; height: 16px; position: absolute; top: 35px;}
#logo ul a:hover span {display: block;}
#logo #logospan1 {background: url(/images/logo.gif) 0 -115px;}
#logo #logospan2 {background: url(/images/logo.gif) 0 -131px;}
#logo #logospan3 {background: url(/images/logo.gif) 0 -147px;}
#logo #logospan4 {background: url(/images/logo.gif) 0 -163px;}
#logo #logospan5 {background: url(/images/logo.gif) 0 -179px;}

#page-buttons {width:590px;height:98px;position:relative;background:url(/images/page-buttons.jpg);}
#page-buttons a {display:block;position:absolute;width:106px;height:98px;top:0;text-indent:-500em;}
#page-buttons #hotel {left:0px;}
#page-buttons #restaurant {left:121px;}
#page-buttons #inn {left:241px;}
#page-buttons #activities {left:362px;}
#page-buttons #boathouse {left:484px;}

#strapline {position:absolute;left:250px;top:230px;}
#strapline h2 {text-align:center;font-family: 'century gothic', georgia;font-size:22px;padding-top:27px;margin-top:0;color:#425263;}

#telephone {position:absolute;left:740px;top:230px;}
#telephone h2 {text-align:center;font-family: 'century gothic', georgia;font-size:22px;padding-top:27px;margin-top:0;color:#425263;}
#telephone h2 a {display:block;font-size:10px;color:black;letter-spacing:1px;}

#footer {background: #959CCA url(/images/footshad-hotel.gif) no-repeat; width: 978px; margin: 0 auto; color: white; font-size: .75em; line-height:8em;}


#locationinfo {text-align: right;}
#locationinfo a, #locationinfo a:visited {display: block; color: #999999; margin-left: 50px; margin-bottom: 1px; margin-right: 15px;}
#locationinfo a:hover {background: #bbbbbb; color: #555555; text-decoration: none;}
#locationinfo a:active {background: red;}

#foot_awards {padding-top:10px;}
#foot_awards img {margin-right:8px;}

#openclose {display: none;}

#hotelbookingform {font-size: .8em;background: #eeeeee;}
#hotelbookingform table {margin: 8px; width: 193px;}
#hotelbookingform input {font-size: 1em;}
#hotelbookingform select {font-size: 1em;}

#enquiryform {font-size: .8em;}
#enquiryform td {font-size: 10px; color: #45555F;}
#enquiryform input {font-size: 1em;}
#enquiryform textarea {}

#reservations-button {width: 223px; height:53px;}
#reservations-button a {display: block; width: 223px; height:53px; background: url(/images/reservations-bak.gif) no-repeat; outline: 0;}
#reservations-button a:hover {background: url(/images/reservations-bak.gif) 0 53px;}
#reservations-button a:active {outline: 0;}

#sendform-button {width: 223px; height:53px;}
#sendform-button a {display: block; width: 223px; height:53px; background: url(/images/sendform-bak.gif) no-repeat; outline: 0;}
#sendform-button a:hover {background: url(/images/sendform-bak.gif) 0 53px;}
#sendform-button a:active {outline: 0;}

#subscribeform {width: 100%;background:#eeeeee;}
#subscribeform th {color: #45555F; font-size: 11px; text-align: center; padding: 5px;}
#subscribeform td {color: #45555F; font-size: 11px; text-align: right;}
#subscribeform .bg {background: silver; text-align: center;}

.editableslot {background:#eeeeee; font-size: 11px; padding: 5px;}

#more {text-align: right; padding-right: 10px;}
#folded {display: none;}

.clicktoenlarge span, .fancybox span {display: block; font-size: 9px; font-family: tahoma; color: #888888; text-align: right; padding-top: 1px; padding-bottom: 4px;}
.clicktoenlarge span {padding-right: 18px; background: url(/images/magnify.png) bottom right no-repeat;}
.fancybox span {padding-right: 78px; background: url(/images/slideshow.gif) bottom right no-repeat;}

.clicktoenlarge:hover {text-decoration: none;}

.rightpiccaption {text-align:center; font-size: 10px;}

.rhsbutton, .rhsbutton2 {
outline: none;
}

.rhsformhead {
display: block;
width: 223px;
height: 30px;
color: black;
line-height: 3.2em;
text-align: center;
text-decoration: none;
background: url(/images/formheadbak.gif);
font-weight: bold;
font-size: 11px;
text-transform:uppercase;
}

.rhsformfoot {
display: block;
width: 223px;
height: 35px;
color: navy;
line-height: 2.4em;
text-align: center;
text-decoration: none;
background: url(/images/formfootbak.gif);
font-weight: bold;
font-size: 12px;
}

.rhsformthanks {
border-left: 2px solid #9597c7;
border-right: 2px solid #e0aa9e;
padding: 5px;
padding-top: 10px;
padding-bottom: 55px;
background: #E9F0F5 url(/images/dan-and-rohaise-signature.gif) bottom center no-repeat;
color: #45555F; font-size: .9em; line-height: 1.3em;
}

.rhsbutton {
display: block;
width: 223px;
height: 35px;
color: black;
line-height: 3.2em;
text-align: center;
text-decoration: none;
background: url(/images/formheadbak.gif);
font-weight: bold;
font-size: 12px;
}

.rhsbutton:hover {
text-decoration: none;
background: url(/images/formheadbak.gif) 0 35px;
}

.rhsbutton2 {
display: block;
width: 223px;
height: 22px;
background:#eeeeee;
padding-top: 13px;
color: navy;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

*html .rhsbutton2 {
height: 35px;
}

.rhsbutton2:hover {
text-decoration: none;
background: #eeeeee url(/images/colorbar.gif) no-repeat bottom left;
}

.ebay_item {
border:1px solid silver;
padding:5px 5px 15px 5px;
font-size:10px;
line-height:1.3em;
margin-bottom:10px;
background:url(/images/ebay.gif) no-repeat bottom right;
}

.ebay_item h3 {
font-size:11px;
margin:0 0 5px 0;
text-align:center;
}

.ebay_item img {
border:1px solid #555555;
margin-left:5px;
}

.fancybox img {
border:0;
}


/* GUESTBOOK */
.gb-entry {
margin-top: 10px;
}

.gb-title {
font-weight: bold;
}

.gb-content {
padding-left: 10px;
}

.gb-name-and-date {
font-style: italic;
padding-left: 10px;
}

.gb-indent {
padding-left: 20px;
}

#msg {
border: 1px dotted red;
padding: 5px;
color: red;
background: #ffff88;
}

#pubmsg {
border: 1px dotted red;
padding: 5px;
color: red;
background: #ffff88;
margin-bottom: 10px;
}


.row0 {
background: #eeeeee;
}

.row1 {
background: #dddddd;
}

#admin {padding-left: 55px; background: white;  padding-top: 10px; padding-bottom: 10px;}
#admin a, .adminlinkbutton {display: inline-block; background: #425263; color: #EFEFFF; padding: 3px; padding-left: 4px; padding-right: 4px; border-top: 1px solid #8E9FAF; border-left: 1px solid #8E9FAF; border-bottom: 1px solid #04151F; border-right: 1px solid #04151F; margin-right: 4px;  font-family: tahoma; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-style: normal;}
.adminbutton {background: #425263; color: #EFEFFF;  font-family: tahoma; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-style: normal;}
#admin a:hover {text-decoration: none; color: yellow; background: #74858F; outline: none; border-bottom: 1px solid #425263; border-right: 1px solid #425263;}
#admin a:active {border-top: none; border-left: none; border-bottom: 2px solid #425263; border-right: 2px solid #425263; color: red; outline: none;}

.adminmsg {font-size: .8em; color: red; margin-bottom: 8px;}
.adminform {}
.submit {background: #425263; color: #EFEFFF; border-top: 1px solid #8E9FAF; border-left: 1px solid #8E9FAF; border-bottom: 1px solid #04151F; border-right: 1px solid #04151F; font-family: tahoma; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; padding: 3px; padding-left: 4px; padding-right: 4px;}


/* BLOG STYLES*/

.nDate {font-weight: bold; font-family: verdana; font-size: .8em;}
.nHeadline {font-weight: bold; font-size: 1.1em;}

.blogcomment {border-top: 1px solid #B6B6AE; margin-top: 10px; padding-top: 10px;}
.blogcommentname {font-weight: bold; font-family: verdana; font-size: .8em; margin-bottom: 10px;}

.blogindex {text-align: left;}
.blogindex a {display: block; font-weight: bold; padding: 6px; font-size: .8em; color: #455560; border-bottom: 1px dashed #455560;}
.blogindex a:hover {display: block; background: #eeeeee; font-weight: bold; font-size: .8em; color: red; border-bottom: 1px dashed red; text-decoration: none;}
.blogindexheader {font-weight: bold; margin-bottom: 10px; font-size: 1.2em;}

#viewblog a {display:block; color: white; font-weight: bold; text-align: center; padding:8px; background: #5D6B73;}
#viewblog a:hover {background: #455560; text-decoration: none;}
#viewblog span.blogitem {display: block; margin-top: 4px; font-size: .85em; font-weight:normal; font-style: italic;}


/* ============================================== */
/* Styles for TOOLTIPS */
/* ============================================== */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#44f;
    text-decoration:none;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    left: 5px;
    cursor: help;}

a.info:hover{z-index:25; background-color:#7777ff;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:2em; width:15em;
    border:1px solid #ddddbb;
    background-color:#ffffe0; color:#000;
    text-align: center;
    font-weight: normal;
    padding: 5px;}




#nav, #nav ul, #nav2, #nav2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 50;
}

#nav2 {
	float:right;
	margin-right:20px;
	}

#nav, #nav2 {
	padding-top:15px;
}

#nav a {
	display: block;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom:9px;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
}

#nav2 a {
	width:120px;
	text-align:right;
	display: block;
	padding-bottom:9px;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	background:#9797C9;
}

#nav a:hover, #nav2 a:hover {
	text-decoration: none;
	color: black;
	}

#nav li, #nav2 li {
	float: left;
}

#nav li ul, #nav2 li ul {
	position: absolute;
	width: 12em;
	left: -999em;
	padding: 0;
	z-index:60;
}

#nav2 li ul {
	width:120px;
}

#nav li ul li, #nav2 li ul li {
	display: block;
	width: 12em;
	margin: 0;
	text-indent: 0;
	padding: 0;
}

#nav li ul li a {
	text-align:left;
	/* text-transform:lowercase; */
	padding-bottom:2px;
}

#nav2 li ul li a {
	text-align:right;
	/* text-transform:lowercase; */
	padding-bottom:2px;
	padding-right:5px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background:#9797C9;
}

#nav2 li:hover ul, #nav2 li.sfhover ul {
	left:auto;
	background:#9797C9;
}

#nav li:hover ul li a, #nav li.sfhover ul li a, #nav2 li:hover ul li a, #nav2 li.sfhover ul li a {
	display: block;
	line-height: 1.9em;
	}

#nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover {
	background: #3e4883;
	color: white;
	}

#nav2 li:hover ul li a:hover, #nav2 li.sfhover ul li a:hover {
	background: #3e4883;
	color: white;
	}


#blogadmin {
position: relative;
font-family: verdana, geneva;
border: #666666 2px solid;
background-color: #ffffff;
padding: 4px;
margin-bottom: 5px;
}

#adminhead {
border-left: #234362 3px solid;
border-top: #60859D 3px solid;
border-right: #B0CBDD 3px solid;
border-bottom: #486A82 3px solid;
background-color: #376A9B;
padding-left: 5px;
color: white;
font-size: 11px;
font-weight: bold;
margin-bottom: 2px;
}

#adminbody {
background-color: #CCCCCC;
color: black;
padding: 8px;
font-family: verdana, geneva;
font-size: 10px;
font-weight: bold;
line-height: 16px;
}

#adminbody td p {
font-family: verdana, geneva;
font-size: 10px;
font-weight: bold;
line-height: 16px;
}

#adminbody dfn {
font-family: verdana, geneva;
margin-left: 5px;
padding-left: 2px;
padding-right: 2px;
cursor: help;
background-color: white;
border: 1px solid #376A9B;
color: #376A9B;
font-weight: bold;
}

.suspended a {
background:pink;
}

#weather h3 {
margin-bottom:0;
}

.weatherdate {
font-size:10px;
font-style:italic;
margin-top:5px;
margin-bottom:10px;
}

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}