BODY
{
    FONT-SIZE: 1em;
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
    BACKGROUND-COLOR: #4a88be
}
.Menu
{
 width: 100%; 
 height: 28px; 
 padding:4px 1px 4px 4px; 
 border-right: #692DAC;
 border-top:#FFCC00 1px solid;
 border-left:#692DAC 1px solid; 
 border-bottom: #FFCC00 1px solid; 
 background-color: #000000;
 cursor:hand; 
 FONT-WEIGHT: bold;
 color:#ffcc00;
 DISPLAY: block;
 TEXT-ALIGN: center
    MARGIN-TOP: 3px;
    MARGIN-RIGHT: 3px;
    MARGIN-BOTTOM: 3px;
    TEXT-ALIGN: center
    PADDING-RIGHT: 4px;

}
.Option
{
 width: 100%; 
 height: 24px; 
 padding:4 4 4 4 ; 
 background-color: black;
 cursor:hand;
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 4px;
    COLOR: #660099;
    TEXT-ALIGN: center
}

    MARGIN-TOP: 3px;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 3px;
    TEXT-ALIGN: center
}
.Option A
{
    BORDER-RIGHT: #692DAC 2px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #FFCC00 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #000000 2px solid;
    WIDTH: 98%;
    COLOR: #ffcc00;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #FFCC00 1px solid;
    BACKGROUND-COLOR: 000000;
    TEXT-DECORATION: none
}
.Option A:hover
{
    BORDER-RIGHT: #edf8de 2px solid;
    BORDER-TOP: #727f5e 2px solid;
    BORDER-LEFT: #727f5e 2px solid;
    COLOR: white;
    BORDER-BOTTOM: #edf8de 2px solid;
    BACKGROUND-COLOR: #ff0000
}
 
 
.Options {padding:1 1 1 1}
#navigator
{
    BORDER-RIGHT: #666666 1px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #666666 1px solid;
    MARGIN-TOP: 100px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 8px;
    MARGIN-LEFT: 37.5%;
    BORDER-LEFT: #666666 1px solid;
    WIDTH: auto;
    MARGIN-RIGHT: 37.5%;
    PADDING-TOP: 8px;
    BORDER-BOTTOM: #666666 1px solid;
    BACKGROUND-COLOR: #800000;
    TEXT-ALIGN: center
}
.housebutton
{
    MARGIN-TOP: 3px;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 3px;
    TEXT-ALIGN: center
}
.housebutton A
{
    BORDER-RIGHT: #31557f 2px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #cce3ff 2px solid;
    DISPLAY: block;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #cce3ff 2px solid;
    WIDTH: 98%;
    COLOR: #224059;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #31557f 2px solid;
    BACKGROUND-COLOR: #b5c9e2;
    TEXT-DECORATION: none
}
.housebutton A:hover
{
    BORDER-RIGHT: #cce3ff 2px solid;
    BORDER-TOP: #31557f 2px solid;
    BORDER-LEFT: #31557f 2px solid;
    BORDER-BOTTOM: #cce3ff 2px solid;
    BACKGROUND-COLOR: #99aabf
}
.stylebutton
{
    MARGIN-TOP: 3px;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 3px;
    TEXT-ALIGN: center
}
.stylebutton A
{
    BORDER-RIGHT: #7f6645 2px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #ffe5c3 2px solid;
    DISPLAY: block;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #ffe5c3 2px solid;
    WIDTH: 98%;
    COLOR: #594730;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #7f6645 2px solid;
    BACKGROUND-COLOR: #fdcb89;
    TEXT-DECORATION: none
}
.stylebutton A:hover
{
    BORDER-RIGHT: #ffe5c3 2px solid;
    BORDER-TOP: #7f6645 2px solid;
    BORDER-LEFT: #7f6645 2px solid;
    BORDER-BOTTOM: #ffe5c3 2px solid;
    BACKGROUND-COLOR: #bf9967
}
.layoutbutton
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 4px;
    COLOR: #660099;
    TEXT-ALIGN: center
}
.layoutbutton A
{
    BORDER-RIGHT: #692DAC 2px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #FFCC00 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #000000 2px solid;
    WIDTH: 98%;
    COLOR: #ffcc00;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #FFCC00 1px solid;
    BACKGROUND-COLOR: 000000;
    TEXT-DECORATION: none
}
.layoutbutton A:hover
{
    BORDER-RIGHT: #edf8de 2px solid;
    BORDER-TOP: #727f5e 2px solid;
    BORDER-LEFT: #727f5e 2px solid;
    COLOR: white;
    BORDER-BOTTOM: #edf8de 2px solid;
    BACKGROUND-COLOR: #ff0000
}
.coursebutton
{
    MARGIN-TOP: 3px;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 3px;
    TEXT-ALIGN: center
}
.coursebutton A
{
    BORDER-RIGHT: #7f7458 2px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #fff8e6 2px solid;
    DISPLAY: block;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #fff8e6 2px solid;
    WIDTH: 98%;
    COLOR: #59513d;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #7f7458 2px solid;
    BACKGROUND-COLOR: #fee8af;
    TEXT-DECORATION: none
}
.coursebutton A:hover
{
    BORDER-RIGHT: #fff8e6 2px solid;
    BORDER-TOP: #7f7458 2px solid;
    BORDER-LEFT: #7f7458 2px solid;
    BORDER-BOTTOM: #fff8e6 2px solid;
    BACKGROUND-COLOR: #bfaf84
}
.mapbutton
{
}
.mapbutton A:hover
{
    COLOR: #ffcc66;
    BACKGROUND-COLOR: maroon
}
.mapbutton A
{
    COLOR: maroon;
    BACKGROUND-COLOR: #ffcc66
}