/*--------------------------------------------------------------------------------------------------
	global styles and wrapper
--------------------------------------------------------------------------------------------------*/


a.memheader  {
	text-decoration: none;
	color:#fff9ae;
}
a.memheader:hover {
	color:#fff9ae;
	text-decoration : underline;
}

a  {
	text-decoration: none;
	color:#ef59a1;
}
a:hover {
	color:#ef59a1;
	text-decoration : underline;
}

a.meminfo  {
	text-decoration: none;
	color:#ffffff;
}
a.meminfo:hover {
	color:#ffffff;
	text-decoration : underline;
}

html, body {
height: 100%;
width:100%;
}

body {
	vertical-align:top;
	background:#8cc63f url(../images/gradient.gif) top repeat-x;
}

.popup_class {
	vertical-align:top;
	margin:10px 10px 10px 10px;
	background:none;
}

h1, h2, h3, h4, h5, h6, p, ol, div, img, body, ul, li {
	padding:0;
	margin:0;
}

img {
	display:block;
}

ol,ul {list-style:none;}

p {
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	padding: 0 0 10px 0;
	font-style: normal;
	font-weight: normal;
}

h1 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 29px;
	line-height: 31px;
	color: #c5168d;
	padding: 0 0 10px 0;
	font-style: normal;
	font-weight: normal;
}

h2 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 21px;
	line-height: 23px;
	color: #c5168d;
	padding: 0 0 5px 0;
	font-style: normal;
	font-weight: normal;
}

h3 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 17px;
	line-height: 19px;
	color: #000000;
	padding: 0 0 3px 0;
	font-style: normal;
	font-weight: normal;
}

#wrapper {
	width:980px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
}

.sublisting {
	font-size: 14px;
	line-height: 16px;
	color: #c5168d;
	padding: 5px 0 5px 9px;
	border-bottom:1px dashed #c9c3ba;
	background: url(../images/arrow.gif) left no-repeat;
}
/*--------------------------------------------------------------------------------------------------
	header and image hooks 
--------------------------------------------------------------------------------------------------*/
#header {
	width:980px;
	height:34px;
	padding:112px 0 0 0;
	position:relative;
	background: url(../images/header.gif) no-repeat;
}

.logo {
	position:absolute;
	left:0;
	top:10px;
}

/*--------------------------------------------------------------------------------------------------
	horizontal navigation
--------------------------------------------------------------------------------------------------*/

#header ul {
	width:980px;
}

#header ul li {
	display: inline;
	padding-bottom: 0;
/* matches link padding except for left and right */
	padding-top: 6px;
	margin:0;
}

#header ul li a {
    float:left;
	text-align:center;
    padding:6px 18px 0 10px;
	height:28px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	} 

#header #active { 
	text-decoration: none;
	background: url(../images/nav_on.gif) left top no-repeat;
	color:#c5168d;
	}
	
#header ul li a:hover {  
	text-decoration: none;
	background: url(../images/nav_on.gif) left top no-repeat;
	color:#c5168d;
	}
/*--------------------------------------------------------------------------------------------------
	slide show
--------------------------------------------------------------------------------------------------*/

#styles {
	width:691px;
	height:243px;
	padding:7px;
	background-color:#f1edea;
	float:left;
	position:relative;
}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:691px;
		height:243px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:25px;
		height:25px;
		position:absolute;
		left:30px;
		top:190px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:75px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:25px;
		height:25px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	

.photo {
	width:691px;
	height:243px;
}

.photo img {
	display:block;
	overflow:hidden;
}	
/*--------------------------------------------------------------------------------------------------
	index
--------------------------------------------------------------------------------------------------*/
#mainimage {
	width:691px;
	height:243px;
	padding:7px;
	background-color:#f1edea;
	float:left;
}

#mainimage img {
	display:block;
	overflow:hidden;
}

#slideshow {
    position:relative;
	width:691px;
	height:243px;
	float:right;
}

#pink {
	width:965px;
	height:39px;
	padding:20px 15px 0 0;
}

.welcome {
	background: url(../images/header_welcome.gif) bottom left no-repeat;
}

.spaowner {
	background: url(../images/header_spaowner.gif) bottom left no-repeat;
}

.contact {
	background: url(../images/header_contact.gif) bottom left no-repeat;
}

.directory {
	background: url(../images/header_directory.gif) bottom left no-repeat;
}

.membership {
	background: url(../images/header_membership.gif) bottom left no-repeat;
}

.blog {
	background: url(../images/header_blog.gif) bottom left no-repeat;
}

#intro {
	width:980px;
	height:257px;
	background: url(../images/green.gif) right top no-repeat;
}


#bath {
	width:335px;
	height:232px;
	padding:25px 340px 0 30px;
	float:left;
	background: url(../images/bath.jpg) no-repeat;
}

