html { height: 100%; }

body { color: black; font-family: georgia, serif; background-color: #6b2500; background-image: url(images/body-bg.gif); background-repeat: repeat-x; height: 100%; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 100; }
.center { text-align: center; }
a:link { color: #36c ; text-decoration: none; }

a:visited { color: #c60 ; text-decoration: none; }

a:hover { color: purple ; text-decoration: underline; }

a:active { color: red ; text-decoration: none; }

#top-banner { background-image: url(images/banner-top.png); background-repeat: repeat-x; position: absolute; top: 0; left: 0; width: 100%; height: 28px; z-index: 50; }

#content { background-repeat: no-repeat; position: relative; width: 807px; margin-right: auto; margin-left: auto; }

#header { background-image: url(images/header-bg2.png); background-repeat: repeat-y; text-align: center; width: 807px; padding-top: 28px; }

#header h2 { font-size: 18px; line-height: 100%; margin: 0; padding: 0; }
.click { font-size: 12px; }
.header-content { width: 800px; margin-right: auto; margin-left: auto; }

/*** Navigation ***/

#nav { width: 807px; z-index: 50; }

#nav span { display: none; }
#nav ul { width: 706px; height: 8px; margin-right: auto; margin-left: auto; padding: 0; }
#nav li, #nav h2 { height: 28px; float: left; display: inline; }
.Home { background-image: url(images/buttons/home.gif); background-repeat: no-repeat; width: 67px; height: 28px; }
.Home:hover { background-image: url(images/buttons/Hhome.gif); }
.HHome { background-image: url(images/buttons/Hhome.gif); background-repeat: no-repeat; width: 67px; height: 28px; }

.Events { background-image: url(images/buttons/events.gif); background-repeat: no-repeat; width: 71px; height: 28px; }
.Events:hover { background-image: url(images/buttons/Hevents.gif); }
.HEvents { background-image: url(images/buttons/Hevents.gif); background-repeat: no-repeat; width: 71px; height: 28px; }

.Practitioners { background-image: url(images/buttons/about.gif); background-repeat: no-repeat; width: 124px; height: 28px; }
.Practitioners:hover { background-image: url(images/buttons/Habout.gif); }
.HPractitioners { background-image: url(images/buttons/Habout.gif); background-repeat: no-repeat; width: 124px; height: 28px; }

.Services { background-image: url(images/buttons/services.gif); background-repeat: no-repeat; width: 76px; height: 28px; }
.Services:hover { background-image: url(images/buttons/Hservices.gif); }
.HServices { background-image: url(images/buttons/Hservices.gif); background-repeat: no-repeat; width: 76px; height: 28px; }

.Gallery { background-image: url(images/buttons/gallery.gif); background-repeat: no-repeat; width: 71px; height: 28px; }
.Gallery:hover { background-image: url(images/buttons/Hgallery.gif); }
.HGallery { background-image: url(images/buttons/Hgallery.gif); background-repeat: no-repeat; width: 71px; height: 28px; }

.Links { background-image: url(images/buttons/links.gif); background-repeat: no-repeat; width: 68px; height: 28px; }
.Links:hover { background-image: url(images/buttons/Hlinks.gif); }
.HLinks { background-image: url(images/buttons/Hlinks.gif); background-repeat: no-repeat; width: 68px; height: 28px; }

.Contact-Padma { background-image: url(images/buttons/contact.gif); background-repeat: no-repeat; width: 134px; height: 28px; }
.Contact-Padma:hover { background-image: url(images/buttons/Hcontact.gif); }
.HContact-Padma { background-image: url(images/buttons/Hcontact.gif); background-repeat: no-repeat; width: 134px; height: 28px; }

.Site-Map { background-image: url(images/buttons/sitemap.gif); background-repeat: no-repeat; width: 86px; height: 28px; }
.Site-Map:hover { background-image: url(images/buttons/Hsitemap.gif); }
.HSite-Map { background-image: url(images/buttons/Hsitemap.gif); background-repeat: no-repeat; width: 86px; height: 28px; }

.nav-bottom { background-image: url(images/nav-bottom.png); background-repeat: no-repeat; position: relative; bottom: 0; width: 805px; height: 4px; margin-top: 0; margin-bottom: 0; }


/**** RIBBON ****/

#ribbon { background-image: url(images/ribbon-bg2.png); background-repeat: no-repeat; text-align: right; position: relative; width: 807px; height: 62px; margin-top: 0; }

#ribbon h1 { font-style: oblique; line-height: 100%; margin: 0 0 0 22px; padding-top: 12px; padding-right: 55px; padding-left: 22px; }

/**** MAIN CONTENT ****/

#main-content { background-image: url(images/header-bg2.png); background-repeat: repeat-y; position: relative; width: 807px; }
#main-content-gallery { background-image: url(images/header-bg2.png); background-repeat: repeat-y; text-align: center; position: relative; width: 807px; }
#main-content p, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6, #main-content img { margin-right: 22px; margin-left: 22px; }
#main-content b, #main-content em { font-variant: small-caps; margin-right: 5px; }
#main-content img.gal { margin-top: 12px; margin-bottom: 12px; border: solid 1px gray; }
ul.highlightli li { line-height: 90%; margin-top: 12px; margin-right: 22px; margin-bottom: 12px; border: solid 1px silver; }
#main-content img.gal:hover { border: solid 1px maroon; }
#main-content-bottom { background-image: url(images/content-bottom2-807x26.png); background-repeat: no-repeat; width: 807px; height: 26px; }
.contactWho { color: gray; padding-top: 6px; padding-left: 22px; display: block; }
.eventTitle { font-size: 150%; line-height: 120%; background-color: #e6fde6; }
#padma-home-page { background-image: url(images/Padma-home-page4.jpg); background-repeat: no-repeat; background-position: 0 top; width: 807px; height: 484px; z-index: 55; }
#padma-home-page p { font-size: 14px; line-height: 125%; margin: 0; padding: 0; }
.home-text { line-height: 160%; position: relative; top: 50px; left: 542px; width: 250px; height: 147px; }
.hometitle { font-size: 22px; margin: 0; padding: 0; }
.home-text a { font-size: 16px; padding: 1px; }
.home-text a:hover { background-color: #d5f0c8; }
.bio-image { width: 260px; height: 313px; float: left; margin-top: 12px; margin-left: 12px; }
.bio-text { width: 450px; margin-top: 12px; margin-left: 12px; float: right; margin-right: 12px; }
.bio-clear { width: 100%; clear: both; }
/**** FOOTER ****/

#footer { background-image: url(images/footer2-808-47.png); background-repeat: no-repeat; text-align: center; width: 808px; height: 47px; margin-top: 15px; margin-right: auto; margin-left: auto; padding-top: 10px; }
.footerul, .footerli { display: inline; }
.rightline { margin-right: 2px; padding-right: 6px; border-right: 1px solid silver; }
.margin2padding6 { margin-left: 2px; padding-left: 6px; }
