div#menu
{
    width: 980px;
    text-align: center;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px 0px 0px 66px;
    padding: 0px;
}

ul#nav, ul#nav li
{
    list-style-type: none;
    padding: 0;
}

ul#nav
{
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

ul#nav li
{
    float: left;
    margin-right: 4px;
    text-align: center;
}



ul#nav li a#home
{
    float: left;
    width: 46px;
    padding: 8px;
    background: #eeeeee;
    text-decoration: none;
    color: #666;
}



ul#nav li a#aboutus
{
    float: left;
    width: 178px;
    padding: 8px;
    background: #eeeeee;
    text-decoration: none;
    color: #666;
}



ul#nav li a#diary
{
    float: left;
    width: 178px;
    padding: 8px;
    background: #eeeeee;
    text-decoration: none;
    color: #666;
}

ul#nav li a#contact
{
    float: left;
    width: 178px;
    padding: 8px;
    background: #eeeeee;
    text-decoration: none;
    color: #666;
}



ul#nav li a#resources
{
    float: left;
    width: 178px;
    padding: 8px;
    background: #eeeeee;
    text-decoration: none;
    color: #666;
}





ul#nav a#home:hover, ul#nav a#aboutus:hover, ul#nav a#diary:hover, ul#nav a#contact:hover, ul#nav a#resources:hover
{
    background: #5284b7;
    color: #fff;
}

ul#nav li#activelink a, ul#nav li#activelink a:hover
{
    background: #D3D3D3;
    color: #000000;
    font-size: 110%;
}