body {    
    background-color: #FFFFFF;
    color: #000000;
    font-family: times new roman;
    font-size: 12pt;
    margin: 0px 0px 0px 0px;
    padding: 0px 8px 8px 8px;
}
code {
    font-size: 100%;
}
h1, h2, h3, h4 {
    margin:5px 0px 5px 0px;
    padding:0px;
}
div.cbc {
    float:right;
    width:16em;
    border:2px solid #222222;
}

div.aim, div.donow, div.agenda, div.hw {
    margin-left:2px;
    font-style:italic;
    padding-bottom:3px;
}

div.aim:before, div.donow:before, div.agenda:before, div.hw:before {
    display:block;
    background-color:#AAAAFF;
    font-weight:bold;
    margin:0px 0px 3px -2px;
    padding-left:2px;
    font-style:normal;
}

div.aim:before { content:"Aim:"; }
div.donow:before { content:"Do-Now:"; }
div.agenda:before { content:"Agenda:"; }
div.hw:before { content:"Homework:"; }

div.cbc ol {
    list-style:decimal inside;
    margin:0px;
    padding:0px;
}

div.cbc ul {
    list-style:disc inside;
    margin:0px;
    padding:0px;
}

div.cal {
    text-align:center;
}

div.cal table {
    width:80%;
    border:2px solid #222222;
    border-collapse:collapse;
    table-layout:fixed;
    margin-left:10%;
    margin-right:10%;
}

div.cal table th {
    border:1px solid #222222;
    padding:8px;
    width:20%;
}

div.cal table td {
    border:1px solid #222222;
    vertical-align:top;
    text-align:center;
    padding:8px;
}

div.cal h2 {
    margin:0px;
    padding:0px;
    text-align:center;
}

a:active {color: #0000FF}
a:visited {color: #0000FF}
a:link {color: #0000FF}
a:hover {color: #8800FF}

a.anchor {position:relative; top:-30px;}

input, select, textarea {	
    background-color: #FFFFFF;
    border: solid 1px #000000;
    font-family: monospace;
}

span.details {color: #006600; font-weight:bolder;}
span.comment {color: #004400}
span.javadoc {color: #000099}
span.standout {color: #EE00BB}
span.keyword1 {color: #660033}
span.keyword2 {color: #CC0000}
span.keyword3 {color: #006699}
span.primitive {color: #CC0000}
span.string {color: #00AA00}
span.text {color: #000000}
span.caption {font-style:italic; font-size:smaller;}
span.operator {border:1px solid black;padding:1px;}
span.numerator {position:relative; bottom:.4em; font-size:.7em; margin-right:-..05em;}
span.denominator {font-size:.7em;}

div.hide1
{
    display:none;
    border:1px solid blue;
    background-color:#DDDDFF;
    margin:1px 20px 1px 20px;
    padding:3px;
}
div.hide2
{
    display:none;
    border:1px solid blue;
    background-color:#BBBBFF;
    margin:1px 20px 1px 20px;
    padding:3px;
}
div.calendar
{
    float:left;
    background-color:lightblue;
    border:2px solid blue;
    margin:10px;
    padding:5px;
}

div.center
{
    text-align:center;    
}

div.left
{
    float:left;
    clear:left;
    border: 1px solid #DDDDAA;
    margin:3px;
    padding:3px;
    text-align:center;
}

div.right
{
    float:right;
    clear:right;
    border: 1px solid #DDDDAA;
    margin:3px;
    padding:3px;
    text-align:center;
}

div.header
{
    float:right;
    border: 1px solid #888888;
    margin:8px;
    padding:3px;
    border-top:0px;
    border-right:0px;
    margin-top:0px;
    margin-right:0px;
    padding-top:0px;
    padding-right:0px;
    text-align:left;
}

div.menu
{
    overflow:auto;
    width:100%;
    height:30;
    position:fixed;
    top:0px;
    left:0px;
    z-index:2;
    background-color: #FFFFFF;
}

div.content
{
    padding:24px 8px 8px 8px;
    margin:0px;
}

div.nav
{
    background:lightblue;
    position:fixed;
    top:-138px;
    margin:3px;
    border-style:solid;
    border-color:blue;
    border-width:1px; 
    border-top-width:0px;
    z-index:1;
    visibility:hidden;
}

div.toolbox
{
    background:lightblue;
    position:fixed;
    top:35px;
    left:400px;
    margin:3px;
    border-style:solid;
    border-color:blue;
    border-width:1px; 
    z-index:1;
    visibility:hidden;
}
        
.box
{
    border:1px solid black;
}

p.page
{
    page-break-after:always;
    margin:0px;
    padding:0px;
    clear:both;
}

dt {
    font-weight:bold;
}

ul, ol
{
    margin-top:0px;
    padding-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
}

li
{
    margin-top:0px;
    padding-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
}

td.nav
{
    background:white;
    border-style:solid;
    border-color:blue;
    border-width:1px;
    border-top-width:0px;
    border-left-width:0px;
    border-top-color:white;
    cursor:hand;
}

td.padding
{
    background:white;
    border-style:solid;
    border-color:blue;
    border-width:0px;
    border-bottom-width:1px;
}

table.function { border:0px; }
table.function tr { vertical-align:center; }
table.function td { text-align:right; padding:0px; margin:0px; }

table.comments
{
    border:2px solid gray;
    border-collapse:collapse;
}

table.comments td
{
    padding:8px;
    border:2px solid gray;
}

table.assignments
{
    border:2px solid blue;
    border-collapse:collapse;
}

table.assignments td, table.assignments th
{
    border-top:1px solid blue;
    border-bottom:1px solid blue;
    border-left:1px solid gray;
    border-right:1px solid gray;
    padding-left:10px;
    padding-right:10px;
    text-align:left;
}

table.grades
{
    border:1px solid gray;
    border-collapse:collapse;
}

table.monthtable
{
    border:1px solid transparent;
    border-collapse:collapse;
}

table.monthtable tr
{
    text-align-horizontal:center;
    text-align-vertical:bottom;
}

table.monthtable td.extra
{
    background-color:transparent;
    border:1px solid transparent;
}

.future, table.monthtable td.future
{
    background-color:lightgray;
}

.off, table.monthtable td.off
{
    background-color:darkgray;
}

table.monthtable td
{
    border:1px solid gray;
    background-color:white;
    background-repeat:no-repeat;
    background-position:left top;
    width:24px;
    height:24px;
    font-weight:bold;
}

.rightborder
{
    border-left:2px solid black;
}

.leftborder
{
    border-left:2px solid black;
}

.leftborderFuture
{
    border-left:2px solid black;
    background-color:lightgray;
}

tr.topborder
{
    border-top:2px solid black;
}
