/*------ BananaTana Main css ------ */
/*-------- 1/10/07 10:55PM ----------*/
/*   
Theme Name: altBTMain
Theme URI: www.bananatana.com
Description: Theme for BananaTana Tanning Salon
Author: Allan Douglas, DDGraphics WebMedia
Author URI: www.ddgwebmedia.com
*/
/*-------- HTML Elements --------*/ 
body {
	font-family: Lucida Calligraphy Italic, sans-serif;
	font-size: 0.9em;
	background-color: #000091;
	color: #FFFF80;
	margin: 0px auto;
	padding: 5px;
	background-image: url(../SiteAssets/JPG/bckgrnd985.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
 }

p, h1, h2, h3, h4, h5, ul, {
	font-family: Lucida Calligraphy Italic, sans-serif;
	color: #FFFF80;
}
p {
	margin-left: 5px;
	margin-bottom: 0px;
}
h1 {
	margin: 0em;
	font-size: 1.8em;
	color: #990000;
	
}
h2 {
	margin: .5em 0em 0em;
}
h3 {
	margin: .5em 0em 0em;
}
h4 {
	margin-top: 0.7em;
	margin-bottom: 0em;
}
h6 {
	margin-top: 0em;
	font-size: 1.1em;
	margin-left: 5px;
	border-width: medium;
	border-style: none;
}
a {
	color: #FFFF80;
	text-decoration: none;
}
img {
	border: 0px;
}
/***********************************/
/*---- General Selectors ----*/
#header {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	z-index: 30;
	padding-top: 10px;
}

#inhalt {
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	width: 915px;
	background-image: url(../SiteAssets/JPG/bckgrnd1985.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0 0;
	margin: 25px auto 0px;
}
#navcntnr {
	margin: 0em;	
}
/*************Columns and; Stuff Inside inHalt***************/
/*------General Stuff ------*/


/* ---- Left Column Stuff ----*/
#leftcol {
	left: 0px;
	float: left;
	margin: .5em;
	padding: 0px;
	width: 150px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 160px;
}
html>body #leftcol {
	width: 160px;
}
#leftcol h4 {
	padding: 0em;
}

/*---- Center Column Stuff ----*/
#centercol {
	float: left;
	width: 550px;
	margin: 0.5em;
}
#mcontainer  p, h1, h2, h3, h4, h5, li, td {
	font-family: Lucida Calligraphy Italic, sans-serif;
	position: relative;
	left: 5px;
	}
#mcontainer h3 {
	margin: .5em 0em 0em;
	text-align: center;
}
#mcontainer h4 {
	text-align: center;
	color: #FF7745;
	margin: .5em 0em;
}
#altcontainer p, h1, h2, h3, h4, h6, li, td {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	left: 1px;
	}
/*------ Massage Page Stuff ------*/
#massage { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
	
#massage li {
	position : relative;
	margin-left: 0px;
	font-size: 1.15em;
	margin-top: .5em;
}
#massagehours {
	position : relative;
	width: 100%;
	padding: 5px 8px 8px 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #Bf9946;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #Bf9946;
	text-align: center;
}
/*------ End Massage Page Stuff ------*/
/*------ Hydration Station Page Stuff ------*/

tr.hydrtnprograms {
	color: navy;
	width: 33%;
}
tr.hydrtnprograms h6 {
	margin: 0;
	padding: 0;
	text-align: center;
}
tr.hydrtnprograms ul {
	margin-top: 0;
}
/*------ End Hydration Page Stuff ------*/
/*------ Classes Used in Center Column ------*/
ul.indent {
	margin-left: .9em;
	background-color: fuchsia;
}
/*---- Right Column Stuff ----*/
#rightcol {
	float: right;
	position: relative;
	margin: 0.5em;
	width: 150px;
}
html>body #rightcol {
	width: 150px;
}
#btbananarc {
	position: fixed;
	top: 180px;
	left: 890px;
}
html>body #btbananarc {
	left: 820px;
}
/*---- Classes used in Right Column ----*/
.rghtcolbutton a:link, .rghtcolbutton a:visited {
	font-family: Lucida Calligraphy Italic, sans-serif;
	margin-top: 2em;
	text-align: center;
	display: block;
	width: 9.5em;
	border-top: thin solid #FF7745;
	border-right: thin solid #000;
	border-bottom: thin solid #000;
	border-left: thin solid #FF7745;
	color: #FF7745;
	font-size: 1em;
	font-variant: small-caps;
	font-weight: bold;
	padding: .1em;
}
.rghtcolbutton a:hover, .rghtcolbutton a:active {
	color: navy;
	background-color: #FF7745;
	text-align: center;
	border-top-color: #66F;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #66F;
}
/*----End Right Col Buttons ----*/

/***********************************/
/*------ Nav Stuff ------*/
/*------ Left Nav ------*/
#leftnav, #leftnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width : 11em;
}
	
#leftnav li { /* all list items */
	font-family: Lucida Calligraphy Italic, sans-serif;
	position : relative;
	margin-left: 0px;
	float : left;
	line-height : 1.25em;
	width: 11em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
	
#leftnav li ul {
	position : absolute;
	left: -999em;
	margin-left : 11.05em;
	margin-top : -1.90em;
	z-index: 99;
}
	
#leftnav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
	
