my css

@font-face {
        font-family:ubuntu;
                src: url(Ubuntu-L.ttf);
                }
body
{
background-color:#FFF;
margin: 0;
}

#body-back
{
    background-color:#333;
    width:auto;
    font-family:ubuntu;
    color:#FFF;
    margin-left:250px;
    margin-right:250px;
    padding: 5px;
    max-width:inherit;

}

#header-bar
{
        background-color: #3E6B4F;
    width:auto;
    height:75px;
    font-family:ubuntu;
    color:#FFF;
    font-size:28px;

}

#sidebar {
background-color: #3E6B4F;
font-family:ubuntu;
float:left;
width:200px;
color:#FFF;
width:250px;
}

a
{
color: #FFF; text-decoration: none;
}
a:hover{
color: #FF6600;
font-weight:bold;
}

ul#menu
{
    margin:0;
    padding:0;
    list-style-type:none;
    width:auto;
    position:relative;
    display:block;
    height:30px;


    font-weight:bold;
    background-color:#000; repeat-x top left;
    font-family:ubuntu;
    border-bottom:1px solid #000000;
    border-top:1px solid #000000;
    color:#FF6600;
    padding-top:2.5px;
    padding-bottom:2.5px;
    padding-right:2.5px;
    padding-left:2.5px;
}
l#menu li
{

    float:left;
    margin:0;
    padding:0;
    background-color:#000;
    color:#FFF;
}

ul#menu li a
{

    float:left;
        color:#FFF;
    text-decoration:none;
    font-weight:bold;
    padding:5px;
    background-color:#000;

}

ul#menu li a:hover
{
    color: #0099CC;
    height:22px;
    background-color:#000; 0px -30px no-repeat;
    text-decoration:underline;
}


ul#menu li a.current
{
    display:inline;
    height:22px;
        background-color:#000; 0px -30px no-repeat;
    float:left;
    margin:0;
}
#footer
{
    height:50px;
    background-color: #3E6B4F;
    font-family:ubuntu;
    color:#FFF;
    margin-left:250px;
    margin-right:250px;
    font-size:small;
}