/* Style sheet for the Cache Pilates Studio Pages */

/* Set up the page layout divisions: Container holds it all, top is the
 * top menu, primary is the primary menu on the left side, and content
 * is the main page values.  Right is stuff in the right-hand margin */

body 
{
  font-size: 85%;
  width:100%;
  margin:0px;
  padding:0;
}

.leftbarcolor
{
background-color: #9D90B6;
width:800px;
}

div.leftbar
{
margin-left:160px;
}

div.header
{
  width: 800px;
  background-color:#008D67;
  color:white;
}

div.top
{
  position:absolute;
  top:20px;
  left:540px;
  clear:left;
  line-height:200%;
  text-align:center;
}

div.primary
{
  position:absolute;
  left:20px;
  top:170px;
  width:140px;
  margin:0px;
  line-height:190%;
}

div.content
{
  width:620px;
  line-height:130%;
  background-color:white;
  margin:0px;
  padding-left: 20px;
}

div.footer
{
  position:relative;
  text-align:center;
  line-height:130%;
}


/* Set paragraph and header fonts and colors */
p,ul,ol
 {color: black;
   font-size: 1.0em;
    font-family: Georgia, serif;
    font-style: italic;
}

p.huge
{
font-size: 10.0em;
font-style: normal;
color: #423F6F;
float: left;
margin:0px 0px 0px 0px;
position:relative;
left:30px;
top:40px;
z-index:1;
}

ol.greenbox
{
background-color: #008D67;
color:white;
margin:10px 10px 10px 320px;
padding:25px 30px 25px 70px;
line-height:150%;
}

div.stott
{
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
}

h1,h2,h3,h4,h5,h6
 {color: #423F6F;
    text-align: center;
    font-family: Georgia, serif;}
    font-style: italic;
h1{font-size:170%}
h2{font-size:150%}
h3{font-size:130%}
h4{font-size:100%;
   text-transform:uppercase;
   text-align:left;
}
h5
{
font-size:130%;
color:black;
text-align: left;
position: relative;
left: 30px;
top: 25px;
}
h6{font-size:90%;
   text-transform:uppercase;}

h3.InHeader
{
color:white;
font-family: Georgia, serif;
font-style: italic;
position:absolute;
left:260px;
top:75px;
}

h4.InHeader
{
color:black;
font-family: helvetica, sans-serif;
font-style: italic;
position:absolute;
left:10px;
top:115px;
font-size:80%;
}

/*.content {font-size: 76%em} */

/* Set highlighted paragraph text fonts and colors */
.highlight
{
color: #C24E76;
font-family: verdana, ariel, helvetica, sans-serif;
}

/* font style for footer */

.footer
{
  color: #999999;
  font-family: verdana, ariel, helvetica, sans-serif;
  font-size: 90%;
}

.footerlink
{
text-decoration: underline;
}
a.footerlink:link {color: #999999}
a.footerlink:visited {color: #999999}
a.footerlink:hover {color: #6699CC}
a.footerlink:active {color: #CC3399}


/* styles for tables (such as class schedule) */
th
 {color: #003366;
   font-family: verdana, ariel, helvetica, sans-serif;
   font-size: 76%}

/*td
 {font-family: ariel, helvetica, sans-serif;
    font-size: 76%;
    color: #003366}
*/

/* link styles */
a
{
font-family: ariel, helvetica, sans-serif;
text-decoration: none
}

.top 
{
font-family: times new roman, times, serif;
font-size: 110%;
color: #FFFFFF;
}
a.top:link {color: #FFFFFF}
a.top:visited {color: #FFFFFF}
a.top:hover {color: #423F6F}
a.top:active {color: #CC3399}

.primary 
{
font-size: 120%;
font-family: Georgia, serif;
    font-style: italic;
font-style: Bold;
}
a.primary:link {color: #FFFFFF}
a.primary:visited {color: #FFFFFF}
a.primary:hover {color: #423F6F}
a.primary:active {color: #003366}

.secondary 
{
text-align: center;
font-weight: bold;
font-size: 100%;
color: #6699CC;
}
a.secondary:link {color: #6699CC}
a.secondary:visited {color: #6699CC}
a.secondary:hover {color: #003366}
a.secondary:active {color: #0000AA}

.inline 
{
text-decoration: underline;
font-weight: bold;
}
a.inline:link {color: #003366}
a.inline:visited {color: #003366}
a.inline:hover {color: #6699CC}
a.inline:active {color: #0000AA}

.aright 
{
text-decoration: underline;
font-weight: bold;
line-height: 190%;
}
a.aright:link {color: #003366}
a.aright:visited {color: #003366}
a.aright:hover {color: #6699CC}
a.aright:active {color: #0000AA}

img
{
border:1 solid black;
margin: 15;
}

img.front
{
border:0px solid white;
z-index:1;
}

img.leftmargin
{
border:0px solid white;
position:absolute;
top:525px;
left:50px;
}

img.pilatesright
{
border:0 solid clear;
float:right;
margin: 0px 0px 15px 15px;
}

img.pilatesleft
{
border:0 solid clear;
float:left;
margin: 20px 15px 15px 0px;
}

img.pilatesleft2
{
border:0 solid clear;
float:left;
margin: 40px 0px 15px 210px;
}
