/*this is the primary style sheet of the site*/
body {
     background-color: #FFFFFF;
     color: #333333;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: 0.8em;
     background-image: none;
     margin: 0px;
     padding: 0px;
     text-decoration: none;
 }
#banner {
     font-size: 12px;
     width: 800px;
     margin: 0px auto;
     text-align: right;
     padding: 0px;
     border-top: 0px none;
     border-right: 1px solid #CCCCCC;
     border-bottom: 0px none;
     border-left: 0px none;
 }
#image {
     background-image:    url(images/flow3.jpg);
     background-repeat: no-repeat;
     background-position: center top;     
     height: 237px;
     width: 800px;
     text-align: right;
     margin: 0px;
     padding: 0px;
     border-top: 0px none;
     border-right: 0px none;
     border-bottom: 1px #CCCCCC solid;
     border-left: 0px none;
 }
#yoga {
     position: absolute;
     top: 2%;
     left: 25%;
     text-align: left;
     width: 300px;
     height: auto;
     font-style: italic;
     font-size: 1.1em;
 }

#content {     
     text-decoration: none;
     color: #333333;
     width: 800px;
     margin: 0em auto 0em auto;
     text-align: center;
     padding: 0px;
     position: relative;     
     left: auto;
     border: none;
     background-position: center center;
     height: 100%;
 }
#contentleft {
     position: absolute;
     height: auto;
     width: 340px;
     left: 0px;
     text-align: left;
     margin: 0px;
     border: 1px solid #CCCCCC;
     top: -50px;
     padding: 0px;
     background-color: #ffffff;
     float: left;
     background-repeat: repeat;
     }
p.left {
    
     text-align: justify;
     background-color: #ffffff;
     margin-top: 0em;
     padding-top: 0em;
     }
#contentleft p img {
     float: left;
     padding-top: 8px;
     padding-bottom: 0px;
     padding-right: 10px;
     padding-left: 0px;
 }

#contentright {
     position: absolute;
     width: 400px;
     left: 360px;
     top: 0px;
     border: 1px #cccccc solid;
     border-top: none;
     text-align: left;
     background-color: #ffffff;
     z-index: 1;
 }
p.right {
     padding: 20px;
     border: 1px #cccccc solid;
     margin: 20px;
     text-align: justify;
 }
#contentright ol li {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
 }

#navbar {
     position: absolute;
     top: 0px;
     left: 80%;
     width: 125px;
     border-top: 0px none;
     border-right:  0px none;
     border-bottom: 1px solid #CCCCCC;
     border-left: 1px solid #CCCCCC;
     font-size: 10px;
     background-color: #ffffff;
     text-align: center;
     height: auto;
     margin: 0px;
     padding: 10px;
 }

#navbar ul li a:link, #navbar ul li a:visited {
     display: block;
     text-decoration: none;
     margin: 0px;
     padding: 4px;
 }

#navbar ul li {
     list-style-type: none;
     margin: 0px;
     padding: 2px;
 }

#navbar ul {
margin: 0;
padding: 0;
}  
#navbar ul li span#athome {
     background-color: #ffffff;
     color: #cccccc;
     display: block;
     border: 1px solid;
     margin: 0px;
     padding: 4px;
 }   
#navbar ul li span#atphilosophy {
     background-color: #ffffff;
     color: #999999;
     display: block;
     border: 1px solid #999999;
     margin: 0px;
     padding: 4px;
 }   
#navbar ul li span#atworkshops {
     background-color: #ffffff;
     color: #996666;
     display: block;
     border: 1px solid #996666;
     margin: 0px;
     padding: 4px;
 }
#navbar ul li span#atschedule {
     background-color: #ffffff;
     color: #993333;
     display: block;
     border: 1px solid #993333;
     margin: 0px;
     padding: 4px;
 }
#navbar ul li span#atpictures {
     background-color: #ffffff;
     color: #990000;
     display: block;
     border: 1px solid #990000;
     margin: 0px;
     padding: 4px;
 }
#navbar ul li span#atlinks {
     background-color: #ffffff;
     color: #660000;
     display: block;
     border: 1px solid #660000;
     margin: 0px;
     padding: 4px;
 }

#navbar ul li span#home a:link, #navbar ul li span#home a:visited {
     background-color: #cccccc;
     color: #ffffff;
     display: block;
     border: 1px solid;
 }
#navbar ul li span#home a:hover {
     background-color: #ffffff;
     color: #cccccc;
     display: block;
     border: 1px #cccccc solid;
 }

#navbar ul li span#philosophy a:link, #navbar ul li span#philosophy a:visited {
     background-color: #999999;
     color: #ffffff;
     display: block;
     border: 1px solid;
 }
