body { background-color: #B8BA53; overflow: auto }

p { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000000 }
p.buttons { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF }
p.style1 { font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #000000 }
p.yoga { font-size: 13px; color: #000000; font-weight: bold; }

ol {  font: 13px; font-family: Arial, Helvetica, sans-serif; color: #000000 }
li { font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000000 }
li.yoga { font-size: 13px; color: #000000; font-weight: bold; text-align: left; margin-left: 20px; }

a:link { color: #666666}
a:visited { color: #124482 }
a:hover { color: #333333 }

h1 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #280B03; }
h2 { font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000 }
h3 { font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #280B03 }
h4 { font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #124482 }

.main { width: 815px; height: 620px; background-image: url(images/healing_moves-bg1.jpg); background-repeat: no-repeat }
.main-sidebar { width: 150px; height: 620px; float: left; }
.main-body { width: 665px; height: 615px; margin-top: 10px; float: left; }

.main-title { width: 645px; height: 50px; margin-top: 10px; float: left; }
.main-content { width: 645px; height: 519px; padding-top: 10px; float: left; }
.main-con1 { width: 645px; padding: 2px; float: left; }
.main-con1b { width: 645px; height: 115px; float: left; }
.main-con1b-left { width: 325px; height: 115px; padding-left: 10px; padding-right: 10px; float: left; }
.main-con1b-right { width: 290px; height: 115px; float: left; }
.main-submit { width: 645px; height: 35px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; float: left }
.main-submitb { width: 600px; height: 10px; padding-top: 10px; padding-left: 5px; float: left; }
.main-submitc { width: 600px; height: 5px; padding-top: 0px; padding-left: 5px; float: left; }
.main-con { width: 645px; float: left; }
.main-con2 { width: 325px; float: left; }
.main-con3 { width: 310px; padding-left: 5px; padding-right: 5px; float: left; }
.main-footer { width: 645px; height: 25px; padding-top: 15px; padding-bottom: 5px; float: left; }


#layer1 { 
visibility: visible;
position: relative;
z-index: 2;
margin: auto;
text-align: left;
top: 0px;
left: 0px;
width: 520px;
height: 470px;
border: none;
padding: 0px;
}

#main {
position: absolute;
left: 0px;
top: 5px;
width: 520px;
height: 470px;
}

#contentClip {
overflow: hidden;
position:absolute;
top: 0px;
left: 0px;
height: 470px;
width: 520px;
border: 0px solid #AAAAAA;
padding: 0px;
}

#leftColumn {
width: 100%;
}

.column {
top: 0px; /* 90px; */ /* just estimate it ;-) */
position: absolute;
overflow: hidden;
background: transparent;
margin: 0;
padding: 0;
}

div.down {
position: absolute;
top: 290px;
left: 540px;
width: 10px;
height: 15px;
z-index: 34;
}

div.up {
position: absolute;
top: 64px;
left: 540px;
width: 10px;
height: 15px;
z-index: 32;
}

#layer2 { 
visibility: visible;
position: relative;
z-index: 2;
margin: auto;
text-align: left;
top: 0px;
left: 0px;
width: 520px;
height: 360px;
border: none;
padding: 0px;
}

#main2 {
position: absolute;
left: 0px;
top: 5px;
width: 520px;
height: 360px;
}

#contentClip2 {
overflow: hidden;
position:absolute;
top: 0px;
left: 0px;
height: 360px;
width: 520px;
border: 0px solid #AAAAAA;
padding: 0px;
}