body    { background-color: #fff; background-image: url("imgs/design/pagebackground.gif"); background-repeat: repeat-x; text-align: center; width: auto }
#main     { text-align: left; display: block; margin: 26px 0 0; padding: 0; width: 935px; height: auto; min-width: 910px; clear: both }
div  { color: #000; font-size: 0.94em; font-family: Georgia, "Times New Roman", Times, serif }
#rbar  { display: block; margin: auto 0; width: 250px; height: 100%; float: right }
#blackbox       { color: #fff; background-color: #3d3d3d; visibility: visible; padding: 10px 10px 20px; width: 230px; height: auto; float: left; clear: both; overflow: hidden }
#lbar     { text-align: left; display: block; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; width: 610px; float: left }
#footer    { color: #fff; font-size: 0.9em; font-family: serif, Georgia, "Times New Roman", Times, serif; background-color: red; background-image: url("imgs/design/footer.gif"); background-repeat: repeat-x; text-align: center; display: block; padding-top: 10px; padding-bottom: 2px; position: relative; bottom: 0; width: 100%; height: 20px; overflow: hidden; clip: rect(auto auto auto auto); link: red    }
a:link { color: #323681; font-style: italic }
a:link.calendar { color: #a5a7ff }
a:visited.calendar { color: #fff }
a:hover.calendar { color: #ffc }
a:visited { color: #aea7b4; font-style: italic }
a:hover { color: #8fa1b7; font-style: oblique }
a:active { color: #48461e; font-style: italic }
h1    { color: #435c75; font-size: 1.8em; font-style: oblique; font-weight: bold; margin-top: 20px; margin-bottom: 0; padding-bottom: 0 }
h3 { font-size: 1em; font-style: italic; font-weight: bold }
h2  { color: inherit; font-size: 1.2em; font-style: oblique; font-weight: bold; margin-top: 4px; margin-bottom: 0 }
li { font-style: italic; list-style-type: circle; list-style-position: outside }
p  { text-align: left; margin-top: 5px }
#head { padding-bottom: 25px; width: 250px }
h1.blackbox { text-align: center }
img { border-style: none; outline-style: none }
#contain { background-color: #d2ebf6; display: block; margin: 0; padding: 0; width: 500px; height: 350px }
#recordmenu { display: block; padding-left: 10px; width: 150px; height: 350px; float: left }
#recordings { background-color: #b1493d; text-align: center; display: block; width: 300px; height: 350px; float: right }
h1.calendar { color: #fff; font-size: 18px; font-style: italic; font-weight: bold; line-height: 15px; margin: 0.67em 0 }
player { position: relative; float: right }
h2.calendar { font-size: 15px; font-weight: bold; text-decoration: underline; display: block }
h3.calendar { font-size: 15px; font-weight: bold; display: block; padding-top: 0 }
h4.calendar { color: #fc0; font-size: 12px; font-style: oblique; font-weight: 800; line-height: 9px; display: inline }
a:link.menu { color: #000; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-decoration: none; text-align: center; padding-right: 10px; padding-left: 10px }
a:visited.menu { color: #100; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-decoration: none; padding-right: 10px; padding-left: 10px }