/* Standard Page/Layout Components */

a {
    color: #004489;
    text-decoration: none;
}

body {
    margin: 0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100.01%;
    color: #000;
    background-color: #004489;
}

img {
    border: 0px;
}

p {
    margin-top: 0px;
    margin-bottom: 16px;
}

#outer-container {
    width: 1000px;
    position: relative;
    border: 2px solid #a08140;
    margin: 10px auto;
    background: #fef3d6 url(../upload/2009_layout/back.gif);
    font-size: 80%;
}

#logo-container {
    width: 220px;
    height: 270px;
    padding: 30px 0px 0px 0px;
    text-align: center;
    float: left;
}

#illustration {
    height: 300px;
    float: left;
    overflow: hidden;
}

.clear {
    height:0px;
    clear:both;
    overflow:hidden
}

/* Meta Navigation (top) */

#nav-meta-container {
    height: 16px;
    padding: 2px 16px 2px 0px;
    background-color: #a08140;
    font-size: 85%;
}

#nav-meta-container a {
    color: #fff;
    font-weight: bold;
}

#nav-meta-container a:hover {
    color: #004489;
}

#nav-meta-container a.active {
    color: #004489;
}

#nav-meta-container ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: right;
}

#nav-meta-container li {
    line-height: 14px;
    padding-left: 4px;
    padding-right: 4px;
    border-right: 1px solid #fff;
    color: #fff;
    float: left;
}

#nav-meta-container li.last {
    padding-right: 0px;
    border-right: 0px;
}

/* Main Navigation (middle) */

#nav-main {
    height: 20px;
    padding: 5px 16px 5px 16px;
    background-color: #d8c18a;
    clear: both;


}

#nav-main ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: right;
}

#nav-main a {
    color: #3c4489;
    font-weight: bold;
}

#nav-main a:hover {
    color: #fff; 
}

#nav-main a.e1a, #nav-main a.e1o, #nav-main a.e1oa {
    color: #fff;
}

#nav-main li {
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #3c4489;
    line-height: 18px;
    color: #3c4489;
    float: left;
}

#nav-main ul li.last {
    padding-right: 0px;
    border-right: 0px;
}

/* Sub Navigation (left) */

#subnav-teaser-container {
    width: 196px;
    padding: 16px 12px 16px 12px;
    float: left;
}

#subnav-teaser-container a {
    font-weight: normal;
    color: #004489;
}

#subnav-teaser-container a:hover {
    font-weight: bold;
    color: #a08140;
}

#subnav-teaser-container a.active {
    font-weight: bold;
    color: #a08140;
}

#nav-sub {
    margin: 0px 0px 50px 0px;
    padding: 0px;
    list-style-type: none;
}

#nav-sub a {
}

#nav-sub a:hover {
    font-weight: bold;
}

#nav-sub a:active {
    font-weight: bold;
    color: #a08140;
}

#nav-sub li {
    margin-bottom: 3px;
    padding-left: 8px;
    border-left: 0px solid #004489;
    color: #004489;
}

#nav-sub li a{
    margin-bottom: 3px;
    padding-left: 8px;
    border-left: 1px solid #004489;
    color: #004489;
}

#nav-sub li ul {
    list-style-type: none;
}

ul.e3 {
  
    padding-left: 8px;
  
}

/* Content */

#content {
    width: 748px;
    padding: 16px;
    color: #004489;
    background-color: #fdebbb;
    float:left;
}

#content a {
    font-weight: bold;
    color: #996633;
}

#content a:hover {
    font-weight: bold;
    color: #564522;
}

#content h1, #content h2, #content h3 {
    margin-top: 0px;
    margin-bottom: 16px;
    font-weight: bold;
}

#content h1 {
    font-size: 130%;
}

/* Teaserbox */

#teaserbox {
    padding: 6px;
    border: 2px solid #d8c18a;
    color: #a08140;
    background-color: #fef7e4;
}

#teaserbox .more-link {
    text-align: right;
}

#teaserbox h1 {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 100%;
    font-weight: bold;
}

#teaserbox p {
    margin:0px;
}

/* Footer */

#footer {
    height: 20px;
    background-color: #a08140;
    clear: both;
}

#footer a {
    color: #fff;
    font-weight: bold;
}

#footer a:hover {
    color: #3c4489;
}

#footer p {
    margin: 0px;
    font-size: 85%;
    color: #fff;
    text-align: center;
    line-height: 20px;
}