#bath p {
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
	padding: 0 50px 8px 0;
}

#membership {
	width:235px;
	padding:20px 20px 0 0;
	float:right;
}

#membership h1 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 22px;
	line-height: 24px;
	color: #fff9ae;
	padding: 0 0 10px 0;
	font-style: normal;
	font-weight: normal;
}

#membership ul { 
	list-style-type: none;
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	margin:0 0 10px 0;
	font-style: normal;
	font-weight: normal;
	border-bottom:1px dashed #618724;
}

#membership li { 
	background: url(../images/star.gif) left top no-repeat;
	padding: 1px 0 10px 24px;
}

#greenbg 
{
	width: 255px;
	background: url(../images/green.gif) right top no-repeat;
	height:207px;
	margin:0 7px 10px 7px;
	padding-left: 10px;
	float:right;
}

#subpagemembership {
	width:235px;
	padding:10px 10px 2px 0;
	float:right;
}

#subpagemembership h1 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 22px;
	line-height: 24px;
	color: #fff9ae;
	padding: 0 0 10px 0;
	font-style: normal;
	font-weight: normal;
}

#subpagemembership ul { 
	list-style-type: none;
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	margin:0 0 10px 0;
	font-style: normal;
	font-weight: normal;
	border-bottom:1px dashed #618724;
}

#subpagemembership li { 
	background: url(../images/star.gif) left top no-repeat;
	padding: 1px 0 10px 24px;
}

#content {
	width:980px;
	padding:0px 0 25px 0;
	background:#FFFFFF url(../images/bar.gif) right repeat-y;
	overflow:hidden;
}

#hpcontent {
	width:980px;
	padding:20px 0 25px 0;
	background:#FFFFFF url(../images/bar.gif) right repeat-y;
	overflow:hidden;
}

.divider {
	border-bottom:1px dashed #c9c3ba;
	margin:0 0 8px 0;
}

#column {
	width:235px;
	padding:0 20px 0 0;
	float:right;
}

#column p {
	padding:0 0 8px 0;
	line-height:15px;
}

#media {
	width:225px;
	overflow:hidden;
	padding:10px 0 10px 10px;
	background: url(../images/mediabox.gif) bottom no-repeat;
}
#media img {
	margin:0 10px 0 0;
	float:left;
	padding:0;
	display:block;
	border:none;
}

#copy {
	width:675px;
	padding:0 0 0 30px;
	float:left;
}

.block {
	width:208px;
	padding:0 10px 0 0;
	float:left;
}
.yellow {
	width:136px;
	padding:10px;
	background-color:#fff9ae;
}

.yellow p {
	line-height:15px;
	padding:0 0 8px 0;
}
.yellow img {
	padding:0 0 5px 0;
}
.blogimage {
	padding:3px 10px 5px 0;
	float:left;
}
.yellowbackground {
	background: url(../images/yellow.gif) left repeat-y;
}
/*--------------------------------------------------------------------------------------------------
	subpage
--------------------------------------------------------------------------------------------------*/

#subimage {
	width:980px;
	height:137px;
	overflow:hidden;
}

#subimage img {
	float:left;
}

#subcopy {
	width:645px;
	padding:20px 0 0 30px;
	float:left;
}

.imageright {
	padding:0 0 10px 10px;
	float:right;
}

#subcopy ul { 
	list-style-type: none;
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	padding:0 0 7px 10px;
	font-style: normal;
	font-weight: normal;
}

#subcopy li { 
	background: url(../images/bullet.gif) left top no-repeat;
	padding: 0 0 4px 7px;
}
.arrow {
	background: url(../images/arrow.gif) left no-repeat;
	padding:3px 0 3px 9px;
}

#crumb {
	width:100%;
	margin:0 0 20px 0;
	border-bottom:1px solid #8cc63f;
}

#crumb p {
	padding:0 0 5px 0;
	font-size:11px;
	line-height:13px;
}

#states {
	width:633px;
	padding:15px 5px 5px 5px;
	margin:0 0 15px 0;
	border:1px solid #dbd8bd;
	background-color:#FFF9AE;
}

#flisting {
	width:615px;
	padding:5px;
	margin:0 0 5px 0;
	border:1px solid #dbd8bd;
	background-color:#FFF9AE;
}

#contactinfo {
	width:218px;
	padding:10px 15px 5px 5px;
	border:1px solid #dbd8bd;
	background-color:#FFF9AE;
}

#contactinfo p {
	padding:0 0 2px 10px;
	font-weight:bold;
}

#contactinfo h2 {
	padding:0 0 5px 10px;
}

#contactinfo li {
	border-bottom:1px solid #dbd8bd;
	padding-bottom:7px;
}

