a:link    { color: #336699; text-decoration: none; }
a:visited { color: #336699; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }
a:active  { color: red; text-decoration: underline; }

body {
 font: 10pt "Tahoma", sans-serif;
 color: black;
 background-color: white;
 vertical-align: top;
 margin: 0;
 text-align: justify;
}

img {
 border: 0;
}

p {
 margin: 10px;
}

td {
 vertical-align: top;
}

.main {
 margin: 0;
 width: 800px;
 margin-left: auto;
 margin-right: auto;
 border-right: 1px solid #333333;
 border-left: 1px solid #333333;
 background: url("images/back.jpg");
}

.parts {
 width: 800px;
 vertical-align: top;
 border-bottom: 1px solid #333333;
}

.sidet {
 width: 200px;
 border-right: 1px dashed #333333;
 border-bottom: 1px solid #333333;
}

.sideb {
 width: 100px;
 border-right: 1px dashed #333333;
}

.facet {
 width: 600px;
 border-bottom: 1px solid #333333;
 vertical-align: bottom;
 text-align: right;
}

.faceb {
 width: 600px;
 margin-right: 30px;
 background: url("images/backg.jpg") no-repeat scroll right bottom;
}

.section {
 margin-top: 10px;
 list-style-type: none;
 list-style-image: url("images/btn.jpg");
}

.section li {
 padding-left: 5px;
 padding-bottom: 10px;
 font-size: 11pt;
 font-weight: bold;
}

.menu {
 margin: 0;
 padding: 0;
 list-style-type: none;
 list-style-image: none;
}

.menu li {
 padding-bottom: 0;
 font-size: 10pt;
 font-weight: normal;
}

h3 {
 margin: 10px;
 color: #7c1c0e;
 font-size: 1em;
}

strong {
 color: #363636;
}

.contact {
 margin-left: 10px;
 margin-bottom: 20px;
}

.contact caption {
 text-align: left;
 margin-left: 10pt;
 font-size: 11pt;
 font-weight: bold;
}

hr {
 width: 95%;
 border: 1px inset #999999;
}

.results {
 margin-left: 10px;
 width: 100px;
}

.total {
 border-top: 1px solid black;
}

.totalGrades {
 margin-left: 10px;
 margin-bottom: 20px;
}

.totalGrades th {
	border-bottom: 1px solid black;
}

.error {
	color: red;
}

.direction {
 width: 98%;
 margin-left: auto;
 margin-right: auto;
}

.back {
 width: 50%;
 text-align: left;
 margin: 5px 5px 5px 5px;
}

.forw {
 width: 50%;
 text-align: right;
 margin: 5px 5px 5px 5px;
}

.list {
 width: 98%;
 margin: 0 auto 20px auto;
}

ol {
 margin-right: 5px;
}