body {
    color: #313131;
    font-size: small;
    font-family: Verdana, Sans-Serif;
    background-color: #8BAFE7;
}

div#wrapper {
    width: 959px;
    margin: 10px auto;
    padding: 10px;
    background-color: #FFFFFF;
    border: solid 1px #819192;
}

div#branding .left {
    float: left;
    width: 380px;
}

div#branding .right {
    float: right;
    width: 200px;
    /* background-color: Yellow;  DEBUG */
}

div#content-container {
    padding: 30px;
}

div#footer {
    background: transparent url('/Common/Images/footer-bg.jpg') repeat-x;
}

div#footer .left {
    float: left;
    width: 220px;
}

div#footer .right {
    float: right;
    width: 700px;
    padding-right: 20px;
}

div#footer a:link, div#footer a:visited {
    color: #FFF;
}

/* ------------------------------------------------------------------- */

.clear {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.clear-after:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

/* Hide from IE-Mac \*/
* html .clear-after {
    height: 1%;
}
/* End hide from IE-Mac */

a img {
    border: 0;
}

table tr.dark {
    padding: 10px 0;
    background-color: #DBEFF9;
}

table tr.light {
    padding: 10px 0;
    background-color: #EDF7FC;
}

.row-padding {
    padding: 10px 0;
}

/* ------------------------------------------------------------------- */

ul.menu {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 1em;
    background-color: #EBE7E7;
}

ul.menu li {
    display: inline;
}

ul.menu li a {
    float: left;
    padding: 9px 11px;
    text-decoration: none;
}

ul.menu li a:visited {
    color: #313131;
}

ul.menu li a:hover {
    color: #00008B;
}