/* in root/static */
a, a:link { 
    color: blue;
    text-decoration: none;
}
a:visited { color: blue; }
a:hover { 
    color: rgb(153, 0, 0); 
}
a:focus { color: rgb(58, 50, 196); }
a:active { color: rgb(56, 54, 68); }
#menu a, #menu a:link { 
    color: white;
    text-decoration: none;
}
#menu a:visited { color: white; }
#menu a:hover { color: white; }
#menu a:focus { color: white; }
#menu a:active { color: white; }
body {
    background-image: url('/static/images/bg_grad.jpg');
    background-repeat: repeat-x;
    background-color: rgb(200, 200, 200); 

    /* Force IE to center the container element */
    text-align: center;
}
div#container {
    background-color: white;
    border: 1px solid white;

    /* Cannot use span-x on #container, otherwise the 
     * margin-auto won't work. 
     * */
    width: 800px;

    /* Reset the IE fix in body */
    text-align: left;

    /* Good browser's margin */
    margin-left: auto;
    margin-right: auto;

    background-image: url('/static/images/bg_sidebar.gif');
    background-repeat: repeat-y;
}
.header-bottom {
    margin-top: 4.9em;
}
.white {
    color: white;
}
h1, h2, h3, h4 {
    color: rgb(102, 0, 0);
}
a#banner:hover {
    text-decoration: none;
}
div#header {
    height: 109px;
    background-image: url('/static/images/banner.jpg');
    border-bottom: solid 1px #767a7f;
}
#menu {
    background-color: #96835b;
    height: auto;
}
#menu ul {
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    /* Unset the left margin that is set in screen.css */
    margin-left: 0px;
}
.menu-item, ul li a.menu-deselected, ul li a.menu-selected {
    display: block;
    padding: 5px 5px 5px 5px;
    background-color: #96835b;
    border-bottom: 1px solid #FFFFFF;
    text-decoration: none;
    color: white;
}
#menu a:hover, ul li a.menu-selected {
    background-color: #333333;
    color: #fff;
}
#footer {
    width: 800px;
    color: white; 
    font-size: 10px;
    text-align: center;
    height: 20px;
    background-image: url('/static/images/footer.jpg');
}
.right {
    float: right;
}