/* BODY AND LINKS */
body
{
    background-color: #ffffff;
    font-size: .75em;
    font-family: Calibri, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #181818;
}
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #034af3;
}
a:hover
{
    color: #33ccff;
    text-decoration: none;
}
a:active
{
    color: #33ccff;
}

.page
{
    width: 60%;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #CC6633;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
h1
{
    font-size: 2em;
    padding: 5px 0px 5px 0px;
    margin-bottom: 0;
}
h2
{
    font-size: 1.3em;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* TABLES */

table 
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}
table td 
{
    padding: 5px;
    border: solid 1px #e8eef4;
}
table th
{
    padding: 6px 5px;
    text-align: left;
    /*background-color: #e8eef4;*/
    background-color: #dddddd;
    border: solid 1px #e8eef4;
}

/* DESIGN-SPECIFIC ELEMENTS */
div#main {
    position: absolute;
    left: 20%;
    width: 764px;
    top: 66px;
    background-color: #ffffff;
}
div#imgcontainer {
    position: absolute;
    background-color: #ffffff;
}
div#content {
    position: absolute;
    left: 360px;
    width: 384px;
    height: 573px;
    top: 0px;
    background-color: #ffffff;
    -moz-opacity: .70;
    filter: alpha(opacity=70);
    opacity: .70;
    padding: 0px 10px 0px 10px;
    overflow-y: scroll;
}
div#left {
    position: absolute;
    left: 25%;
    width: 76%;
    top: 66px;
    background-color: #f0f0f0;
    border: solid 1px red;
}
div#right {
    position: absolute;
    left: 75%;
    width: 18%;
    top: 66px;
    background-color: #dddddd;
    border: solid 1px red;
}
img.watermark {
    -moz-opacity: .70;
    filter: alpha(opacity=70);
    opacity: .70;
}
#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU */
ul#menu
{
    border-bottom: 1px #ffffff solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}
ul#menu li
{
    display: inline;
    list-style: none;
}
ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}
ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #dddddd;
    color: #CC6633;
    /*background-color: #cc6633;
    color: #dddddd;*/
}
ul#menu li a:hover
{
    color: #ffffff;
    background-color: #787878;
    text-decoration: none;
}
ul#menu li a:active
{
    background-color: #CC6633;
    text-decoration: none;
}
ul#menu li.selected a
{
    background-color: #ffffff;
    color: #000000;
}