#leftnav li a {
	width: 11em;
	w\idth : 10em;
	display : block;
	text-decoration : none;
	background: transparent;
	border-top: 1px solid #BF9946;
	border-right: 1px solid #333;
	border-left: 1px solid #BF9946;
	padding : 0.3em 0.5em;
}
	
	#leftnav li a:hover, #leftnav li a:active {
		color : #000091;
		background-color :#FFFF80;
}
	
	#leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li.sfhover ul ul, #leftnav li.sfhover ul ul ul {
		left: -999em;
}
	
	#leftnav li:hover ul, #leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li.sfhover ul, #leftnav li li.sfhover ul, #leftnav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		background-color :#CAC6AA;
}
/*--------End of Left Nav ------*/
/*------ DDGWM Contacts Page Stuff ------*/
/*------ 9/2/06 11AM ------*/
/*------- Needed in every site that uses our DB for 
contact information -----------------*/
#contact {
	float: left;
	top: 20px;
	width: 100%;
	position: relative;
}
html>body #contact {
	width: 100%;
}
#contact h2 {
	text-align: center;
	margin-top: 15px;
}
#contact h4 {
	text-align: center;
}
#contact h5 {
	text-align: center;
	font-weight: normal;
}

#contact .contact {
	text-align: center;
	float: left;
	display: block;
	width: 180px;
}
/*************************/
/* ----- DDGWM Basic Form CSS ----- */
/*------- Modified 1/10/07 ------*/
#frmcontainer {
	width: 100%;
	margin: 0px auto;
	clear: both;
}
#frmcontainer h2 {
	font-size: 1.1em;
	margin: .5em 0em;
}
div.row {
	clear: both;
	padding-top: .5em;
}
div.row1 {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
div.rowbttns {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
div.row span.label {
	float: left;
	width: 40%;
	text-align: right;
}
div.row span.labelcr {
	float: left;
	width: 30%;
	text-align: right;
}
div.row span.labelbg {
	float: left;
	width: 15%;
	text-align: right;
}
div.row span.formw {
	float: right;
	width: 60%;
	text-align: left;
} 
div.row span.formcr {
float: right;
width: 70%;
text-align: left;
color: #000066;
} 
div.row span.formbg {
float: right;
width: 10%;
text-align: left;
} 
/*---- Button Classes ----*/
.sbmtbutton a:link, .sbmtbutton a:visited {
	width: 7em;
	display: block;
	border-top: medium solid #CCCCCC;
	border-right: medium solid #666;
	border-bottom: medium solid #666;
	border-left: medium solid #CCCCCC;
	color: navy;
	background-color: #FF7745;
	text-align: center;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}

.sbmtbutton a:hover, .sbmtbutton a:active {
	color: #FF7745;
	background-color: navy;
	text-align: center;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
}
 /*---- End Form CSS ----*/
/************************************/
/*--- DDGraphics WebMedia Survey Input CSS ---*/
/*------ Used in BananTana Survey ------*/
/*-------- 1/8/07 2:00PM ----------*/
/*------ ID Selectors ------*/
#survey {
	width: 95%;
	margins: 0 auto;
}
#survey h3 {
	font-size: 1.2em;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#survey h6 {
	font-size: .9em;
	text-align: center;
	margin-top: .5px;
	margin-bottom: .5px;
}
#survey p {
	margin-left: .5em;
	padding: 0;
	text-align: left;
}
#survey ul {
	
}
  /*---- End Survey Input CSS ----*/
/***********************************/
/*------ Privacy & Terms of Use Stuff ------*/
#privacy {
}
#privacy p {
	font-size: 11px;
}
#privacy h1 {
	font-size: 20px;
}
#privacy h2 {
	font-size: 16px;
}
#privacy h3 {
	font-size: 14px;
}
#terms p, #terms h1, #terms h2, #terms h3 {
	left: 0px;
	Width: 570px;
	position: relative;
}
#terms p {
	font-size: 11px;
}
#terms h1 {
	font-size: 20px;
}
#terms h2 {
	font-size: 16px;
}
#terms h3 {
	font-size: 14px;
}
/*------ Testimonials CSS ------*/
/*------ 9/25/06 3:00PM ------*/
#tstmnls {
	width: 100%;
	display: block;
}
.tstmnltxt {
	font-style: italic;
	margin-left: 15px;
	margin-right: 10px;
	
}
.tstmnlname {
	margin-bottom: 0px;
	margin-left: 60%;
	margin-top: 0px;
}
/***************************/

/****************************/
/*---- Footer Stuff ----*/		
#footer {
	margin: .5em auto;
	clear: both;
	width: 90%;
	text-align: center;
	font-size: .8em;
	border-top: 1px solid #333;
	}
/*------------------------------------------*/	
/* ------ Classes ------ */
.spacer {
	clear: both;
}
.bnnr {
	font-family: Lucida Calligraphy Italic, sans-serif;
	margin-top: 1em;
	width: 10.5em;
	padding: .2em;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #Bf9946;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #Bf9946;
	text-align: center;
}
.rghtbnnr {
	font-family: Lucida Calligraphy Italic, sans-serif;
	margin-top: 2em;
	width: 9.5em;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #Bf9946;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #Bf9946;
	text-align: center;
	padding: .1em;
}

.photolabels{
	margin-bottom: .7em;
	margin-top: .1em;
}
font.warning {
  color: white;
  background-color: red;
  font-weight: bold;
}
.menu {
	font-family: Lucida Calligraphy Italic, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
.style1 {
	text-align: center;
	margin-bottom: .5em;
}
.style2 {
	color: #BF9946;
	font-size: .8em;
	text-align: center;
	margin-left: 0px;
}
.style4 {
	font-weight: normal;
	color: #FFFFCC;
}
.tstmnlname {
	margin-bottom: 0px;
	margin-left: 65%;
	margin-top: 0px;
}
.ddGraphics2 {
	font-family: "Comic Sans MS";
	font-size: .8em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.WebMedia2 {
	font-family: "Comic Sans MS";
	font-size: .8em;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}