﻿p {
   margin-top: 0em;;
}

a {
   color: green;
}

td {
  color: #5C2D11;
}

.Body {
   font-family: Georgia, Arial, Arial, Helvetica, sans-serif;
   background:#483521 url("/images/Pattern.gif") repeat;
   color: green;
   text-align: center;
}

.Page {
   border: solid #413121 2px;
   background-color: #5C4630;
   width: 700px;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
   padding: 5px;
}

.PageContent {
   border-collapse: collapse;
}

.Logo {
   display: table-cell;
   position: relative;
   border: solid #5C2D11 1px;
   padding: 0px;
}

.LogoContainer {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   padding-top: 15px;
   padding-bottom: 15px;
}

.LogoImage {
   width: 698px;
}

.LogoBackground {
   position: absolute;
   top: 0;
   left: 0;
   width: 697px;
   height: 110px;
   overflow: hidden;
   z-index: -1;
}

.Menu {
   text-align: center;
   background-color: #5C2D11;
   background-image: url(/images/Menu.jpg);
   background-repeat: repeat-x;
   color: gold;
   padding: 5px;
   font-size: 1.0em;
   font-weight: bold;
}

.Info-Left {
   text-align: left;
   text-transform: lowercase;
   background-color: #5C4630;
   color: white;
   padding: 5px;
   font-size: 0.9em;
}

.Info-Right {
   text-align: right;
   text-transform: lowercase;
   background-color: #5C4630;
   color: white;
   padding: 5px;
   font-size: 0.9em;
}

.Content {
   padding-top: 100px;
   border: solid #5C2D11 1px;
   height: 6.5in;
   padding: 10px;
   font-size: 0.9em;
   text-align: justify;
   background:#FFF3DB url("/images/Paper.jpg") repeat-y;
   color: #5C2D11;
   vertical-align: top;
}

.Heading {
   border: solid #A48660 1px;
   text-align: left;
   color: #A48660;
   font-weight:normal;
   text-transform: uppercase;
   letter-spacing:.1em;
   font-size: 1.1em;
   margin:0;
   margin-bottom: 10px;
   padding:5px;
}

.Heading-Subtitle {
   color: #5C2D11;
   font-weight:normal;
   letter-spacing:0em;
   font-size: 1.0em;
   text-transform: capitalize;
}

.Om {
   float: left;
   padding-right: 20px;
}

.Slogan {
   float: right;
   color: #A48660;
   text-align: center;
   font-size: 1.2em;
   padding-top: 20px;
   width: 6in;
   height: 1.0in;
}

.SpecialOffer {
   border: solid #413121 1px;
   background-color: #A48660;
   color: white;
   text-align : center;
   font-weight: bold;
   font-style: italic;
   padding: 5px;
   margin-bottom: 8px;
}

.Image {
   border: solid #5C2D11 1px;
}

.TeacherHeading {
   text-transform:uppercase;
   letter-spacing:.1em;
   text-align: left;
   font-size: 1.2em;
   color: A48660;
   padding: 0;
   margin: 0;
}

.TeacherSubHeading {
   text-align: left;
   font-size: 1.0em;
   font-weight: normal;
   color: A48660;
   padding: 0;
   margin: 0;
   margin-bottom: 1.0em;
}

.StaffHeading {
   text-align: left;
   font-size: 1.0em;
   color: A48660;
}

.Link {
   color: #5C2D11;
}

.InfoLink {
   color: white;
}

.MenuLink {
   color: white;
   text-decoration: none;
   font-weight: normal;
   text-transform: uppercase;
   letter-spacing: 0.1em;
   font-size: 0.8em;
}

.DirectionLink {
   font-size: 0.8em;
   color: white;
}

.CenteringContainer {
   text-align: center;
   width: 100%;
}

.Box {
   /* background-color: #AA8862; */
   color: #5C2D11;
   border: solid #5C2D11 1px;
   margin: auto;
   padding: 10px;
   width: 95%;
   text-align: center;
   font-weight: bold;
}

.Separator {
   display: block;
   background:url("/images/Divider.gif") no-repeat bottom left;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
   margin-bottom: 12px;
   text-align: center;
}

.StaffSeparator {
   text-align: center;
   padding: 5px;
}

.Schedule {
   border-collapse: collapse;
   background-color: transparent;
   color: #A48660;
   width: 100%;
}

.ScheduleTitle {
   font-size: 1.2em;
   font-weight: bold;
   text-align: center;
   padding: 10px;

}

.ScheduleHeading {
   width: 12%;
   border: solid #A48660 1px;
   font-size: 0.7em;
   font-weight: bold;
   text-align: center;
}

.ScheduleTime {
   width: 10%;
   font-size: 0.7em;
   text-align: right;
   padding-right: 5px;
   padding-top: 5px;
   vertical-align: top;
}

.ScheduleEntry {
   width: 13%;
   background-color: white;
   border: solid #A48660 1px;
   font-size: 0.7em;
   text-align: center;
   vertical-align: top;
}

.Heated {
   background-color: red;
   color: white;
}

.Moderate {
   background-color: orange;
   color: white;
}

.Unheated {
   background-color: blue;
   color: white;
}

.Silent {
   background-color: green;
   color: white;
}

.Kids {
   background-color: violet;
   color: white;
}

.Power {
   background-color: gold;
   color: red;
}

.Swasthya {
   background-color: #8DA7D8;
   color: black;
}

.Class {
   width: 100%;
   margin-bottom: 10px;
   border: solid #4F3B25 1px;
}

.ClassHeading {
   background-color: #4F3B25;
   color: white;
   padding: 5px;
}

.ClassDescription {
   vertical-align: top;
}

.ClassInfo {
   width: 20%;
   border: solid #4F3B25 1px;
   background-color: #A48660;
   color: white;
   padding: 5px;
   font-family: arial;
   font-size: smaller;
   vertical-align: top;
}

.ClassTimes {
   font-style: italic;
   padding-top: 10px;
   vertical-align: bottom;
}

.SubscribeContainer {
   width: 100%;
   text-align: center;
}

.SubscribeBox {
   width: 300px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

#SignUp .signupframe {
  border: 1px solid #5C2D11;
  background: #FFFFFF;
  color: #5C2D11;
}

.Copyright {
   text-align: center;
   padding-top: 30px;
   color: white;
   font-size: 0.7em;
}


