body {text-align: center; margin-top: 10px; background-image: url(images/background_gradient.jpg); background-repeat: repeat-x; background-position: bottom left; background-attachment: fixed}
#epidermis {width: 802px; margin: 0 auto;}

#banner {width: 802px; float: left; height: 55px; background-image: url(images/name.png); background-repeat: no-repeat}
#menu {width: 800px; float: left; border-width: 1px 1px 0 1px; border-style: solid; border-color: #669966; font-family: arial, sans-serif; font-size: 12px; display: block }
#forrest_yoga #menu, #schedule #menu, #blurbs #menu, #faq_info #menu, #resources #menu, #contact_info #menu {width: 800px; float: left; border: 1px solid #669966; font-family: arial, sans-serif; font-size: 12px; display: block }
#menu ul {list-style-type: none; margin: 0; padding: 0; width: auto}
#menu ul li {float: left; border-right: 1px solid #669966; display: block;}
#menu ul li a {text-decoration: none; color: #666666; display: block; float: left; padding: 5px}
#menu ul li a:hover {text-decoration: none; color: #ffffff; background-color: #669966;}
#submenu {width: 800px; float: left; border: 1px solid #669966; font-family: arial, sans-serif; font-size: 12px; background-color: #669966; background-image: url(images/menu_gradient.jpg); background-repeat: repeat-x}
#submenu ul {list-style-type: none; margin: 0; padding: 0}
#submenu ul li {float: left; padding: 5px 10px}
#submenu a {color: #ffffff; text-decoration: none}
#submenu a:hover {color: #660033}

#breadcrumbs {position: relative; top: 35px}
#breadcrumbs ul {margin: 0; padding: 0; list-style-type: none;}
#breadcrumbs ul li {float: right; padding: 5px 0 5px 10px; font-family: arial, sans-serif; font-size: 10px;}
#breadcrumbs ul li a {color: #999999; text-decoration: none}
#breadcrumbs ul li a:hover {color: #000000; text-decoration: none}

#visual {width: 300px; float: left; height: 500px; border-width: 0 0 1px 1px; border-style: solid; border-color: #669966;  background-color: #ffffff}

#about_sonya #visual {background-image: url(images/headshot.jpg); background-repeat: no-repeat}
#index #visual {background-image: url(images/newLunge.jpg); background-repeat: no-repeat}
#forrest_yoga #visual {background-image: url(images/crow.jpg); background-repeat: no-repeat}
#contact_info #visual p, #contact_info #visual form {text-align: left; font-family: arial, sans-serif; font-size: 11px; color: #ffffff; margin: 10px}
#contact_info #visual #signup_box {background-color: #000000; filter: Alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75; padding: 10px; width: 200px; position: relative; top: 330px; left: 15px}

#yoga_offerings #visual {background-image: url(images/straddleForwardBend.jpg); background-repeat: no-repeat;}
#uscl #visual {background-image: url(images/warrior2.jpg); background-repeat: no-repeat}
#schedule #visual {background-image: url(images/downwardDog.jpg); background-repeat: no-repeat}
#blurbs #visual, #faq_info #visual, #resources #visual, #contact_info #visual {background-image: url(images/twisting_chair.jpg); background-repeat: no-repeat;}

#information_frame {width: 500px; height: 500px; float: left; border-width: 0 1px 1px 0; border-style: solid; border-color: #669966;  background-color: #ffffff}
#information ul {font-family: arial, sans-serif; font-size: 13px; color: #666666; text-align: left; margin-right: 20px}
#information ul li {padding-bottom: 10px}
#information_head {width: 500px; height: 20px; float: left}
#information_footer {width: 500px; height: 19px; float: left}
#information {width: 500px; float: left; height: 460px; overflow: auto;}
#information p {font-family: arial; sans-serif; font-size: 13px; color: #666666; text-align: justify; margin: 10px 15px 10px 10px; line-height: 1.5em}
#information .subheading {text-align: left; font-family: arial, sans-serif; color: #ffffff; background-color: #993366; padding-left: 10px; font-size: 15px; background-image: url(images/subheading_gradient.jpg); background-repeat: repeat-x}
#information .topic {text-align: left; font-family: arial, sans-serif; color: #993366; font-weight: bold}
#information .note {font-size: 11px}
#information #asterisk {font-size: 13px}

#information_frame #google_cal {width:450px; margin-bottom: 25px; margin-right: auto; margin-left: auto}

#forrest_yoga #information img, #uscl #information img {float: left; margin-right: 7px}

#footer {width: 800px; border-width: 0 1px 1px 1px; border-color: #669966; border-style: solid; float: left; background-color: #ffffff; font-family: arial, sans-serif; font-size: 10px; color: #666666}
#footer p {margin: 7px}

#index #menu .home a, #about_sonya #menu .sonya a, #forrest_yoga #menu .forrest a, #yoga_offerings #menu .yoga_info a, #uscl #menu .uscl_info a, #schedule #menu .teaching_schedule a {background-color: #669966; color: #ffffff; text-decoration: none}

#blurbs #breadcrumbs .testimonials a, #faq_info #breadcrumbs .faqs a, #resources #breadcrumbs .links a, #contact_info #breadcrumbs .contact a {text-decoration: none; color: #000000}

.name {font-style: italic; font-weight: bold; color: #000000}
.question {font-weight: bold; color: #993366}