* {
	padding:0;
	margin:0;
}
html {
	padding:0;
	margin:0;
}
body {
font-family:"Arial","Helvetica",sans-serif;
background:#99C199;
}
#site_div {
width:900px;
margin:auto;
}
#wrapper {
	background-color:#ffffff;
	color:#333333;
	float:left;
	width:900px;
}
#bodycontact #content {
	text-align:center;
}
#bodycontact img.right {
	padding-top:80px;
	margin-right:40px;
}
ul {
padding:0;
margin:0;
list-style:none;
float:left;
}
a {
	outline:none;
	color:#cccccc;
	text-decoration:none;
	font-size:0.8em;
}
a:hover {
	color:black;
}

h1 {
	font-weight:bold;
	font-size:1.0em;
	margin:20px 15px 20px 15px;
	color:#333733;
}
h1.right {
	text-align:right;
	margin-right:10px;
}
h2.right {
	text-align:right;
	margin-right:10px;
}
h2 a {
	font-weight:bolder;
	font-size:1.0em;
	color:#333733;
	text-decoration:underline;
}
h2 a:hover {
	color:#555955;
}
h3 {
	margin-bottom:10px;
}
	
img {
	border:none;
	float:left;
	padding:15px;
}
p {
	margin:10px 15px 15px 15px;
	font-size:0.8em;
}
#header1 {
	float:left;
	width:500px;
	height:210px;
	background:#99C199 url(images/topimage4.jpg) top left no-repeat;
	padding:0;
	margin:0;
}
#homelink {
	float:left;
	width:490px;
	height:120px;
	padding:0;
	margin:0;
}
#header1 h1 {
	float:left;
	width:400px;
	text-align:center;
	text-transform:uppercase;
	color:#D9E8D9;
	margin-left:30px;
	letter-spacing:0.15em;
	font-weight:bold;
	font-size:0.92em;
	line-height:1.3em;
}
#header2 {
	background:#3D633D;
	float:left;
	height:210px;
	width:400px;
	padding:0;
}
#imgshowdiv {
	width:366px;
	height:186px;
	float:left;
	margin: 15px 0px 0 10px ;
}
.headright {
	height:30px;
	width:400px;
	float:right;
}
.headleft {
	height:30px;
	width:400px;
	float:right;
}

#header3 {
	float:right;
	padding:0;
	height:25px;
	width:100%;
	background:url(images/headleftback.jpg) repeat-x;
}

#header2 h1, h2 {
	font-family:"arial","verdana","tahoma",sans-serif;
	color:#174F37;
	text-align:center;
	padding:0;
	margin:0;
	line-height:40px;
	letter-spacing:0;
}

.content {
	margin-left:0px;
	margin:auto;
	float:left;
	/*background:url(images/contentbottom.jpg) bottom repeat-x;*/
	width:900px;
}

.quarters {
	float:left;
	width:900px;
	padding:10px 15px 10px 15px;
}
.quarters h2 {
	text-align:left;
}

.quarterimg {
	padding-top:0;
	margin-left:90px;
}
.quarterp {
	width:300px;
	float:left;
}
.feature {
	background:url(images/separator-v.png) top right no-repeat ;
	float:left;
	padding:15px;
	width:192px;
}
.feature.last {
	background:none;
}
.feature img {
	padding:0px;
	float:left;
	margin-bottom:10px;
}
.feature p {
	width:192px;
	text-align:center;
	padding:0;
	margin:0;
	height:60px;
	display:block;
}
#wrapper {
	border-left:solid 2px #3D633D;
	border-right:solid 2px #3D633D;
}
#bodyhome .content h3 {
	border-left:solid 2px #3D633D;
	border-right:solid 2px #3D633D;
}

#topleft img {
	margin-top:20px;
}
#linkdiv {
	float:left;
	width:240px;
	background:#333333;
	border-top: solid 2px #404040;
	border-left: solid 2px #404040;
	border-right: solid 2px #404040;
	margin-left:20px;
	text-align:center;
}

#linkdiv ul {
	width:240px;
}
#linkdiv li {
	height:25px;
}
#botleft {
	height:70px;
	width:244px;
	background-image:url(images/botleft.gif);
	margin-left:20px;
	float:left;
}
#footer {
	font-family:"verdana","tahoma","arial",sans-serif;
	width:900px;
	/*height:120px;*/
	background:url(images/footer.jpg) repeat-x;
	float:left;
	color:#333333;
	font-weight:bold;
	height:70px;
	border-bottom:3px solid #3D633D;
}
.footright {
	width:400px;
	float:right;
}
.footright p {
	margin-left:30px;
}
.footleft {
	width:400px;
	float:right;
}


