body {
margin: 0;
padding: 0;
font-family: Arial,Helvetica,sans-serif; 
font-size: 0.8em; 
background-color: #ECD814;
color: #000000;
}

.borderview {
border: 1px solid black;
}
/* purple - orange 
a:link { color: #800080; }
a:visited { color: #800080; }
a:hover { color: #996633; }
/* orange -purple 
a:link { color: #996633; }
a:visited { color: #996633; }
a:hover { color: #800080; }
/* original design orange - grey with visited color and no hover
a:link { color: #FF6655; }
a:visited { color: #806677; }
/* blue - purple */
a:link { color: #000099; }
a:visited { color: #000099; }
a:hover {
color: #800080;
}
/* */
a img { 
border-style: none; 
}

#canvas {
width: 800px;
height: 600px;
margin: auto;
background-color: #ffffff;
color: #000000;
}

#header {
height: 43px;
width: 800px;
margin: 0px;
padding: 0px;
background-color: #ffffff;
}

#header img {
display: block;
float: left;
}

#leftnav {
float: left;
width: 151px;
height: 180px;
}

#leftnav > img {
margin-bottom: 20px;
}

#leftmenu {
width: 151px;
}

#leftmenu ul {
list-style-type: none;
margin-left: 5px;
padding-left: 8px;
}

#leftmenu img {
width: 111px;
height: 38px;
}

#rightcontent {
width: 649px;
height: 522px;
float: right;
}

#subhead {
margin-left: 16px;
}

#subtitle {
float: left;
width: 420px;
height: 38px;
color: #996633;
font-size: 14pt;
font-weight: bold;
text-align: left;
}

#content {
clear: both;
margin-left: 16px;
padding-top: 0.2em;
}

#content ul {
list-style-type: none;
margin-top: 2em;
}

#content li {
margin-top: 1em;
}

#content ul.visiblelist {
list-style-type: disc;
margin-top: 1.4em;
}
#content ul.visiblelist>li {
list-style-type: disc;
margin-top: 1.4em;
}
#content ul.visiblelist>li>ul {
list-style-type: circle;
margin-top: 0em;
}

#content ul.visiblelist>li>ul>li {
margin-top: 0.5em;
}

#footer {
clear: both;
height: 36px;
width: 800px;
margin: auto;
background-color: #ffffff;
color: #000000;
text-align: center;
}

span.contact {
display: none;
}
a.disabledlink { color: #000000; text-decoration: none; border-style: none; font-weight: bold;}
a:link.disabledlink { color: #000000; text-decoration: none; border-style: none; font-weight: bold; }
a:visited.disabledlink { color: #000000;  text-decoration: none; border-style: none; font-weight: bold; }
a:hover.disabledlink {color: #000000; cursor: default; text-decoration: none; border-style: none; font-weight: bold; }
a:active.disabledlink {color: #000000; cursor: default; text-decoration: none; border-style: none; font-weight: bold; }
a:focus.disabledlink {color: #000000; cursor: default; text-decoration: none; border-style: none; font-weight: bold; }

#wh {
cursor: help;
}

#whdesc {
position: absolute; 
right: 10px; 
top: 98px;
width: 500px;
padding: 10px;
border: 1px solid #ECD814;
background-color: #ffffff;
color: #000000;
z-index: 100;
}

.rules p 
{ 
margin-bottom: 0.08in; 
text-align: left; 
font-size: 12pt; 
font-family: "Times New Roman", Times, serif;
}
.rules .title 
{ 
font-size: 12pt; 
font-family: "Verdana", "Helvetica", sans-serif; 
font-weight: bold; 
}
.rules p.nav 
{
text-align: right; 
}
/*
.rules .dropcap 
{
float: left;
font: normal 36pt/0.8em "Times New Roman";
color: goldenrod;
}
*/
.rules .sup
{
font-size:75%; 
vertical-align:top;
line-height: 0.5em;
}
.rules .footnote
{
font-size:80%; 
margin-left: -20px;
}

#teachers_list li {
padding-top: 2em;
}

#teachers_list li>img {
width: 80px;
float: left;
border: 1px solid black;
margin-right: 10px
}

#teachers_list li h4,h5 {
margin-bottom: 0;
margin-top: 0;
}