.force-scrollbar { 
position: absolute; 
top: 0; 
bottom: -1px;
width: 1em; 
z-index: -1; 
}
body {background-color:#C6E3F7; margin:0; padding:0; font: 1.0em verdana, arial, sans-serif; }
div#container {position:relative; width:761px; margin-left:auto; margin-right:auto; background-color:#ffffff}

div#header {height:156px; background-color:#FFF; text-align:center; }
 /*styles for header - text-align centers graphic */
/* Main Navigation -------V7 ----*/

#main-nav { height: 43px; }
#main-nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 0px; } 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; padding-bottom: 3px;} 
/* End Hack */

#main-nav dt { float: left; }

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:43px; /* IE 5/Win hack */ 
	padding: 43px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav dt a:hover {
	background-position: 0 -43px;
}
#main-nav dt#home,
#main-nav dt#home a { width: 47px; background-image: url(../images/nav/home.gif); }

#main-nav dt#cottages,
#main-nav dt#cottages a { width: 78px; background-image: url(../images/nav/cottages.gif); }

#main-nav dt#resort,
#main-nav dt#resort a { width: 127px; background-image: url(../images/nav/resort.gif); }

#main-nav dt#things,
#main-nav dt#things a { width: 99px; background-image: url(../images/nav/things.gif); }

#main-nav dt#groups,
#main-nav dt#groups a { width: 66px; background-image: url(../images/nav/groups.gif); }

#main-nav dt#reservations,
#main-nav dt#reservations a { width: 110px; background-image: url(../images/nav/reservations.gif); }

#main-nav dt#contact,
#main-nav dt#contact a { width: 70px; background-image: url(../images/nav/contact.gif); }

body.home dt#home,
body.home dt#home a,
body.home dt#home a:hover,
body.cottages dt#cottages,
body.cottages dt#cottages a,
body.cottages dt#cottages a:hover,
body.resort dt#resort,
body.resort dt#resort a,
body.resort dt#resort a:hover,
body.things dt#things,
body.things dt#things a,
body.things dt#things a:hover,
body.groups dt#groups,
body.groups dt#groups a,
body.groups dt#groups a:hover,
body.reservations dt#reservations,
body.reservations dt#reservations a,
body.reservations dt#reservations a:hover,
body.contact dt#contact,
body.contact dt#contact a,
body.contact dt#contact a:hover {
	    background-position: 0 -348px;
}

body.cottages #header {
	height: 156px;
	background: #ffffff
	 			url(../images/headers/header.jpg);
}

div#nav {position:absolute; left:0px; top:185px; width:163px;
			 padding:0; margin:5px 0 15px 6px;}			
div#nav ul {border:0; margin:12px 1.25em 12px 0; padding:0; list-style-type:none; font-size:.70em; text-align:left}

div#nav li {margin:0; padding:.3em;}
div#nav a {text-decoration:none; color:#2F2F96}
div#nav a:hover {color: #dd2233;}
/* a hack for IE Win only \*/	
/*end of hack */

div#content {margin:10px 0px 0px 168px; padding: 0 0em; vertical-align:top;}
/* For IE */
div#content div#floorplan {width:200px; float:left; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
/* For Firefox */
html>body div#content div#floorplan {width:200px; float:left; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}


div#content div#stagger {width:355px; float:left; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
/* For Firefox */
html>body div#content div#stagger {width:355px; float:left; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
div#content div#stagger p{font-size:.65em; margin:0px 10px; color:#C60; width: 200px;}


div#content div#staggerhalf {width:200px; float:left; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
/* For Firefox */
html>body div#content div#staggerhalf {width:200px; float:left; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
div#content div#staggerhalf p{font-size:.65em; margin:0px 10px; color:#C60; width: 200px;}



div#content div#rstagger {width:355px; float:right; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
/* For Firefox */
html>body div#content div#rstagger {width:355px; float:right; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
div#content div#rstagger p{font-size:.65em; margin:0px 10px; color:#C60; width: 200px;}

div#content div#rhalfstagger {width:255px; float:right; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
/* For Firefox */
html>body div#content div#rhalfstagger {width:255px; float:right; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
div#content div#rhalfstagger p{font-size:.65em; margin:0px 10px; color:#C60; width: 200px;}


/* For IE */
div#content div#mainimage {width:350px; float:right; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
/* For Firefox */
html>body div#content div#mainimage {width:350px; float:right; margin: 0 8px 4px 0; padding: 10px;}
div#content div#mainimage img {border-left:2px solid #ECDA8B; padding: 9px;}
div#content div#mainimage p {font-size:.65em; margin:0px 10px; color:#C60; width: 200px;}

/* For IE */
div#content div#halfimage {width:180px; float:right; margin: 0 0px 0px 0; padding: 0px; vertical-align:top;}
/* For Firefox */
html>body div#content div#halfimage {width:180px; float:right;margin: 0px 8px 4px 0; padding: 10px;}
div#content div#halfimage img {border-left:2px solid #ECDA8B; padding: 9px;}
div#content div#halfimage p{font-size:.65em; margin:0px 10px; color:#C60; width: 130px;}


/* For IE */
div#content div#smimage {margin: 0 0px 0px 0; padding: 0px;}
/* For Firefox */
html>body div#content div#smimage {margin: 0px 8px 4px 0; padding: 10px;}
div#content div#smimage img {width:100px; border-left:2px solid #ECDA8B; float:right; solid: #ECDA8B; padding: 9px;}
div#content div#smimage h1{font-size:.8em; margin-top:0; font-family:'arial', verdana, sans-serif; color:#2F2F96; margin-bottom:0;}

div#content div#clearthefloats {clear:both;}

div#content h1{padding-bottom:.8em; font-size:.8em; margin-top:0; font-family:'arial', verdana, sans-serif; color:#dd2233; margin-bottom:0;}
html>body div#content h1{font-size:.8em; margin-top:3.8em; font-family:'arial', verdana, sans-serif; color:#dd2233; margin-bottom:0;}

div#content h2{padding-bottom:.8em; font-size:.8em; margin-top:0; font-family:'arial', verdana, sans-serif; color:#dd2233; margin-bottom:0;}
html>body div#content h2{font-size:.8em; margin-top:3em; font-family:'arial', verdana, sans-serif; color:#dd2233; margin-bottom:0;}

div#content p {font-size:.7em; margin-top:0; padding-right:2px; padding-top:0; margin-bottom:.5em; color:#737373; line-height: 1.5em;}	
div#content li {font-size:.75em;}
div#content a {text-decoration:underline; color:#737373;}
div#content a:hover {color: #960; text-decoration:none;}


div#footer {width:100%;  /* makes the div fill its container - usually body */
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-family:'arial', verdana, sans-serif;
					font-size:.7em;  /* sets the font size of all links */
					text-align:center;
					letter-spacing:.1em; /* centers the ul elements in the div */
					background-color:#2F2F96; /* sets the background color of the div */
					border-top:1px solid #737373; margin-top:1.5em; color:#ffffff;}
 div#footer ul {margin:3px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#C60; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:#ffffff; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline; color:#ffffff} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#ffffff;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#ffffff;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#ffffff;} /* turns bottom row white when hovered */