.back {
	margin:20px 0 0 0;
	padding-top:5px;
	border-top:1px solid #8cc63f;
}

.readmore {
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dashed #dbd8bd;
	font-size:12px;
}

#comment_divider {
	margin:0px 0 2px 0;
	padding:0 0 2px 0;
	border-bottom:1px dashed #dbd8bd;
	font-size:12px;
}

#form_divider {
	margin:2px 0 8px 0;
	padding:0 0 2px 0;
	border-bottom:1px dashed #dbd8bd;
}

.pages {
	text-align:center;
}

ul.archives{ 
	list-style-type: none;
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	padding:0 0 7px 0;
	font-style: normal;
	font-weight: normal;
	border-top:1px dashed #c9c3ba;
}

li.archives { 
	background: url(../images/bullet2.gif) left top no-repeat;
	padding: 4px 0 4px 7px;
	border-bottom:1px dashed #c9c3ba;
}
/*--------------------------------------------------------------------------------------------------
	form
--------------------------------------------------------------------------------------------------*/
#formbox {
	width:650px;
	padding:15px 0 15px 10px;
	margin:5px 0 15px 0;
	float: left;
	text-align:left;
	border:1px solid #dbd8bd;
	background-color:#FFF9AE;
}

.form {
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	padding: 0 0 5px 0;
	font-style: normal;
	font-weight: bold;
}

.inputborder {
	border: 1px solid #c6158d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	padding:3px;
	margin:0;
}
/*--------------------------------------------------------------------------------------------------
	button
--------------------------------------------------------------------------------------------------*/

.TextButton
{
	display: inline-table;
	display: inline-block;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border: solid 1px #999;
	border-top-color: #bbbdc0;
	border-left-color: #bbbdc0;
	background-color: #ef59a1;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
}

.TextButton:LINK, .CommonTextButton:VISITED
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #ef59a1;
}

.TextButton:ACTIVE
{
	text-decoration: none;
	color: #FFFFFF;
}

.TextButton:HOVER
{
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #c5168d;
	text-decoration: none;
}


.TextButtonHighlight
{
	display: inline-table;
	display: inline-block;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border: solid 1px #999;
	border-top-color: #bbbdc0;
	border-left-color: #bbbdc0;
	background-color: #c5168d;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.TextButtonHighlight:LINK, .TextButtonHighlight:VISITED, .TextButtonHighlight:ACTIVE, .TextButtonHighlight:HOVER
{
	text-decoration: none;
	background-color:#c5168d;
	color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------
	button
--------------------------------------------------------------------------------------------------*/

.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: white;
}

.cssbutton{
background: #569fd3 url(../images/button.gif) right center no-repeat;
border: 1px solid #00467f;
padding: 3px 15px 3px 10px;
color: #FFFFFF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
}

.cssbutton:hover{
background: #569fd3 url(../images/button2.gif) right center no-repeat;
background-color: #00467f;
padding: 3px 15px 3px 10px;
text-decoration: none;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------------------------*/


#footer {
	width:980px;
	padding:10px 0 0 0;
}

#footerleft {
	width:300px;
	margin:0;
	float:left;
	text-align:left;
	padding:0;
}

#footerright {
	width:620px;
	margin:0;
	float:right;
	text-align:right;
	padding:0;
}
#footerleft p {
	font-size: 10px;
	line-height: 13px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#footerright p {
	font-size: 10px;
	line-height: 13px;
	color:#c5168d;
	font-family: Arial, Helvetica, sans-serif;
}

.snipe {
	color:#bfdd94;
}


a.navlink:link {color: #FFFFFF; text-decoration: none;}
a.navlink:active {color: #FFFFFF; text-decoration: none;}
a.navlink:visited {color: #FFFFFF; text-decoration: none;}
a.navlink:hover {color: #FFFFFF; text-decoration: underline;}

#footerleft a  {
	text-decoration: none;
	color:#bfdd94;
}
#footerleft a:hover {
	color:#FFFFFF;
	text-decoration : underline;
}


/*--------------------------------------------------------------------------------------------------
	misc
--------------------------------------------------------------------------------------------------*/
.spacer {
	clear:both;
}

#pink p {
            line-height: 14px;
            color: #FFFFFF;
            padding:0;
}
#pink a  {
            text-decoration: none;
            color:#FFF9AE;
}
#pink a:hover {
            color:#FFF9AE;
            text-decoration : underline;
}

#content ol { 
            font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
            list-style-type:decimal;
            font-size: 12px;
            line-height: 15px;
            color: #333333;
            padding:0 0 7px 30px;
            font-style: normal;
            font-weight: normal;
}
 
#content ol li { 
            padding: 0 0 4px 0;
}