/**
 * @version $Rev: 10 $
 * @since Revision 2
 * @date $Date: 2009-06-10 12:00:09 +0100 (Wed, 10 Jun 2009) $
 */

@charset "utf-8";

html, body {
    font-family: Arial, Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    background: #FFF;
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 10px;
}

strong, b {
    font-weight: bold;
}

em, i {
    font-variant: italic;
}

p {
    position: static;
    margin: 5px 0;
}

.gutter {
    margin: 20px;
}

.leftGutter {
    margin-left: 20px;
}

.topGutter {
    margin-top: 20px;
}

.bottomGutter {
    margin-bottom: 20px;
}

.rightGutter {
    margin-right: 20px;
}

a {
    color: #00476c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#container {
    margin: 0 auto;
    width: 960px;
    text-align: center;
    background: #FFF;
}

#innerContainer {
    margin: 0 10px;
    width: 940px;
    text-align: left;
    background: #FFF;
}

#header {
    height: 115px;
    position: relative;
    overflow: hidden;
}

#header h1 {
    width: 319px;
    height: 65px;
    background: #FFF url('../images/logo.png') 0 0 no-repeat;
    margin: 25px 0;
    position: absolute;
    right: 0;
}

#header h1 a {
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    text-indent: -256273px;
}

#area {
    width: 100%;
    clear: both;
    overflow: hidden;
    zoom: 1;
}

#contentArea {
    width: 760px;
    float: left;
    border-right: 1px solid #e7e7e7;
}

#navigationArea {
    width: 179px;
    float: left;
    font: normal 12px/18px Baskerville, Times New Roman, Times, serif;
}

.mainImage {
    background: #FFF;
    height: 140px;
    width: 740px;
    overflow: hidden;
    /* border: 1px solid #e7e7e7; */
}

#mainImage-0 {
    background: #FFF url('../images/content/banner-01.jpg') 0 0 repeat-y;
}

#mainImage-1 {
    background: #FFF url('../images/content/banner-02.jpg') 0 0 repeat-y;
}

#mainImage-2 {
    background: #FFF url('../images/content/banner-03.jpg') 0 0 repeat-y;
}

#mainImage-3 {
    background: #FFF url('../images/content/banner-04.jpg') 0 0 repeat-y;
}

#mainImage-4 {
    background: #FFF url('../images/content/banner-05.jpg') 0 0 repeat-y;
}

.mainImage a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -262347437px;
    outline: none;
}

#pageTitle h2 {
    font: normal 30px/30px Baskerville, Times New Roman, Times, serif;
    color: #00476b;
}

#pageBreadcrumbs {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    height: 40px;
    line-height: 40px;
}

#breadcrumbsText {
    color: #00476c;
    font: bold 14px/40px Baskerville, Times New Roman, Times, serif;
    float: left;
}

#pageBreadcrumbs ol {
    float: left;
    overflow: hidden;
}

#pageBreadcrumbs li {
    float: left;
    margin: 0 0 0 20px;
}

#pageBreadcrumbs li a {
    padding: 4px 7px 4px 20px;
    background: #FFF url('../images/pageicon.png') 4px 50% no-repeat;
    text-decoration: none;
    color: #00476c;
    outline: none;
    border: 1px solid #FFF;
}

#pageBreadcrumbs li a:hover {
    border: 1px solid #e7e7e7;
    background-color: #f4f4f4;
}

#pageBreadcrumbs li a.current {
    border: 1px solid #00476c;
    background-color: #e5ecf0;
    font-weight: bold;
}

#pageContent {
    font: normal 12px/18px Arial, Verdana, Baskerville, Times New Roman, Times, serif;
    margin: 0 20px 0 0;
}

#pageContent p {
    margin: 20px 0;
}


#imageContent {
    float: left;
    width: 160px;
    margin: 0 10px 10px 0;
}

#imageContent img {
    max-width: 160px;
    width: auto !important;
    width: 160px;
    border: 0;
}

#imageContent a {
    cursor: default;
    outline: none;
    border: 0;
}

#imageContent, #textContent, #textContentSmaller {
    margin-bottom: 20px;
}

#textContentSmaller {
    width: 560px;
    float: left;
}

#navigationArea ol li a {
    text-decoration: none;
    color: #00476c;
    text-transform: capitalize;
    display: inline-block;
    width: 168px;
    padding: 0 0 0 10px;
    font: normal 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
    outline: none;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

#navigationArea ol li a:hover {
    background: #f4f4f4;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

#navigationArea ol li a.current {
    text-decoration: underline;
    font-weight: bold;
}

#navigationArea ol li ol {
    background: #f4f4f4;
    overflow: hidden;
    clear: both;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin: 5px 0;
    padding: 10px 0;
}

#navigationArea ol li ol li a {
    font-size: 10px;
    font-weight: bold;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

#navigationArea ol li ol li a:hover {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    font-weight: bold;
    background: #e7e7e7;
}

#partnerLogos {
    height: 157px;
    background: #FFF url('../images/partners.gif') 0 0 no-repeat;
    width: 114px;
    margin: 20px 0 0 10px;
}

#footer {
    border-top: 1px solid #e7e7e7;
    padding: 10px 0;
    text-align: center;
    color: #888;
}

.news li,
.partners li,
.events li {
    margin: 10px 0;
    border-bottom: 1px solid #e7e7e7;
}

.news li b,
.partners li b,
.events li b
 {
    font: normal 20px/20px Baskerville, Times New Roman, Times, serif;
    color: #00476b;
}