#navbar ul li span#philosophy a:hover{
     background-color: #ffffff;
     color: #999999;
     display: block;
     border: 1px #999999 solid;
 }
#navbar ul li span#workshops a:link, #navbar ul li span#workshops a:visited {
     background-color: #996666;
     color: #ffffff;
     display: block;
     border: 1px solid;
 }
#navbar ul li span#workshops a:hover{
     background-color: #ffffff;
     color: #996666;
     display: block;
     border: 1px #cc9999 solid;
 }
#navbar ul li span#schedule a:link, #navbar ul li span#schedule a:visited {
     background-color: #993333;
     color: #ffffff;
     display: block;
     border: 1px solid;
 }
#navbar ul li span#schedule a:hover{
     background-color: #ffffff;
     color: #993333;
     display: block;
     border: 1px #993333 solid;
 }
#navbar ul li span#pictures a:link, #navbar ul li span#pictures a:visited {
     background-color: #990000;
     color: #ffffff;
     display: block;
     border: 1px solid;
 }
#navbar ul li span#pictures a:hover{
     background-color: #ffffff;
     color: #990000;
     display: block;
     border: 1px #990000 solid;
 }
#navbar ul li span#links a:link, #navbar ul li span#links a:visited {
     background-color: #660000;
     color: #ffffff;
     display: block;
     border: 1px solid;
 }
#navbar ul li span#links a:hover{
     background-color: #ffffff;
     color: #660000;
     display: block;
     border: 1px #660000 solid;
 }
#pose {
     position: absolute;
     left: 15%;
     top: 12%;
     background-repeat: no-repeat;
     background-image: url(images/pincha.jpg);
 }
#philosophypose {
     position: absolute;
     left: 15%;
     top: 16%;
     background-repeat: no-repeat;
     background-image: url(images/praise.jpg);
 }
#workshoppose {
     position: absolute;
     left: 15%;
     top: 12%;
     background-repeat: no-repeat;
     background-image: url(images/straight.jpg);
 }
#schedulepose {
     position: absolute;
     left: 15%;
     top: 19.5%;
     background-image: url(images/arch.jpg);
     background-repeat: no-repeat;
 }

#credits {
     position: fixed;
     width: 120px;
     text-align: left;
     padding: 5px;
     color: #666666;
     font-size: 12px;
     margin: 0px;
     height: auto;
     text-decoration: none;
     bottom: 1%;
     right: 1%;
     z-index: 0;
     border-top: 1px #666666 dashed;
     border-left: 1px #666666 dashed;
     font-family: Times, "Times New Roman", serif;
 }

h1 {
     font-size: 1.2em;
     text-align: center;
     color: #333333;
     background-image: url(images/bioback.jpg);
     margin: 0px;
     font-weight: normal;
     padding-top: 5px;
     padding-right: 0px;
     padding-bottom: 1em;
     padding-left: 0px;
     background-repeat: repeat-x;
 }
 h2 {
     font-size: 1.0em;
     color: #333333;
     margin: 0px;
     padding-top: 3px;
     padding-right: 1em;
     padding-bottom: 3px;
     padding-left: 1em;
 }
 h3 {
     font-size: 1.0em;
     color: #333333;
     font-style: italic;
     margin: 0px;
     padding-bottom: 1em;
     padding-top: 1em;
     padding-right: 1em;
     padding-left: 1em;
 }
 h4 {
     font-weight: normal;
     font-style: italic;
     font-size: 0.9em;
     text-align: justify;
     margin: 0px;
     padding-right: 1em;
     padding-bottom: 1em;
     padding-left: 1em;
     padding-top: 0em;
 }
h5 {
     }
ul {}
li { }

#main-text {
     background-color: #FFFFFF;
     border-left: 1px #000000 solid;
     border-right: 1px #000000 solid;
     border-bottom: 1px #000000 solid;
     margin-left: 198px;     
     padding: 10px;
 }
p {
     padding: 1em;
     margin: 1em;
     font-size: 0.9em;
     text-align: justify;
     line-height: 1.7em;
     padding-top: 0em;
     margin-top: 0em;
     margin-bottom: 0em;
 }
blockquote {
     margin: 10px;
 }
p.footer {
     font-size: .8em;
     text-align: center;
     font-weight: bold;
     background-color: #f0f0f0;
 }
a {
     margin: 0px;
     padding: 0px;
 }

a:link {
     color: #660000;
     margin: 0px;
     padding: 0px;
     text-decoration: none;
 } 

a:visited {
     background-color: #FFFFFF;
     color: #660000;
     text-decoration: none;
     margin: 0px;
     padding: 0px;
 }

a:hover {
     color: #996666;
     margin: 0px;
     padding: 0px;
     text-decoration: underline;
 }

a:active {
     background-color: #996666;
     margin: 0px;
     padding: 0px;
 }