body {background-color: #b6c6a9; 
}
div.container
{
width:800px;
margin: 0 auto;
border:2px solid #ffffff;
background-color:#cccc96;
line-height:120%;
}
div.header
{
margin:0 auto;
padding: 1em;
}
div.footer
{
padding:0.5em;
color:#1c4809;
background-color:#A5C385;
clear:left;
}
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:#cccc96;
padding:1em;
}
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: #003300;
font-family: 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;}
.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: #003300; font-family: sans-serif; text-align: center; font-style: italic; font-size: 16px;}
h3 {color: #bd7860; 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: #bd7860; font-family: sans-serif; font-size: 14px; text-align: center}

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.one {
font-color: #fffff0;
font-style: bold;
text-align:center;
font-family:sans-serif;
font-size: 14px;
width:100%;
padding:0;
margin:0;
list-style-type:none;
line-height: 120%;
}

li.one {display:inline}

ul
{
text-align:left;
font-family:sans-serif;
font-size: 12px;
color: #003300;
font-style: italic;
list-style-type: disc;
list-style-position: inside;
margin: 5px;
line-height: 130%;
}


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}

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

a.one
{
text-align:center;
width:14em;
text-decoration:none;
color:#ffffcc;
background-color:#bd7860;
padding:0.2em 0.6em;
border:2px solid #ffffcc;

}
a.one:hover {background-color:#b6c6a9}

a.two:link {background-color: #cccc96; color: #006600; text-decoration: underline;}
a.two:visited {background-color: #cccc96; color: #003300;}
a.two:hover {background-color: #cccc96; color: #006600; test-decoration: blink}

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