@charset "iso-8859-1";
body {
    margin-top:         11px;
    background:         #363795 url(images/body.jpg);
    font:               10pt arial, helvetica, sans-serif;
    text-align:         center;
}

div.clear {
    clear:              both;
}

#container {
    position:           relative;
    width:              780px;
    margin:             0 auto;
    padding:            0;
    background:         #fff;
    text-align:         left;
}

/** header ***************************************************************/

#header {
    position:           relative;
    height:             91px;
    background:         url(images/header.jpg) no-repeat;
}

#header h1, #header h2 {
    margin:             0;
    padding:            0;
    text-indent:        -100em;
}

/** navcontainer *********************************************************/

#navcontainer {
    height:             29px;
    margin:             0;
    padding:            0;
    background:         #FED872 url(images/navcontainer.jpg) no-repeat;
}

#navcontainer #nav {
    height:             20px;
    margin:             0 3px;
    padding:            1px 0;
    list-style:         none;
}

#navcontainer #nav li {
    display:            inline;
}

#navcontainer #nav li a {
    display:            block;
    float:              left;
    height:             18px;
    padding:            2px 18px 0px 20px;
    background:         url(images/nav-li.jpg) no-repeat;
    color:              #2B2E91;
    font-weight:        bold;
    text-decoration:    none;

}

#navcontainer #nav li a:hover, #navcontainer #nav li.selected a {
    background:         #FAE395 url(images/nav-li-hover.jpg) no-repeat;
}

#navcontainer #nav li.selected ul {
    position:           absolute;
    top:                182px;
    left:               0;
    width:              165px;
    margin:             0;
    padding:            0;
}

#navcontainer #nav li.selected ul li {
    display:            block;
}

#navcontainer #nav li.selected ul li a {
    display:            block;
    float:              none;
    margin:             0;
    padding:            5px 0 2px 15px;
    background:         url(images/nav-sub.jpg) no-repeat 0 0;
}

#navcontainer #nav li.selected ul li a:hover, #navcontainer #nav li.selected ul li.selected a {
    color:              #fff;
    background-position:0 -24px;
}

#navcontainer #nav li.selected li.selected ul {
    position:           relative;
    top:                0;
}

#navcontainer #nav li.selected li.selected li a {
    height:             18px;
    margin:             0;
    padding:            4px 0 0 25px;
    background-position:0 -49px;
    color:              #363795;
    font-size:          8pt;
    font-weight:        normal;
}

#navcontainer #nav li.selected li.selected li a:hover, 
#navcontainer #nav li.selected li.selected li.selected a {
    background-position:0 -71px;
}

/** subnav ***************************************************************/

#subnavcontainer #subnav {
    position:           absolute;
    right:              0;
    bottom:             0;
    margin:             0;
    padding:            3px 0;
    list-style:         none;
    font-size:          8pt;
}

#subnav li {
    display:            inline;
    padding:            0 3px;
}

#subnav li a {
    color:              #2B2E91;
    text-decoration:    none;
}

#subnav li a:hover {
    color:              #00f;
}

/** title ****************************************************************/

#title {
    position:           relative;
    height:             62px;
    margin:             0;
    padding:            0;
    background:         url(images/title.jpg) no-repeat;
}

#title h3 {
    position:           absolute;
    right:              15px;
    bottom:             27px;
    margin:             0;
    padding:            0;
    color:              #fff;
    font-style:         italic;    
}

/** content **************************************************************/

#content {
    margin:             10px;
    margin-left:        175px;
    padding:            0px 20px;
    background:         #f5f5f5;
    border:             1px solid #ddd;
    min-height:         350px;
    height:             auto !important;
    height:             350px; 
}

#content img.left {
    float:              left;
    margin:             0 10px 10px 0;
}

#content img.right {
    float:              right;
    margin:             0 0 10px 10px;
}

#content p.center {
    text-align:         center;
}

/** footer ***************************************************************/

#footer {
    clear:              both;
    padding:            2px;
    background:         #FAE395;
    border-top:         5px solid #F8A31C;
    text-align:         center;
    color:              #2B2E91;
}

#footer address {
    font-size:          8pt;
    font-style:         normal;
}