﻿*
{
    margin: 0px;
    padding: 0px;
}

body
{
    font-size: 62.5%;
    margin: 0px auto;
    padding: 0px;
    background: url(../images/bg_grey.gif) top center repeat-y;
    font-family: Arial, Sans-Serif;
}

#pagewidth
{
    width: 770px;
    margin: 0px auto;
    padding: 0px;
    border-left: solid 1px #646464;
    border-right: solid 1px #646464;
    background: url(../images/bg_home.gif) top left repeat-y;
}

#header
{
    clear: both;
    float: left;
    width: 770px;
    height: 250px;
    margin: 0px;
    padding: 0px;
    background: url(../images/header_home.jpg);
}

.site-name
{
    width: 300px;
    height: 45px;
    top: 12px;
    position: absolute;
    z-index: 4;
    overflow: hidden;
    margin: 0px;
    padding-left: 15px;
    color: #458CCC;
}

.site-name p.title
{
    margin: 0px;
    padding: 0px;
    font-family: "trebuchet ms" , arial, sans serif;
    font-weight: bold;
    font-size: 24px;
}

.site-name p.subtitle
{
    clear: both;
    width: 300px;
    margin: -6px 0px 0px 0px;
    padding: 0px;
    background-color: transparent;
    font-family: "trebuchet ms" , arial, sans serif;
    font-size: 12px;
}


#navtop-container
{
    width: 770px;
    top: 35px;
    position: absolute;
    z-index: 3;
    background: transparent;
}

#navtop
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana,arial, Sans-Serif;
    font-size: 1.0em;
}

#navtop ul
{
    float: right;
    margin: 0px;
    padding: 0px 20px 0px 0px;
    border-left: solid 1px #73A2B6;
    background-color: #FFFFFF;
    font-weight: bold;
}

#navtop li
{
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#navtop li a
{
    display: block;
    float: left;
    margin: 0px;
    padding: 2px 5px 2px 5px;
    border-right: solid 1px #73A2B6;
    color: #73A2B6;
    text-decoration: none;
    font-size: 10px;
}

#navtop a:hover
{
    text-decoration: none;
    color: #323232;
}

#nav
{
    clear: both;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, @Arial Unicode MS;
    font-size: 1.0em;
}

#nav ul
{
    float: left;
    width: 770px;
    margin: 0px;
    padding: 0px;
    border-top: solid 1px #365397;
    border-bottom: solid 1px #365397;
    background-color: #7FA2CA;
    font-weight: bold;
}
#nav li
{
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#nav li a
{
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    border-right: solid 1px #365397;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 100%;
}

#nav a:hover, .nav a.selected
{
    color: #323232;
    text-decoration: none;
}

.buffer
{
    clear: both;
    width: 770px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

#content
{
    float: left;
    width: 590px;
    min-height: 500px;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #4B4B4B;
    font-size: 1.0em;
}

#content #pagetitle-noborder
{
    overflow: hidden;
    width: 569px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 2px 0px;
    color: #5890A8;
    font-weight: bold;
    font-size: 180%;
    text-decoration: none;
}

#content #pagetitle
{
    overflow: hidden;
    width: 569px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom: solid 3px #5890A8;
    color: #5890A8;
    font-weight: bold;
    font-size: 180%;
    text-decoration: none;
}

#content #content-container
{
    clear: both;
    float: left;
    width: 569px;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

#content #content-textbox
{
    margin: 0px;
    padding: 7px 0px 0px 0px;
    background-color: #FFFFFF;
}

#content .pagetitle
{
    overflow: hidden;
    width: 569px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom: solid 3px #5890A8;
    color: #5890A8;
    font-weight: bold;
    font-size: 180%;
}

#content .pagetitle-noborder
{
    overflow: hidden;
    width: 569px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 2px 0px;
    color: #5890A8;
    font-weight: bold;
    font-size: 180%;
    text-decoration: none;
}

#content .pagetitle a
{
    text-decoration:none;
    color:#5890A8;    
}

#content .pagetitle a:hover
{
    text-decoration:underline;
    color:#000000;
}

#content #pagetitle a
{
    text-decoration:none;
    color:#5890A8;    
}

#content #pagetitle a:hover
{
    text-decoration:underline;
    color:#000000;
}

#content .content-container
{
    clear: both;
    float: left;
    width: 569px;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

#content .content-textbox
{
    margin: 0px;
    padding: 7px 0px 0px 0px;
    background-color: #FFFFFF;
}

#sidebar
{
    overflow: hidden;
    float: right;
    width: 160px;
    min-height: 500px;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    text-align: left;
    color: #4B4B4B;
}

#sidebar .maintitle
{
    margin: 0px 0px 10px 0px;
    padding: 3px 10px 2px 10px;
    background-color: #7FA2CA;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 120%;
}

#sidebar .title
{
    margin: 0px;
    padding: 2px 10px 3px 10px;
    border-top: solid 1px #D7D7D7;
    color: #4B4B4B;
    font-weight: bold;
    font-size: 120%;
}

#sidebar .textbox
{
    margin: 0px 0px 10px 0px;
    padding: 2px 10px 3px 10px;
}

#footer
{
    overflow: hidden;
    clear: both;
    width: 770px;
    height: 2.0em;
    margin: 0px;
    padding: 0.5em 0px 0.5em 0px;
    border-top: solid 1px #7D7D7D;
    background-color: #80A1CA;
    color: #FFFFFF;
    font-size: 1.0em;
}

#footer p #left
{
    margin: 0px;
    padding: 0px;
    text-align: center;
    line-height: 1.3em;
    font-size: 110%;
}

#footer a
{
    color: #FFFFFF;
    text-decoration: underline;
}

#footer a:hover
{
    color: #000000;
    text-decoration: none;
}

.float-left
{
    float: left;
}
.float-right
{
    float: right;
}

.Progress
{
    background-color: #80A1CA;
    color: #000000;
    width: 150px;
}

.Progress img
{
    vertical-align: middle;
    margin: 2px;
}

.TopRightFixed
{
    top: 0px;
    right: 0px;
    position: fixed;
    z-index: 50;
}

.clear
{
    clear: both;
}

