#wrapper
{
    padding-top:30px;
     border-left:solid 20px rgb(204,20,20);
     padding-left:10px;
     height:550px;
}
#navi, #topbanner
{
    display: block;
    padding:1px;
    width: 650px;
    /*border:1px solid #000000; */
    margin-left:auto;
    margin-right:auto;
}

#navi ul
{
    list-style-type:none;
    padding:0;
    width:auto;
    display:inline;  
}

#navi ul li
{
    display:inline;
    /*better to style the links than li*/
}

#navi ul li a, #navi ul li a:visited,#navi ul li a:link
{
    padding: 0.4em 1em 0.4em 1em;
    color: #FFFFFF;
    font-weight:bold;
    background-color: rgb(204,20,20);
    text-decoration: none;
    border: 1px solid #711515;
    float:left; /* gets rid of space between LI*/
    overflow:hidden;
}

#navi ul li a:hover
{
    background-color:rgb(254,40,40);
}