/* -------------- layout and backgrounds ----------------- */

body
{
    width: 704px;
    margin: 15px auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
}

#header
{
    height: 100px;
    background: url(/images/bg_header.gif) repeat-x top left;
}

#footer
{
    clear: left;
    height: 54px;
    background: url(/images/bg_footer.gif) repeat-x top left;
}

#content
{
    background: url(/images/bg_content.gif) repeat-y top left;
    margin: 5px 0;
}

#nav
{
    float: left;
    width: 162px;
}

#text
{
    margin-left: 5px;
    width: 308px;
    float: left;
    border-top: 5px solid white;
}

#text.home, #pictures.home
{
    border-top: none;
}

#pictures
{
    margin-left: 5px;
    width: 234px;
    float: left;
    border-top: 5px solid white;
    padding-bottom: 5px;
}

#title
{
    width: 547px;
    margin: 0 0 0 5px;
    background: white url(/images/bg_title.gif) no-repeat bottom left;
    padding-bottom: 10px;
    float: left;
}

#title h1
{
    font-size: 120%;
    font-weight: bold;
    color: #66859D;
    margin: 5px 15px 10px;
    padding: 0;
}

/*clearing after #content */
#content:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}





/* ------------------- header ------------- */

#header h1
{
    float: left;
    width: 465px;
    text-indent: -999em;
    background: url(/images/topbar_left.gif) no-repeat center left;
    height: 80px;
    margin: 0;
    padding: 10px 0;
}

#header h2
{
    float: right;
    width: 234px;
    text-indent: -999em;
    background: url(/images/topbar_right.gif) no-repeat center right;
    height: 80px;
    margin: 0;
    padding: 10px 0;
}

#header h2 a, #header h1 a
{
    display: block;
    height: 80px;
    padding: 0;
    margin: 0;
}


/* ------------------ Nav -------- */

ul#nav
{
    background: white;
    margin-left: -10px;
}

ul#nav li
{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 4px 0px !important;
    list-style-type: none;
    float: left;
    clear: left;
    width: 100%;
}

ul#nav li a
{
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/images/nav_bg_normal.gif);
    font-size: 100%;
    padding: 2px 0px 2px 20px;
    margin: 0px 0px 2px 10px;
    text-decoration: none;
    color: #00345B;
    font-weight: bold;
    font-size: 100%;
}

ul#nav li a:hover
{
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/images/nav_bg_hover.gif);
    font-size: 100%;
    padding: 2px 0px 2px 26px;
    margin: 0px 0px 2px 4px;
    text-decoration: none;
    font-weight: bold;
}

ul#nav li a.active, ul#nav li a.active:hover
{
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/images/nav_bg_active.gif);
    font-size: 100%;
    padding: 2px 0px 2px 26px;
    margin: 0px 0px 2px 4px;
    font-weight: bold;
    text-decoration: none;
}

/*active arrow and text */

ul#nav li a:active
{
    display: block;
}

/* -------------- footer ------------------ */
#footer
{
    font-size: 80%;
}

#inner_footer_left
{
    padding: 18px 0px 18px 10px;
    width: 320px;
    float: left;
    text-align: left;
}

#inner_footer_right
{
    width: 350px;
    float: right;
    text-align: left;
    padding: 18px 20px 18px 0px;
    text-align: right;
}
#inner_footer_right img
{
    vertical-align: middle;
}

/* links ! */

#text a, #pictures a
{
    color: #00345b;
    text-decoration: none;
}

#text a:hover, #pictures a:hover
{
    color: #9bac7f;
    text-decoration: none;
}

#text a.more
{
    padding-left: 10px;
    background: url(/images/arw_r_C2D79F.gif) no-repeat center left;
}

#text a.back
{
    background: url(/images/arw_l_C2D79F.gif) no-repeat left center;
    padding-left: 13px;
}

#text ul.pdf a
{
    display: block;
    color: #00345b;
    padding: 5px 0 0 25px;
    background: url(/images/icon_pdf_gy.gif) no-repeat center left;
    text-decoration: none;
}

#text ul.zip a
{
    display: block;
    color: #00345b;
    padding: 5px 0 0 25px;
    background: url(/images/icon_zip.gif) no-repeat center left;
    text-decoration: none;
}

