body {
background-color: #8956a3
}
div.container
{
width:600px;
margin: 0 auto;
border:3px double #000066;
background-color:#d8c8f0;
line-height:120%;
}
div.container1
{width:794px;
margin: 0 auto;
border:3px solid #8956a3;
background color:#c6d7ce
}

div.left
{
float:left;
width:360px;
height:265px;
margin:0;
background-color:#fffed7;
padding:1em;
}

div.right
{
margin-left:370px;
background-color:#fffed7;
padding:1em;
}
div.leftbody
{
float: left;
width:400px;
height:1500px;
line-height: 120%;
margin:0;
padding:1em;
}

div.rightbody
{
margin-left:410px;
border-left:1px solid #003300;
height:1500px;
padding:1em;
}
div.content
{
text-alignment: left;
background-color:#d8c8f0;
padding:1em;
line-height:110%
}
div.footer
{
color:#8956a3;
text-align:center;
font-size: 11pt;
font-family: cursive;
line-height: 120%
}
div.caption
{
width: 330px;
margin:5px 5px 5px 5px;
padding:5px;
text-align:center;
font-family: cursive;
color: #003333;
font-size: 9pt
}
div.leftcaption
{
width: 330px;
margin:5px 5px 5px 5px;
padding:5px;
text-align:center;
font-family: cursive;
color: #003333;
font-size: 9pt;
float: left
}

p
{
text-align: left;
margin: 5px 15px 5px 15px;
color: #000066;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt; 
}
p.border {border: #FFFFCC}

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed; padding:1em; text-align: center}
p.solid {border-style: solid; padding: 1em}
p.double {border-style: double}
p.groove {border-style: groove; padding: 1em}
p.ridge {border-style: ridge}
p.inset {border-style: inset}
p.outset {border-style: outset}

.indent {text-indent: 1cm}
.discount {font-weight: 900; font-size: 14 px; color: red}
.margin {margin: 2cm 4cm 3cm 4cm}
.light {text-align: center; font-size: 16px; font-family: sans-serif; font-weight: 900; color: #fffff0}
.center {text-align: center} 
.right {text-align: right; font-size: 12px; font-family: sans-serif; font-weight: normal;}
.left {text-align: left} 
.normal {font-weight: normal}
.thick {font-weight: bold}
.extra {font-style: italic; background: #336633; color: #fffed7; font-size: 14px; font-weight: bold; text-align: center}
.italic {font-style: italic; font-weight: normal}
.thicker {font-weight: 900}
.teacher {font-variant: small-caps; font-size: 16px; font-weight: bold; text-align: center}
.footer {font-size: 12px; font-weight:  bold; line-height: 75%; text-align: center}
.deb {font-size: 10px; font-weight: normal; line-height: 75%; text-align: center}
.workshops {font-size: 12px; font-weight: normal; text-align: left; font-family: sans-serif}
.link {background-color: #fefdeo; color: #336633;}
.leftteacher {float: left; margin:10px 10px 10px 10px; border: 1px solid #003300}
.leftlogo {float: left; margin:10px 10px 10px 10px;}
.rightlogo {float: right; margin:10px 10px 10px 10px;}
.centerlogo {float: center; margin: 10px 10px 10px 10px}
.smallcaps {font-variant: small-caps; font-weight: 900; font-size: 14px;}
.caps {font-variant: small-caps; font-size: 10px;}
.quote {font-style: italic; font-weight: bold; font-size: 12px; font-family: sans-serif; margin: 35px 35px 35px 35px; background: #003300; color: #fffed7; text-align: center}
.date {color: #400080; font-family: sans-serif; text-align: center; font-size: 14px;}
span.highlight{background-color: #fefde0}
.eletterpic {float: left; margin: 15px 15px 15px 15px;}
.eletterpic1 {align: right; margin: 15px 15px 15px 15px;}

h1 {color: #003300; font-family: sans-serif; text-align: center; font-variant: small-caps; font-size: 18px;}
h2 {color: #8956a3; font-family: sans-serif; text-align: center; font-style: italics; font-size: 16px;}
h3 {color: #8956a3; font-family: sans-serif; text-align: center; font-variant: small-caps; font-size: 14px;}
h4 {color: #400080; font-family: sans-serif; text-align: center; font-size: 14px;}
h6 {font-family: sans-serif; color: #336633}
h5 {color: #400080; font-family: sans-serif; font-size: 14px;}

hr {color:#003300; width: 85%; align: center}
hr.short {color:#003300; width: 25%; align: center}

div.img
  {
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
none {background-color: #fefde0}
ul
{
text-align:left;
font-family:sans-serif;
font-size: 12px;
color: #000066
}


td.test1 {padding: 1.5cm}
td.test2 {padding: 0.5cm 2.5cm}

ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
ul.pic {list-style-image:  url(file:///C|/Documents and Settings/Deb/Desktop/Websites/Test Files/'arrow.gif')}
ul.inside {list-style-position: inside}
ul.outside {list-style-position: outside}
ul.one
{
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
width:100%;
font-weight: 900;
padding:0;
margin:0;
list-style-type:none;
line-height: 100%;
}
li.one {display:inline}

img 
{
background-color: #fefde0
}
h1.visible {visibility:hidden}
h1.invisible {visibility:visible}

a.one
{
text-align:center;
width:14em;
text-decoration:none;
color:#8956a3;
background-color:#c6d7ce;
padding:0.2em 0.7em;
}
a.one:hover {background-color:#8956a3; color:#c6d7ce}

a.two:link {background-color: #d8c8f0; color: #000066; font-weight: 900; text-decoration: underline;}
a.two:visited {background-color: #d8c8f0; color: #003300; font-weight: 900;}
a.two:hover {background-color: #8956a3; color: #c6d7ce; font-size: 14px}

a.three:link {background-color: #fffed7; color: #003300; font-variant: small-caps; text-decoration: underline;}
a.three:visited {background-color: #fffed7; color: #003300; text-decoration: underline; font-variant: small-caps}
a.three:hover {background-color: #fffed7; color: #009999;}