h2 {
	font-family:"verdana","tahoma","arial",sans-serif;
	font-size:0.8em;
	margin-bottom:10px;
}
#menudiv {
	width:750px;
	margin-left:75px;
}
#mainnav {
	width:750px;
}
#mainnav li{
	float:left;
	width:149px;
	border-right:solid 1px #4D464D;
	text-align:center;
}
#mainnav li a {
	color:#E9F8E9;
	font-size:1.0em;
	line-height:25px;
}
#mainnav li.selected a,#mainnav li.selected a:hover {
	font-weight:bold;
	color:#ffffff;
	cursor:default;
	text-decoration:none;
}
#mainnav li a:hover {
	color:#ffffff;
}
#mainnav li.last {
	border:none;
}
#topleft {
	height:360px;
}
#bodynews #topleft {
	height:50px;
}
 p.right {
	float:right;
	margin-right:10%;
}
#bodyabout #topleft {
	height:6px;
}
	
#about, .news {
	clear:both;
	font-size:1em;
	width:640px;
	margin-left:80px;
	background:#303030;
}
a:hover {
	color:white;
	text-decoration:underline;
}
img.right {
	float:right;
}
img.left {
	float:left;
}
img.separator {
	padding:10px 20px 15px 20px;
}
table {
	font-family:"tahoma","verdana","Lucida Console";
	font-size:0.85em;
	margin-top:10px;
	margin-left:110px;
}
table td {
	border:solid 1px #174F37;
	width:120px;
	text-align:center;
	color:#333733;
}
td img {
	padding-bottom:5px;
}
p.tabledesc {
	margin-left:110px;
	font-weight:bold;
}
.contactlist {
	margin-top:5px;
	margin-right:20px;
	float:right;
}
.contactlist li  {
	text-align:right;
	margin-bottom:10px;
}
.contactlist li * {
		color:white;
	background:#174F37;
	padding:2px 2px 2px 2px;
}
.contactlist a {
	font-size:0.7em;
}
span.crabtree {
	font-size:1.0em;
	width:100%;
	color:#000044;
	padding-bottom:25px;
	margin-left:120px;
}
.crabtree a {
	color:#000056;
	text-decoration:underline;
}


/**************   for jquery stuff ***/
	.nav-home {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100px;
    height: 25px;
    background: url(images/navback.jpg) no-repeat -0px -50px;
}
.nav-home-click {
    background: url(images/navback.jpg) no-repeat -00px -25px;
}
	.nav-events {
    position: absolute;
    top: 0;
    left: 100px;
    width: 100px;
    height: 25px;
    background: url(images/navback.jpg) no-repeat -100px -50px;
}
.nav-events-click {
    background: url(images/navback.jpg) no-repeat -100px -25px;
}

.nav-new, .nav-new-click {
    position: absolute;
    top: 0;
    left: 200px;

    width: 100px;
    height: 25px;
    background: url(images/navback.jpg) no-repeat -200px -50px;
}
.nav-new-click {
    background: url(images/navback.jpg) no-repeat -200px -25px;
}

.nav-about, .nav-about-click {
    position: absolute;
    top: 0;
    left: 300px;

    width: 100px;
    height: 25px;
    background: url(images/navback.jpg) no-repeat -300px -50px;
}
.nav-about-click {
    background: url(images/navback.jpg) no-repeat -300px -25px;
}

