body {
  margin: 0;
  background: #f60;
}

#container {
  width: 798px;
  margin: 0 auto;
  border: 1px solid #fff;
  background: url('images/bg-container.gif') left top repeat-y;
}

/* Clearing floats without extra markup  */
.clear  { display: inline-block; }   
.clear:after,
#container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear        { display: block; }

#brand {
  width: 798px;
  margin: 0 auto;

}

#brand h2 {
  margin: 30px 0 0 0;
  background: url(images/yogaspacelogo_phone_email.jpg) bottom left no-repeat;
  text-indent: -9999px;
}


#headerleft {
  width: 299px;
  height: 275px;
  border-right: 1px solid #fff;
  float: left;
  background: url('images/bg-grid_photos2.jpg') left top no-repeat; 
}

#headerleft ul {
  margin: 0;
  padding: 0;
  background-color: #AF5664;
}

#headerleft ul li {
  list-style: none; 
  display: inline; 
}

#headerright{
  float: right;
  top: 0;
  margin: 0;
  padding: 0;
  height: 275px;
  width: 498px;
}

.class {
padding: 30px 0 0 30px;
border: 0;
}

#col_left {
  float: left;
  width: 299px;
  background: #83c2c0;
  border-right: 1px solid #fff;
}

#col_left ul {
width: 299px;
margin: 0;
padding: 0;




float: left;
}

#col_left ul li {
list-style: none; 
border-top: 1px solid #fff;
padding: 10px;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 1.5em;
color: #fff;
}

#col_left ul li a{
list-style: none; 
padding: 10px;
font-family: arial, helvetica, verdana, sans-serif;
font-size: .6em;
color: #fff;
text-decoration: none;
letter-spacing: .2em;
}

#col_left ul li a:hover{
list-style: none; 
padding: 10px;
font-family: arial, helvetica, verdana, sans-serif;
font-size: .6em;
color: #666;
text-decoration: none;

}



#col_right {
float: right;
background-color: #fff;
top: 0;
margin: 0;
padding: 0;
width: 498px;
}

#col_right a{
color: #AF5664;
}

#col_right a:hover{
color: #000;
}

#col_right a:active{
color: #000;
}

#col_right a:visited{
color: #333;
}

.col_right_body {
font-family: arial, helvetica, verdana, sans-serif;
font-size: .75em;
color: #666;
padding-left: 30px;
padding-right: 20px;
}

.col_right_body_li{
font-family: arial, helvetica, verdana, sans-serif;
font-size: .75em;
color: #666;
padding-right: 20px;
line-height: 1.5em; 
}

#col_right h2 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 1em;
color: #AF5664;
padding-left: 30px;
padding-right: 30px;
}

#col_right_about {
float: right;
background-color: #fff;
top: 0;
margin: 0;
padding: 0;
width: 498px;
}


#col_right_about h2 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 1em;
color: #AF5664;
padding-left: 30px;
padding-right: 30px;
}

#col_right_about h4 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: .9em;
color: #AF5664;
font-style: oblique;
padding-left: 30px;
padding-right: 30px;
}



#col_right_about hr {
color: #AF5664;
padding-left: 30px;
padding-right: 30px;
}

.call_out {
font-family: arial, helvetica, verdana, sans-serif;
font-size: .9em;
color: #AF5664;
padding-left: 20px;
padding-right: 50px;
font-style: oblique;
text-align: left;
font-weight: bold;
}

#footer {
text-align: center;
font-family: arial, helvetica, verdana, sans-serif;
font-size: .75em;
color: #FFFFFF;
}
#footer a{
color: #FFFFFF;
}

#footer a:hover{
color: #000;
}

#footer a:active{
color: #000;
}

#footer a:visited{
color: #333;
}

table {
border-collapse: separate;
width: 460px;
margin-left: 20px;
background-color: #fff;
}

tr {
height: 30px; 
}

td {
background-color:  #cee5e7;
}

th {
background-color:  #cee5e7;
}

.imgright {
padding: 0 20px 20px 20px;
}

.schedule {
font-family: arial, helvetica, verdana, sans-serif;
font-size: .7em;
color: #000;
text-align: center;
vertical-align: top;
}


.schedule-cathy {
  background: #8f2a36;
font-family: arial, helvetica, verdana, sans-serif;
font-size: .7em;
color: #fff;
text-align: center;
vertical-align: top;
}

.schedule-leslie {
  background: #2EAEAA;
font-family: arial, helvetica, verdana, sans-serif;
font-size: .7em;
color: #fff;
text-align: center;
vertical-align: top;
}

.schedule-silvana {
  background: #f60;
font-family: arial, helvetica, verdana, sans-serif;
font-size: .7em;
color: #fff;
text-align: center;
vertical-align: top;
}



li.special {
  background: #8f2a36;
}

li.special p {
  font-size: .5em;
}

ul.navigation {
  border-bottom: 1px solid #fff;
}


ul.navigation-notes {
  border-bottom: 1px solid #fff;
  font-size: .55em;
}