foo{}

body
{
    text-align: center;
    font-family: "Comic Sans MS";
    font-size: 12pt;
    color:#000;
    background-color: #FF9;
}

hr
{
    color:#C00;
}

.table
{
    border:1px solid #C00;   
    text-align:center;
}

#Wrapper
{
    text-align:left;
    width:750px;
    margin:10px auto;
}

#Footer
{
    clear:both;
    text-align:center;
    border-top:#C00 solid 2px;
    margin:0;
    padding:0;
}

#Navigation
{
    float:left;
    margin-bottom:1em;
    border-right:1px solid #000;
    border-left:1px solid #000;
    width:7.5em;
}

#Navigation ul
{
    list-style:none;
    margin:0;
    padding:0;
    border:none;
}

#Navigation li
{
    border-bottom:1px solid #000;
    margin:0;
}

#Navigation li#nav-first
{
    border-top:1px solid #000;
}

#Navigation li a
{
    display:block;
    padding:5px 5px 5px 0.5em;
    border-left:10px solid #FF9;
    border-right:10px solid #C00;
    background-color:#FF9;
    color:#000;
    text-decoration:none;
    width:100%;
}

html>body #Navigation li a
{
    width:auto;
}

#Navigation li a:hover
{
    border-left:10px solid #C00;
    border-right:10px solid #FF9;
    background-color:#C00;
    color:#FFF;
}

#Main
{
    width:590px;
    float:right;
}

#Header
{
    text-align:center;
    margin:0 0 30px 0;
    border-bottom:2px solid #C00;
    padding-bottom:5px;
}

#Header h1
{
    margin:0;
    padding:0;
}

.centered
{
    text-align:center;
}

.highlight-red
{
    color:#C00;
}

.smaller
{
    font-size:.8em;
}

.heavy
{
    font-weight:bold;
}

#Schedule
{
    font-size:larger;
}

.centered a, .centered a.link, .centered a.visited, .centered a.hover, .centered a.active
{
    color:#C00;
}
.centered a span
{
font-size:24pt;
}