/********************************************
   HTML ELEMENTS
********************************************/

body
{
        background: #FFFFFF;
        font: normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif;
        color: #333;
        text-align: center;
}



/* links */
a
{
        background: inherit;
        text-decoration: none;
        color: #667F99;
}

a:hover
{
        background: inherit;
        color: #FFFFFF;
}



/* headers */
h1, h2, h3
{
        font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
        font-weight: Bold;
}

h1
{ font-size: 120%; }

h2
{ font-size: 110%; text-transform: uppercase; }

h3
{ font-size: 110%; color: #007E80; }

h1, h2, h3
{
        margin: 0;
        padding: 0;
}

p
{
        margin: 8px 0 0 0;
        padding: 0;
}

ul, ol
{
        margin: 10px 20px;
        padding: 0 20px;
}



/* table */
table
{
        text-align: center;
        border-right: #5F7383 1px solid;
        border-top: #5F7383 1px solid;
        border-left: #5F7383 1px solid;
        border-bottom: #5F7383 1px solid;
}

#rowheader
{
        font-weight: bold;
        color: #FFFFFF;
        background-color: #5F7383;
}

#rowmarking
{
        background-color: #EFEFEF;
}




/********************************************
   LAYOUT
********************************************/
#layout
{
        width: 850px;
        background: center top;
        border-left: 1px solid #5F7383;
        border-right: 1px solid #5F7383;
        margin: 0 auto;
        text-align: left;
}

#content-layout
{
        position: relative;
        width: 98%;
        margin: 0 auto;
        padding: 0;
}



/* header */
#header
{
        position: relative;
        width: 850px;
        height: 80px;
        background: #5F7383 center top;
        margin: 0; padding: 0;
        font-size: 14px;
        color: #FFFFFF;
}

#header h1#logo
{
        position: absolute;
        margin: 0; padding: 0;
        font: bold 42px 'Trebuchet MS', Arial, Sans-serif;
        letter-spacing: -2px;
        color: #FFFFFF;
        text-transform: none;
        top: 2px; left: 53px;
}

#header h2#slogan
{
        position: absolute;
        z-index: 9999999;
        margin: 0; padding: 0;
        font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
        text-transform: none;
        color: #FFFFFF;
        top: 52px; left:75px;
}

#header h1#logo
{
        position: absolute;
        margin: 0; padding: 0;
        font: bold 42px 'Trebuchet MS', Arial, Sans-serif;
        letter-spacing: -2px;
        color: #FFFFFF;
        text-transform: none;
        top: 2px; left: 53px;
}



/* menu */
#menu
{
        clear: both;
        width: 850px;
        height: 26px;
        background: #8DA3B1;
        margin: 0;
        font: bolder 12px/26px Tahoma, Verdana, Arial, Sans-Serif;
}

#menu ul
{
        margin: 0; padding: 0 0 0 35px;
}

#menu ul li
{
        float: left;
        list-style: none;
}

#menu ul li a
{
        display: block;
        text-decoration: none;
        padding: 0 10px;
        background: inherit;
        color: #FFFFFF;
}

#menu ul li a:hover
{
           background: #FFFFFF;
        color: #333;
}

#menu ul li#current a
{
        background: #5F7383;
        color: #FFFFFF;
}



/* Main */
#main
{
        float: right;
        width: 97%;
        margin: 0;
        padding: 0 12px 0 12px;
}

#main h1
{
        color: #667F99;
        border-bottom: 1px solid #CCCCCC;
        padding: 1px 0 1px 0px;
        margin: 6px 0 0 0;
}

#main h3
{
        color: #667F99;
        padding: 1px 0 2px 0px;
        margin: 6px 0 0 0;
}




/* sidebar */
#sidebar
{
        float: left;
        width: 26%;
        padding: 0; margin: 0;
}

#sidebar h1
{
        margin: 10px 0 0 0;
        padding: 3px 10px;
        font: bold 110% Tahoma, Verdana, Sans-Serif;
        color: #FFFFFF;
        background: #5F7383;
}

#sidebar ul.sidemenu
{
        list-style: none;
        text-align: left;
        margin: 3px 0px 8px 0; padding: 0;
        text-decoration: none;
}

#sidebar ul.sidemenu li
{
        padding: 1px 0 1px 0px;
}

#sidebar ul.sidemenu a
{
        display: block;
        padding: 1px 0 1px 8px;
        font-weight: bold;
        background: none;
        background-color: #EFEFEF
}

#sidebar ul.sidemenu a:hover
{
        display: block;
        padding: 1px 0 1px 8px;
        font-weight: bold;
        background: none;
        background-color: #8DA3B1
}



/* footer */
#footer
{
        clear: both;
        color: #FFFFFF;
        font: normal 90% Verdana, Tahoma, sans-serif;
        background: #5F7383 center top;
        width: 850px;
        height: 20px;
        text-align: center;
        padding: 8px 0 0 0;
        margin: 0 auto;
}

#footer a { text-decoration: none; }



/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }



/* additional classes */
.clear { clear: both; }
.gray { color: #CCC; }