body {
    /*background-color:#0000AA;*/
    background-color: #32af34;
    font-family:"Times New Roman", Times, serif;
    padding-top: 5px;
    width:960px;
    /*margin:0 auto;*/
}

#wrapper {
    background-color:white;
}

#nav-panel{
    width:20%;
    vertical-align:top;
    color:white;
}

#body-panel {
    width:80%;
    vertical-align:top;
}

#navigation {
    margin-top:200px; 
}


a.nav {
    color:white;
    text-decoration:none;
}

ul.nav {
    list-style-type:none;
    text-align:center;

    border: 0 solid white;
    border-width: 0 0 3px 0px;

    /* padding-left needed to suppress default indentation */
    padding-left:0px;

    text-transform:uppercase;
}

li.nav {
    border: 0 solid white;
    border-width: 3px 0px 0 0;
    padding: 10px 5px 10px 5px;
}
li.nav:hover {
    border: 0 solid white;
    background-color:brown;
    border-width: 3px 0px 0 0;
    padding: 10px 5px 10px 5px;
}
li.coming-soon {
    display:none;
}
#header {
    border-bottom: 2px solid;
    padding-top:10px;
    padding-left:5px;
    background-color: #96ffc5;
}
#header2 {
    border-bottom: 2px solid;
    background-color: #a1ffd3;
    padding:5px;
}

#announcements {
    background-color:yellow;
    margin: 20px;
    padding:5px;
}

#basics {
    margin:30px;
    padding:5px;
}
#schedule {
    margin:20px;
}
    
#standard {
    margin:15px;
    padding:5px;
}
#key {
    font-weight:bold;
}