body {
	background: #978998 url('../images/spa/background.png') no-repeat fixed top left;
	color: #73572B;
}

A:link {
	color: #B75F09;
	text-decoration: none;
	font-weight: bold;
}

A:visited {
	color: #B75F09;
	text-decoration: none;
	font-weight: bold;
}

A:active {
	color: #808080;
	text-decoration: underline;
	font-weight: bold;
}

A:hover {
	color: #808080;
	text-decoration: underline;
	font-weight: bold;
}

#trans_bg_horizontal {
   background-color: #FFFFFF;
   border: solid 1px #88A288;
}

#trans_bg_vertical {
   background-color: #FFFFFF;
   border: solid 1px #88A288;
}

#trans_bg_main {
   background-color: #FFFFFF;
   border: solid 1px #88A288;
}

#trans_bg_main img {
	border: none;
	padding: 3px 3px 3px 3px;
	margin: 5px 5px 5px 5px;
}

.subheading {
	left: 50px;
	font-size: 100%;
	font-weight: bold;
	margin: 5px 0px 15px 50px;
}

.subheading_description {
	left: 50px;
	font-size: 100%;
	margin: 0px 0px 20px 50px;
}

#page_header {
   color: #FFFFFF;
}

div#links {position: relative; left: 50px; width: 400px; z-index: 100; padding: 0px; margin-top: 10px;}
div#links a {display: block; text-align: left; font: bold 12px Verdana, sans-serif, Arial; 
   padding: 0px; margin: 0px; border-width: 0; 
   text-decoration: none; color: #779B7B;}
   
div#links a:hover {color: #ABA0A3;
   border-right: 0px double white; padding: 0px; margin: 0px;}

div#links a span {display: none; padding: 0px; margin: 0px;}
div#links a:hover span {
	display: block;
   	position: absolute; 
   	top: 0px; 
   	left: 300px; 
   	width: 250px;
   	padding: 4px; 
   	margin: 0px; 
   	z-index: 100;
   	color: #000000; 
   	background: #E0D9E0 url('images/spa/bg_lavender_leaves.gif');
   	font: 12px sans-serif; 
   	text-align: center;
   	border: solid 2px #184208
}