html{ 
overflow: scroll; min-height: 100%; margin-bottom: 5px;
}

body{
text-align: center; /*THIS HELPS TO CENTER ALIGN THE PAGE  */
}

#container{ /* THIS IS REQUIRED FOR CENTER ALIGNMENT OF THE PAGE IN INTERNET EXPLORER */
width: 776px; margin: 0px auto; 
}
#top_banner{
width: 776px; height: 160px; background-image: url(images/ayurclinicbanner.gif); border: 0px red solid;
}


#left_pane{ /* THIS IS THE LEFT PANE WHICH CONTAINS THE LINKS */
position: absolute; width: 150px; border-right: 0px #235937 solid; border-top: 0px #235937 solid; border-bottom: 0px green solid; text-align: left; margin-top: 20px; padding-right: 4px; margin-left: 0px;
}

#main_area{ /* THIS IS THE MAIN AREA. To change the font, replace "Trebuchet MS" with another font name. If the font name has spaces, you must enclose font name in quotes. To change font color, change #333333 to another suitable value. You can use photoshop to get the hex code of any color.*/
position: absolute; margin-left: 160px; margin-top: 20px; width: 610px; border: 0px brown solid; text-align: justify;
font-family: verdana, arial, Geneva, Kalimati, sans-serif; border: 0px solid black; padding: 3px;

}
#page_header{
width: 626px; margin-left: 160px; background-color:#6666CC; height: 30px;
}




 /*LEFT PANE MENU LINKS STYLES BEGIN
To change the font, replace verdana with anotother font name. To change the color, replace darkgreen with another color.
To change the color when mouse is over the link, change maroon to any other color
 */
a.left:link{
color: #235937;  font-family: Verdana, Arial, Geneva, Kalimati, sans-serif; text-decoration: none;
}
a.left:visited{
color: #235937;  font-family: Verdana, Arial, Geneva, Kalimati, sans-serif; text-decoration: none;
}
a.left:hover{
color: #235937; font-family: Verdana, Arial, Geneva, Kalimati, sans-serif; text-decoration: underline; 
}
a.left:active{
color: #235937;  font-family: Verdana, Arial, Geneva, Kalimati, sans-serif; font-weight: bold;
}
/* LEFT PANE MENU LINKS STYLES END*/




/*ANOTHER TYPE OF LINKS STYLE BEGIN
This is another type of links that we can use anywhere in the site (not only left pane). The font family is not defined, so the font of the link will be same as the font of the  parent container, which will usually be main_area
*/
a.lord:link{
color: #235937; text-decoration: none;
}
a.lord:visited{
color: #235937; text-decoration: none;
}
a.lord:hover{
color: #235937; text-decoration: underline; 
}
a.lord:active{
color: #235937; text-decoration: none;
}

/*ANOTHER TYPE OF LINKS STYLES END*/

.general_header{
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
color: #235937; text-align: center; font-variant: small-caps; font-size: 1.5em; font-weight: bold;
}


.green_text{
color: #235937;
}
img.album_cover{
border: 4px inset #235937;
}
a.album_caption:link{
color: #235937; text-decoration: none; font-size: 0.8em;
}
a.album_caption:visited{
color: #235937; text-decoration: none; font-size: 0.8em;
}
a.album_caption:hover{
color: #235937; text-decoration: underline; font-size: 0.8em;
}
a.album_caption:active{
color: #235937; text-decoration: none; font-size: 0.8em;
}


.panchakarma_questions:hover{
 text-decoration: underline;
}
.panchakarma_questions{
		color: #235937;
}
