/*CHRIS MELONI**DONT ERASE THIS COMMENT*/



/*GENERAL ATTR***************************/
/*these attributes are for every tag and general structure.  If so wished to override a possible solution is to edit style on the actual xhtml page as so:      style=" margin: 0cm 0cm 0cm 0cm;"      example end.
for more info on css visit www.w3schools.com.*/

/*keeps site centered  background-color:#eaf3da;*/
body
{
background-color: #ededed; 
text-align: center;
}

/*general wrapper for page
div.main
{
text-align: center;
width:100%;
}*/
/*footer attributes*/
.footer
{
width: 24.99cm;
max-width: 25cm;
height: .8cm;
background-color: #8ACE77;
text-align: left;
font: normal 300 9pt arial;
line-height: 105%;
color: #000000;
padding: .1cm .5cm .1cm .5cm;
}
/*very important gives the structure to the page through its tabled layout*/
/*with is currently at 25cm... please use cm rather than pixels due to change in monitor pixel ratio.*/
table
{
width: 25cm;
max-width: 25cm;
height: auto;
border: .02cm; 
background-color: #000000;
}
/*geeneral picture layout*/

/*paragraph layout*/
p{width: 97%;}
/*ALTERNATIVE PICTURE LAYOUT    black border no padding on layout*/
#imageBlkOutline
{
margin: 0cm .5cm .5cm .5cm;
border: .1cm solid #000000;
padding: 0cm;
}



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!MAIN BODY PANE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*SPA AND COLLEGE NAVIGATION * VERTICAL Navigation menu***/
/*bodyInfo = 25cm - 3.6 = 21.4cm*/
#bodynav
{
width: 3.6cm;
min-width: 3.6cm; 
height: auto;
min-height: 10cm;
background-color: #64C13C;
padding: 0cm;
border-style: none;
vertical-align: top;
}

#bodynav a
{ display:block; 
color: #ebebeb;
padding: .3cm 0cm .2cm .2cm ;
font-family: arial;
font-weight: 400;
font-size: .7em;
letter-spacing: 4.2pt;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
margin: 0cm;
background-color: #64C13C;
z-index: 1;

}

#bodynav a:hover
{display:block; 
color: #000000;
padding: .3cm 0cm .2cm .2cm ;
font-family: arial;
font-weight: 400;
font-size: .7em;
letter-spacing: 4.2pt;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
margin: 0cm;
background-color: #64C13C;
z-index: 1;
} 

#bodynav ul
{ padding: 0px;
margin: 0mm 0mm .2mm 0mm;
 list-style: none;
 width: 3.6cm;
}

#bodynav li 
{
float: left; 
width: 100%; 
font-weight: 400;
border-bottom: .6mm solid #c7e19e;
 width: 3.6cm;
}
/*THIS IS FOR TILE DOWN LIST*/
#bodynav li ul
{display: none;  
margin: 0mm 0mm 0mm 2.3mm;
}

#bodynav li:hover ul
{display:block; 
margin: -1.38em 0em 1em 7.4em;
position: absolute; 
padding: 0cm;
 white-space: nowrap;
font-weight: bolder;
width: 8.4em;
border-style: solid;
border-width: .3cm;
border-color: #000000;
filter:alpha(opacity= 80);
/*opacity: .8;*/
z-index: 2;
color: #ffffff; 
background-color:#D7FCB1;
}

/*END SPA AND COLLEGE NAVIGATION INFO******/
/*general info attributes.*/
/*ayurveda_right pane info   3.6 + 21.4 = 25 TOTAL WIDTH  may need to adjust div if this is to widen*/
.info
{
width:100%;


height: auto;
min-height: 10cm;
font-family: arial;
font-size: 9pt;
color: #000000;
background-color: #e0edc5;
text-align: left;
padding: .5cm 0cm 1cm .6cm;
vertical-align: top;
}
.info span
{
margin: .3cm 1cm 1cm .5cm;
}
.info h1
{
display:block;
background-color:#000000;
width: auto;
font: small-caps 400 1em arial;
text-transform: uppercase;
letter-spacing: .9em;
word-spacing: .1em;
padding: 0cm 0cm 0cm .4cm;
margin: 0cm 0cm 0cm .1cm;
color: #ededed;
text-align: left;
}

.info img
{
margin: .2cm .5cm .5cm .5cm;
padding: .7cm .5cm .7cm .5cm;
background-color: #d4e7b2;
float: left;
}
.info div
{
	width: 100%;
	
}

.info a
{ 
color: #000000;
font-family: arial;
font-weight: 500;
font-size: .8em;
letter-spacing: 0.02em;
text-transform: uppercase;
text-decoration: underline;
white-space: nowrap;
margin: .5cm 0cm 0cm .6cm;
width: 30%;
}

.info a:hover
{
color: #000000; 
font-weight:700;
} 
/*!!!!!!!!!!!!!!!!!!!!!!!END OF MAIN BODY PANE!!!!!!!!!!!!!!!!!*/
/*BANNER FOR SITE+++++++++++++++++++*/
#banner
{
text-align: center;
width: 25cm;
max-width: 25cm;
height: 3cm;
background-image:url(images/bannerbg.jpg);/*#8ACE77*/
margin: 0cm;
}

#banner h1
{
font: small-caps 400 1.7em arial;
text-transform: uppercase;
letter-spacing: .5em;
word-spacing: .5em;
padding: 0cm;
margin: 0cm 0cm .3cm 4cm;
color: #000000;
white-space: nowrap;
}

#banner h2
{
font: small-caps 400 1.5em arial;
word-spacing: .25em;
letter-spacing: .2em;
padding: 0cm;
margin: 0cm 0cm 0cm 4cm;
color: #000000;
}

#banner h3
{
font: small-caps 200 .7em arial;
word-spacing: .6em;
letter-spacing: .3em;
padding: .1cm;
margin: 0cm 0cm 0cm 4cm;
color: #000000;
}
/*NAVIGATION HORIZONTAL----------*/

#navhor
{
margin: 0cm;
padding-bottom: 0cm;
background-color: #64C13C;/*#64C13C*/
}
#navhor a
{ display: block; 
color: #ebebeb;
padding: 0cm ;
font-family: arial;
font-weight: 100;
font-size: 8pt;
letter-spacing: 2pt;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
margin: 0cm .3cm 0cm .4cm;
width: auto;
}


#navhor a:hover
{ 
color: #000000; font-weight: 100;
} 

#navhor ul
{table-row-group;
margin-left: 2%;
 list-style: none; 
white-space: nowrap;
}

#navhor li 
{table-row-group;
margin-left: 2%;
 list-style: none; 
white-space: nowrap;
float: left; 
width: auto; 
font-weight: bold;
border-right: .4mm solid #c7e19e;
margin: 0mm .4mm 0mm .4mm;
}
/*THIS IS FOR A TILE OUT MENU*/
#navhor li ul 
{display: none; width: 1em;  margin: 0mm;}

#navhor li:hover ul 
{display:block; 
width: 30%;
position: absolute; 
background-color: #ededed;
filter:alpha(opacity=70);
opacity:0.7;
}


/*END HORIZONTAL NAVIGATION ********************/