body { font-family: verdana, arial, helvetica, sans-serif ; margin-top: 0px; margin-left: 0px; 
background-image: url("graphics/bg.gif");
background-repeat: y;
background-position: top left;} 



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

H1 { margin-left: 160px; font-size: 145%; color: #33CCCC; }
H2 { margin-left: 160px; font-size: 130%; color: #33CCCC; margin-bottom: -12; }
H3 { margin-left: 160px; font-size: 110%; color: #FFFFFF; margin-bottom: -5; }
 
hr {color: #C3CFC5; width: 530px; height: 1px; text-align:left; } 

.postopborder { position: absolute; visibility: visible; top: 0px; left: 10px;}
.posbottomborder { position: absolute; visibility: visible; bottom: 0px; left: 0px;}

.posheader1 { position: absolute; visibility: visible; top: 20px; left: 22px; border: solid #FFFFFF;  border-width: 2px 2px 2px 2px;}
.posheader2 { position: absolute; visibility: visible; top: 20px; left: 246px; border: solid #FFFFFF;  border-width: 2px 2px 2px 2px;}
.posheader3 { position: absolute; visibility: visible; top: 20px; left: 358px; border: solid #FFFFFF;  border-width: 2px 2px 2px 2px;}
.posheader4 { position: absolute; visibility: visible; top: 20px; left: 470px; border: solid #FFFFFF;  border-width: 2px 2px 2px 2px;}
.posheader10 { position: absolute; visibility: visible; top: 20px; left: 582px; border: solid #FFFFFF;  border-width: 2px 2px 2px 2px;}
.posheader5 { position: absolute; visibility: visible; top: 132px; left: 22px; border: solid #FFFFFF;  border-width: 2px 2px 2px 2px;}
.posheader6 { position: absolute; visibility: visible; top: 132px; left: 134px; border: solid #FFFFFF;  border-width: 2px 2px 2px 2px;}
.posheader7 { position: absolute; visibility: visible; top: 132px; left: 358px; border: solid #FFFFFF;  border-width: 2px 2px 2px 2px;}
.posheader8 { position: absolute; visibility: visible; top: 244px; left: 134px; border: solid #FFFFFF;  border-width: 2px 2px 2px 2px;}
.posheader9 { position: absolute; visibility: visible; top: 244px; left: 246px; border: solid #FFFFFF;  border-width: 2px 2px 2px 2px;}

#slogan {
font-size: 90%; 
position: relative;
left: 24px;
color: #000000;
background: #E3C678;
display: block;
width: 735px;
height: 57px;
padding: 5px 2px 5px 2px;
text-align: center; 
border: solid #FFFFFF;  border-width: 2px 0px 2px 0px;
}

#maincontent {
position: relative;
top: 2px;
left: 24px;
padding: 35px 0px 0px 0px;
display: block;
width: 735px;
}

#leftside {
font-size: 80%; 
color: #FFFFFF;
line-height: 20px; 
display: block;
height: 1.3em;
text-align: left;
}

#leftside p {
margin-left: 160px;
width: 390px;
}

#leftside li {
display: block;
width: 375px;
margin-left: 120px;
}

#leftside img.header {
margin-left: 160px;
}

#leftside img.pix {
margin-left: 30px; border: solid #880622;  border-width: 25px 2px 2px 2px; float: left; }

#leftside hr {color: #FFFFFF; width: 558px; height: 2px; margin: 0px 0px 0px 0px }

#leftside a:link {color: #E3C678; text-decoration: none; font-size: 100%; font-weight: bold; } 
#leftside a:visited {color: #E3C678; text-decoration: none; font-size: 100%; font-weight: bold;} 
#leftside a:hover {color: #FFFFFF; text-decoration: underline; font-size: 100%; font-weight: bold;} 
#leftside a:active {color: #E3C678; text-decoration: none; font-size: 100%; font-weight: bold;}

#leftside a.menu:link {color: #E3C678; text-decoration: overline; font-size: 70%; font-weight: bold; } 
#leftside a.menu:visited {color: #E3C678; text-decoration: overline; font-size: 70%; font-weight: bold;} 
#leftside a.menu:hover {color: #FFFFFF; text-decoration: none; font-size: 70%; font-weight: bold;} 
#leftside a.menu:active {color: #E3C678; text-decoration: overline; font-size: 70%; font-weight: bold;} 

#leftside a.teach:link {color: #E3C678; text-decoration: none; font-size: 85%; font-weight: bold; } 
#leftside a.teach:visited {color: #E3C678; text-decoration: none; font-size: 85%; font-weight: bold;} 
#leftside a.teach:hover {color: #FFFFFF; text-decoration: underline; font-size: 85%; font-weight: bold;} 
#leftside a.teach:active {color: #E3C678; text-decoration: none; font-size: 85%; font-weight: bold;}

#leftside a.tbl:link {color: #000000; text-decoration: underline; font-size: 100%; } 
#leftside a.tbl:visited {color: #000000; text-decoration: underline; font-size: 100%; } 
#leftside a.tbl:hover {color: #000000; text-decoration: none; font-size: 100%; } 
#leftside a.tbl:active {color: #000000; text-decoration: underline; font-size: 100%; } 

#navbar {
font-size: 80%; 
position: absolute; 
top: 0px; 
left: 560px;
background: #3A3B4C;
color: #33CCCC;
display: block;
line-height: 25px;
width: 175px;
height: 1.3em;
font-weight: bold;
text-align: center;
}

#navbar a:link {color: #33CCCC; text-decoration: none; } 
#navbar a:visited {color: #33CCCC; text-decoration: none; } 
#navbar a:hover {color: #FFFFFF; text-decoration: underline; } 
#navbar a:active {color: #33CCCC; text-decoration: none; } 

#navbar hr {color: #FFFFFF; width: 175px; height: 2px; text-align:left; margin: 0px 0px 0px 0px }

table { font-size: 100%; margin-left: 32px; background: #FFFFFF;} 

table.indent { font-size: 100%; margin-left: 162px; background: #FFFFFF;}

th { background: #3A3B4C; font-weight: bold; color: #FFFFFF; vertical-align: top; }

td { background: #E3C678; color: #000000; vertical-align: top; }

td.close { background: #669999; color: #000000; vertical-align: top; }
td.open { background: #996699; color: #000000; vertical-align: top; }

td.day {background: #880622; color: #FFFFFF; font-size: 130%; font-weight: bold;  text-align: center; }

#footer {
 color:#000;
 height:160px;
 position:absolute;
 background: url('graphics/bottom-border.gif') no-repeat; 
 width:783px;
 margin-left:0px; margin-right:0; margin-top:0; margin-bottom:0; padding-left: 0px; padding-right:0; padding-top:0px; padding-bottom:0px
 }