body {
	background: #2E8B57;
	color: #000;
	text-align: center;
}
table.site {
	margin: 5px auto; 
	width: 830px;
	background: #6C9 url(images/site-bg.gif) top left no-repeat;
	text-align: left;
}
table.sub {
	width: 100%;
	background: #FFF;
}

.header {
	font: small-caps 28px arial,sans-serif;
	color: #633;
	text-align: center;
	padding: 15px 0;
}
.smallheader {
	font: 16px arial,sans-serif;
	color: #633;
}

.left {
	font: 13px arial,sans-serif;
	width: 200px;
	text-align: center;
	padding-top: 75px;
}

#sidemenu {
	width: 145px;
	font: 14px arial,sans-serif;
	margin: 50px 0 20px 28px;
	_margin-left: 0px;
	border-top: 1px dotted #F0FFF0;
	text-align: left;
}
#sidemenu ul {
	list-style-type: none;
	margin: 0;
}
#sidemenu ul li a {
	display: block;
	width: 100%;
	color: #F0FFF0;
	text-decoration: none;
	text-indent: 3px;
	padding: 4px 0;
	border-bottom: 1px dotted #F0FFF0;
} 
#sidemenu a:hover {
	color: #FFF;
	background: #2E8B57;
}
#sidemenu #current a {
	font-weight: bold;
	color: #2E8B57;
}
#sidemenu #current a:hover {
	color: #FFF;
}

#strap {
	font: small-caps 28px arial,sans-serif;
	color: #633;
	background: #6C9 url(images/strap-bg-01.gif) bottom left no-repeat;
	text-align: center;
	padding: 5px;
}
#bottommenu {
	font: 12px arial,sans-serif;
	color: #DCDCDC;
	padding: 4px;
	text-align: center;
	background: #2E8B57;
}
#bottommenu a {
	color: #DCDCDC;
	text-decoration: none;
}
#bottommenu a:hover {
	color: #FFF;
	text-decoration: none;
}
#copy {
	font: 12px arial,sans-serif;
	color: #FFF;
	padding: 4px;
	text-align: center;
	background: #2E8B57;
}
#copy a {
	color: #DCDCDC;
	text-decoration: none;
}
#copy a:hover {
	color: #FFF;
	text-decoration: none;
}

h1 {
	font: normal 14px arial,sans-serif;
	margin-bottom: 0;
}
a {
	color: #2E8B57;
}
a:hover {
	color: #32CD32;
	text-decoration: none;
}
a.dbg {
	color: #2E8B57;
}
a:hover.dbg {
	color: #F0FFF0;
	text-decoration: none;
}
hr {
	color: #2E8B57;
	background: #2E8B57;
	border: 0;
	height: 1px;
}
img {
	border-color: #2E8B57;
}
ul {
	list-style-type: disc;
	padding: 0;
	margin-left: 15px;
}

.boldtext {
	font: 16px arial,sans-serif;
	padding: 5px;
}
.subheader {
	font: small-caps 16px arial,sans-serif;
	padding: 5px;
	text-align: center;
	background: #FFF url(images/subheader-bg.gif) top left no-repeat;
}
.subheader-nobg {
	font: small-caps 16px arial,sans-serif;
	padding: 5px;
	text-align: center;
}
.smalltext {
	font: 12px arial,sans-serif;
}
td.smalltext {
	font: 12px arial,sans-serif;
	padding: 2px;
}
td.smalltexttop {
	font: 12px arial,sans-serif;
	padding: 2px;
	border:2px solid #2E8B57; border-bottom: 0;
}
td.smalltextmiddle {
	font: 12px arial,sans-serif;
	padding: 2px;
	border:2px solid #2E8B57; border-bottom: 0; border-top: 0;
}
td.smalltextbottom {
	font: 12px arial,sans-serif;
	padding: 2px;
	border:2px solid #2E8B57;border-top: 0;
}

.main {
	font: 14px arial,sans-serif;
}
td.main {
	font: 14px arial,sans-serif;
	padding:10px 30px;
	text-align: justify;
}
.greentext {
	font: bold 14px arial,sans-serif;
	color: #396;
}

#indeximage-1 {
	width: 589px; 
	font: bold 13px arial,sans-serif;
	color: #FFF;
	border: 1px solid #2E8B57;
	padding: 440px 20px 20px 0px;
	background: url(images/suites-postcard-photo-lightened-crop2.jpg) 10px 10px no-repeat;
	text-align: right;
}
html>body #indeximage-1 {
	width: 567px; 
	margin-left: 15px;
}
#indeximage-2 {
	width: 589px;
	font: bold 13px arial,sans-serif;
	color: #FFF;
	border: 1px solid #2E8B57;
	padding: 412px 20px 20px 0px;
	background: url(images/1jan09-coopersbeach1r-crop.jpg) 10px 10px no-repeat;
	text-align: right;
}
html>body #indeximage-2 {
	width: 567px; 
	margin-left: 15px;
}