#text ul.pdf p, #text ul.zip p
{
    padding-left: 10px;
    margin-top: 5px;
}

ul.pdf, ul.zip
{
    background: #F2F5F7;
    margin: 0;
    padding: 20px 20px 10px;
}
ul.pdf li, ul.zip li
{
    padding: 10px 0;
}



/* ----------- headings, p -------------------------- */
#pictures, #text
{
    color: #66859d;
}

#text h2, #pictures h2
{
    font-weight: bold;
    color: #00345b;
    font-size: 120%;
    line-height: 150%;
    margin: 5px 15px 10px;
}

#text h3, #pictures h3
{
    color: #9bac7f;
    font-size: 120%;
    line-height: 150%;
    margin: 10px 15px;
    font-weight: normal;
}

#text p, #pictures p
{
    font-size: 100%;
    line-height: 150%;
    margin: 0 5px 10px 15px;
}

#text h4, #pictures h4
{
    margin: 10px 15px 3px;
    padding-top: 15px;
}
#text h4.contacts-hr
{
    border-top: 5px solid #F2F5F7;
    margin: 10px 0 3px;
    padding-left: 15px;
    padding-right: 15px;
}

/* ---------------- lists ------------------ */

ol li
{
    margin-bottom: 5px;
    line-height: 130%;
}

ul.text
{
    margin-left: 20px;
}

ul.text li
{
    list-style-type: disc;
    padding-bottom: 3px;
}

#content ul.linklist h3
{
    margin: 0;
    line-height: 110%;
}

#content ul.linklist
{
    margin: 5px 20px;
}

#content ul.linklist li
{
    margin-bottom: 10px;
}

#content ul.linklist li a
{
    padding-left: 12px;
    background: url(/images/arw_r_C2D79F.gif) no-repeat 2px 5px;
}


/* ------------------ press releases ! ----------- */



#text .newslist, #pictures .newslist
{
    padding-left: 10px;
    border-bottom: 5px solid #F2F5F7;
}

#text .newslist .lastitem, #pictures .newslist .lastitem
{
    border-bottom: none;
}

#text .newslist p, #pictures .newslist p
{
    margin-left: 10px;
}

#text .newslist a.date, #pictures .newslist a.date
{
    display: block;
    color: #00345B;
    margin-top: 10px;
    padding: 0px 0px 0px 10px;
    background-image: url(/images/arw_r_C2D79F.gif);
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
}


/* ---------------- text (mid col) -------------- */

#text
{
    background: white;
}

/* --------------- home! --------------- */
#text img.home
{
    display: block;
}

#text h2.home
{
    color: #99aebd;
    background: #00345b url(/images/home_mid_corner.gif) no-repeat center bottom;
    padding: 20px;
    margin: 5px 0;
}

/* the picture_list class*/


ul.picture_list
{
    margin: 0;
    padding: 0;
}

ul.picture_list li img
{
    display: block;
    border-bottom: 5px solid white;
    border-top: 5px solid white;
}

. . ul.picture_list.white li img
{
    border-bottom: 5px solid #F2F5F7;
    border-top: 0;
}

ul.picture_list li.firstitem img
{
    border-top: 0;
}

/* press releases  */
#text .newslist
{
    padding-left: 10px;
    border-bottom: 5px solid #F2F5F7;
}

#text .newslist p
{
    margin-left: 10px;
}

#text .newslist a.date
{
    display: block;
    color: #00345B;
    margin-top: 10px;
    padding: 0px 0px 0px 10px;
    background-image: url(/images/arw_r_C2D79F.gif);
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
}


/* locations */

#pictures p.location
{
    color: white;
    font-size: 90%;
    width: 134px;
    position: relative;
    top: -227px;
}


/* document library */
.documentlibrary #title
{
    background: white;
    border-bottom: 10px solid black;
    padding-bottom: 0;
}

.documentlibrary #text
{
    width: 547px;
}


/* definition lists */

#content dl
{
    margin: 15px 20px 15px;
    padding: 0;
}
#content dt
{
    margin: 0;
    padding: 0;
    float: left;
    clear: left;
    width: 50px;
    font-weight: bold;
}
#content dd
{
    margin: 0;
    padding: 0;
    float: left;
    width: 140px;
    margin-bottom: 10px;
}

dl:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


