/* CSS Document */



html{
		margin:0px;
		padding:0px;
	}
		
body {
		min-width:890px; /* Prevent content from becoming unreachable in Gecko */
		margin:0;
		padding:0;
		color:#000;																				/* BODY BAR COLOR*/		
		background-color:#66CCFF;
		/* background-image: url(../imgs/palm.gif); */
		background-repeat:none;
		background-attachment:fixed;
		font-family:Arial, Geneva, Lucida Grande, Verdana, Helvetica, sans-serif;
		
	}

img {border:none;}
	
p {margin:8px;}

div#main {
	width:897px;
	height:500px;
	margin:auto;
	border:solid 0px;
	border-color:#000000;
	background-color:#33EEFF;
	background-image:url(../imgs/bknd.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:top;
	}


div#header {
	height:60px;
	background-color:#BBCCFF;
	background-image:url(../imgs/bknd.jpg)

	}

div#content {
	overflow:auto;
	float:right;
	width:562px;
	height:378px;
	margin:18px 18px 9px 0px;
	font-size:0.75em;	
	border:solid 1px;
	border-color:#7777AA;
	background-color:#66DDEE;
	background-image:url(../imgs/bknd_2.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position:top;
	
	}
	
div.context {
	padding:1px 4px;
	text-align:justify;
	
	}
	
div#extras {
	float:left;
	width:270px;
	height:378px;
	margin:18px 0px 9px 18px;
	border:solid 1px;
	border-color:#7777AA;
	background-color:#66DDEE;
	background-image:url(../imgs/bknd_2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;
	text-align:center;
	}
    
    div#extras2 {
	float:right;
	width:270px;
	height:378px;
	margin:18px 0px 9px 18px;
	border:solid 1px;
	border-color:#7777AA;
	background-color:#66DDEE;
	background-image:url(../imgs/bknd_2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;
	text-align:center;
	}
	
div#footer {
	width:893px;
	height:1.5em;
	margin:auto;
	padding:2px;
	font-style:oblique;
	font-size:0.65em;
	text-align:center;	
	border:none 1px;
	border-color:#7777AA;
	background-color:#33EEFF;
	background-image:url(../imgs/bknd_2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:top;
	
	}
	
div#footer_stop {
	width:898px;
	height:5px;
	margin:auto;
	padding:0px;
	background-color:none;
	background-image:url(../imgs/footer_bknd.jpg);
	background-repeat: no-repeat;
	
	}

div#extras a div#thm1 {display:block;
	overflow:hidden;
	width:220px;
	height:220px;}

div#extras a:hover div#thm1 {

	display: block;
	position: relative; 
	top: -308px; left: 25px; 
	width: 0px;
	margin:0px; 
	padding-top:20px;
	border:0px;
}



.mainimage {
	width:220px;
	padding:30px 0px;
	
	}
	
.thumbnail {
	width:60px;
	padding:0px 8px;
	}

.calender {
text-align:center;

	}
	
.lunar {
	height:1em;
	width:100px;
	border: solid 0px;
	padding-left:25px;
	background-image:url(../imgs/calender/fullmoon.png);
	background-attachment:fixed;
	background-position:top left;
	background-repeat:none;
	
	}

h2,
h3,
h4 {
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;
	padding:2px;
	text-transform:capitalize;
	margin:auto;
	padding: 2px 0px;
}

h2 {
	padding:2px;
	text-align:center;
	background-color:#8888FF;
	color:#FFF;
	/* text-shadow: #000 3px 2px 4px; */
	
	}
	
h1 {
	font-family: "Arial Rounded MT Bold", Arial, sans-serif;
	padding:2px;
	text-align:center;
	background-color:#8888FF;
	color:#000;
	text-transform:capitalize;
	/* text-shadow: #000 3px 2px 4px; */
	
	}
		
.treatment {
	margin:30px auto;
	width:400px;
	/*background-color:#66DDCC;*/
	background:transparent url(../imgs/box_top1.png) scroll no-repeat top;
	padding:10px;

		}
.treatment h2 {
	padding:5px 0px 0px 8px;
	text-align:left;
	background:transparent;
	color:#000;
	/* text-shadow: #000 3px 2px 4px; */
	
	}

.treatment ul {
	
	background:transparent;
	margin-left:40px;
	margin-top:0px;
	padding:0px;
	padding-right:10px;
	}	

.treatment span {
	margin-left:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:1.2em;

	}	


			/* START OF CODE FOR MENU BAR!!! */
 
.menu {
font-family: verdana, sans-serif; 
width:888px; 
position:relative; 
font-size:0.70em;
z-index:100;
margin:auto;
text-transform:uppercase;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:140px; 																	/* MENU ITEM WIDTH NOT IE */
height:2em; 
color:#000; 
border:1px solid #7777AA; 

background:#AAAAFF; 															/* MENU ITEM COLOR */
padding-left:6px; 
line-height:2em;
text-align:left;
}
* html .menu ul li a, .menu ul li a:visited {
width:146px;
w\idth:140px;																	/* IE ONLY MENU ITEM WIDTH */
}
.menu ul li ul {
display: none;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#fff; 
background:#66DDEE;																/* MENU ITEM HOVER COLOR */
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:2em;
margin-top:1px;
left:0; 
width:150px;
}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#AAAAFF;																/* DROP MENU ITEM COLOR */
color:#000; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:126px
}
* html .menu ul li a:hover ul li a {
width:148px;
w\idth:126px;
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#88BBFF url(../../graphics/drop.gif) bottom right no-repeat;			/* DROP MENU ITEM COLOR */
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#66DDEE; 															/* DROP MENU ITEM HOVER COLOR */
color:#000;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:147px; 
top:-1px;
width:126px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-147px;
}

			/* END OF CODE FOR MENU BAR!!! */