#activitiesimage-1 {
	width: 582px; 
	font: bold 13px arial,sans-serif;
	color: #FFF;
	border: 1px solid #2E8B57;
	padding: 368px 20px 20px 0px;
	margin: 0 0 0 30px;
	background: url(images/13apr03-4s_w560h382.jpg) 10px 10px no-repeat;
	text-align: right;
}
html>body #activitiesimage-1 {
	width: 560px; 
}

#amenitiesimage-1 {
	float: left;
	width: 312px; 
	font: bold 13px arial,sans-serif;
	color: #FFF;
	border: 1px solid #2E8B57;
	padding: 200px 0px 10px 10px;
	margin: 2px 10px 10px 0;
	background: url(images/NEW_SS4.jpg) 5px 5px no-repeat;
}
html>body #amenitiesimage-1 {
	width: 300px; 
	margin-top: 15px;
} 
#amenitiesimage-2 {
	float: left;
	width: 312px; 
	font: bold 13px arial,sans-serif;
	color: #FFF;
	border: 1px solid #2E8B57;
	padding: 208px 0px 10px 10px;
	margin: 0 10px 10px 0;
	background: url(images/AMENITIES3.jpg) 5px 5px no-repeat;
}
html>body #amenitiesimage-2 {
	width: 300px; 
}
#amenitiesimage-3 {
	float: left;
	width: 312px; 
	font: bold 13px arial,sans-serif;
	color: #FFF;
	border: 1px solid #2E8B57;
	padding: 240px 0px 10px 10px;
	margin: 0 10px 10px 0;
	background: url(images/29jan05-suite-bedroom-r3.jpg) 5px 5px no-repeat;
}
html>body #amenitiesimage-3 {
	width: 300px; 
}

#locationimage-1 {
	width: 582px; 
	font: bold 13px arial,sans-serif;
	color: #FFF;
	border: 1px solid #2E8B57;
	padding: 406px 20px 30px 10px;
	background: url(images/SH10-sign.jpg) 10px 10px no-repeat;
	text-align: right;
}
html>body #locationimage-1 {
	width: 550px; 
}
#locationimage-2 {
	width: 560px; 
	border: 1px solid #2E8B57;
	padding: 10px;
	margin-bottom: 20px;
}
html>body #locationimage-2 {
	width: 550px; 
}

#formimage-1 {
	width: 311px; 
	font: bold 13px arial,sans-serif;
	color: #FFF;
	border: 1px solid #2E8B57;
	margin: 0 0 0 15px;
	padding: 20px 10px 360px 10px;
	background: url(images/14oct05-jb-and-g-on-poohbear1crop.jpg) 10px 10px no-repeat;
	text-align: center;
}
html>body #formimage-1 {
	width: 289px; 
}
#formimage-2 {
	float: left;
	width: 306px; 
	font: bold 13px arial,sans-serif;
	color: #FFF;
	border: 1px solid #2E8B57; border-right: 0;
	margin: 0 0 20px 5px;
	padding: 10px 0 10px 0;
	background: url(images/11sept05-hannahburger-1r_w300h401.jpg) 5px 5px no-repeat;
	text-align: center;
}
html>body #formimage-2 {
	width: 300px; 
}
#formimage-2-lower {
	margin-top: 360px;
}
#formimage-3 {
	float: left;
	width: 311px;
	font: bold 13px arial,sans-serif;
	color: #000;
	border: 1px solid #2E8B57; border-left: 0;
	margin: 0 0 0 0;
	padding: 90px 5px 85px 0;
	background: url(images/ahhhhhhh-2r_jpg_w300h239.jpg) 5px 100px no-repeat;
	text-align: center;
}
html>body #formimage-3 {
	width: 305px; 
}
#formimage-3-lower {
	color: #FFF;
	margin-top: 205px;
}

#button {
	width: 120px;
	background: #6c9;
	border: 1px solid #2E8B57;
	margin-top: 10px;
	text-align: center;
}
#button a {
	display: block;
	width: 100%;
	font: 14px arial,sans-serif;
	color: #F0FFF0;
	text-decoration: none;
	padding: 4px 0;
}
#button a:hover {
	color: #F0FFF0;
	background: #2E8B57;
}

#dhtmltooltip {
	position: absolute;
	font: 13px arial,sans-serif;
	left: -300px;
	width: 150px;
	border: 1px solid #F00;
	padding: 2px 2px 2px 5px;
	color: #F00;
	background-color: #F0FFF0;
	visibility: hidden;
	z-index: 100;
	text-align: left;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer {
	position: absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.page-break { 
	display: none;
}

#ss {
	border: 1px solid #2E8B57;
	padding: 10px 10px 0 10px;
	text-align: left;
}
a.slideshow img {
	border: 6px solid #FFF;
}

a.slideshow:hover img {
	border: 6px solid #6C9;
}

a.slideshow:hover {
	color: #DAA520; /* irelevant definition to overcome IE bug */
}
#video {
	border: 1px solid #2E8B57;
	padding: 10px 10px 0 16px;
	margin-top: 10px;
}