.nav {
    width: 401px;
    height: 25px;
    background: url(images/navback.jpg) no-repeat;
    position: absolute;
}
.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0;
    height: 25px;
    text-indent: -9000px;
    overflow: hidden;
}
    .nav .home a:link, .nav .home a:visited {
        left: 0px;
        width: 100px;
    }
    .nav .home a:hover, .nav .home a:focus {
        background: url(images/navback.jpg) no-repeat 0px -50px;
    }
    .nav .home a:active, .current-home .home a, .current-home .home a:hover, .current-home .nav .home a:focus {
        background: url(images/navback.jpg) no-repeat 0px -25px;
	cursor:default;
    }
    .nav .events a:link, .nav .events a:visited {
        left: 100px;
        width: 100px;
    }
    .nav .events a:hover, .nav .events a:focus {
        background: url(images/navback.jpg) no-repeat -100px -50px;
    }
    .nav .events a:active, .current-events .events a, .current-events .events a:hover, .current-events .nav .events a:focus {
        background: url(images/navback.jpg) no-repeat -100px -25px;
	cursor:default;
    }
    .nav .new a:link, .nav .new a:visited {
        left: 200px;
        width: 100px;
    }
   .nav .new a:hover, .nav .new a:focus {
        background: url(images/navback.jpg) no-repeat -200px -50px;
    }
   .nav .new a:active, .current-new .new a, .current-new .new a:hover, .current-new .nav .new a:focus {
        background: url(images/navback.jpg) no-repeat -200px -25px;
	cursor:default;
    }
    .nav .about a:link, .nav .about a:visited {
        left: 300px;
        width: 100px;
    }
   .nav .about a:hover, .nav .about a:focus {
        background: url(images/navback.jpg) no-repeat -300px -50px;
    }
    .nav .about a:active {
        background: url(images/navback.jpg) no-repeat -300px -25px;
    }
  .nav .about a:active, .current-about .about a, .current-about .about a:hover, .current-about .nav .about a:focus {
        background: url(images/navback.jpg) no-repeat -300px -25px;
	cursor:default;
    }


    .crabtree {
	font-family:"arial";
	font-weight:normal;
	color:#777888;
	/*border-top:solid 1px #070456;*/
	font-size:0.9em;
	clear:both;
	padding-top:15px;
	margin-left:150px;
	width:600px;
	padding-bottom:15px;
}
.crabtree a {
	font-size:1em;
	font-weight:bold;
	text-decoration:underline;
	color:#558877;
}
img.big {
	margin:0;
	padding:0;
	padding-bottom:20px;
}
div.clear {
	clear:both;
}
.room1, .room2 {
	width:900px;
	float:left;
	margin-bottom:20px;
}
.room1 ul, .room2 ul {
	margin:0 20px 0 20px;
	list-style:square;
	color:#174F37;
	font-family:"arial","verdana","tahoma",sans-serif;
	padding:0 20px 0 20px;
	line-height:30px;
	letter-spacing:0;
}
.room1 h2, .room2 h2 {
	text-align:left;
	margin:0 20px 0 20px;
}

#textshow {
	padding:0;
}
/** thumbnails for slideshow **/
.thumbdiv{
	width:50%;
	float:left;
	margin:40px 0 0 10px;

}

.thumbdiv ul {
	padding:0;
	margin:0;
}
.thumbnails img {
  margin: 0 auto 5px auto;
  padding:0;
  float:none;
  border: 1px solid #ccc;
  border-bottom-color: #eee;
  border-left-color: #ddd;
  border-top-color: #bbb;
}

.thumbnails ul{
  margin-left: 5px;
  padding: 0;
  text-align: center;
  line-height: 1em;
  list-style: none;
}

.thumbnails  li {
  display: inline;
  margin: 0;
  padding: 0;
}

.thumbnails a:link, .thumbnails a {
  border-bottom: 1px dotted #960;
  text-decoration: none; 
  color: #3D633D;
  background-color:#D0E0D0;
}
ul.thumbnails a {
  display: inline;
  float: left;
  margin: 0;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  text-align: center;
  width: 125px;
  margin-right: 10px;
  margin-bottom: 10px;
}
ul.thumbnails a:hover, ul.thumbnails a.hovered {
  border: 1px solid #3D633D;
  background-color: #eee;
}

#photoshowdiv {
	background: url(pics/seatingbypool-m.jpg) no-repeat;
	width: 400px;
	margin: 0px 0 0 15px;
	float:left;
}
#photoshow {
	padding:0;
	float:none;
}
.imgnav{
	float:left;
}
.imgnav a {
	display:block;
	width:180px;
	height:80px;
	margin:0 0px 0 20px;
	padding:0;
	}
.imgnav a.photoprev {
	background:url(images/previous.gif);
}
.imgnav a.photonext {
	background:url(images/next.gif);
}
.imgnav a.photoprev:hover {
	background:url(images/previous-hover.gif);
}
.imgnav a.photonext:hover {
	background:url(images/next-hover.gif);
}
#googlemap1_od3ow_0 {
	margin-left:150px;
	float:left;
	border:solid 1px #174F37;
}
.firsthalf {
	width:450px;
	float:left;
}
.leftbox {
	width:170px;
	float:left;
	margin:10px 0px 5px 10px;
	padding:8px;
	font-size:0.9em;
	text-align:right;
	color:#174F37;
	float:left;
}
.rightbox {
	width:220px;
	float:left;
	margin:10px 0px 15px 0px;
	text-align:left;
	padding:8px;
	font-size:1.2em;
}
.rightbox a {
	color:#174F37;
	font-weight:bold;
	text-decoration:underline;
}
#bodyarea h3 {
	margin-left:40px;
}
#bodyarea .room1 ul {
	margin-left:60px;
}

#bodyarea .room1 a {
	color:#174F37;
	font-weight:bold;
	text-decoration:underline;
}