html, body { height: 100%; width: 100%; }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #000000;
    background-color: #eeeeee;
    margin: 0px;
    padding: 0px;
    position: absolute;
}
/* --- container positioning --- */
#main-container {
    width: 950px;
    height: 580px;
    left: 50%;
    top: 50%;
    margin-left: -475px;
    margin-top: -290px;
    position: absolute;
}
#behind-logo, #logo, #content-container,
#tab-container, #menu-container,
#quicklinks-container, #quicklinks,
#footer, #footer-logo { position: absolute; }
#behind-logo {
    width: 200px;
    height: 110px;
    top: 0px;
    left: 0px;
}
#logo {
    width: 106px;
    height: 86px;
    top: -10px;
    left: 10px;
}
#content-container {
    width: 750px;
    height: 410px;
    top: 110px;
    right: 0px;
    overflow: auto;
}
#content-main, #content-right-container {
    float: left;
    padding: 10px;
    position: relative;
    top: 0px;
}
.with-right { width: 510px; }
.without-right { width: 710px; }
#content-right-container { width: 180px; }
#tab-container {
    width: 750px;
    height: 110px;
    top: 0px;
    right: 0px;
}
#menu-container {
    width: 200px;
    height: 410px;
    top: 110px;
    left: 0px;
}
#quicklinks-container {
    height: 110px;
    width: auto;
    top: 0px;
    right: 0px;
}
#quicklinks {
    width: auto;
    height: auto;
    right: 0px;
    bottom: 0px;
}
#footer {
    width: 100%;
    height: 60px;
    bottom: 0px;
    left: 0px;
}
#footer-picture {
    width: 830px;
    height: 100%;
}
#footer-logo {
    width: auto;
    height: auto;
    bottom: 0px;
    right: 0px;
    display: inline;
}
/* background colors */
#behind-logo, #tab-container, #footer { background-color: #cccccc; }
#content-container { background-color: #ffffff; }
/* --- logo --- */
#logo {
    background-image: url(../images/logo.png);
    background-position: left top;
    background-repeat: no-repeat;
    z-index: 2000;
}
#logo a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
/* --- footer --- */
#footer-logo {
    color: #004b7c;
    font-size: 10px;
    padding: 5px 10px;
}
#footer-logo a { color: #004b7c; text-decoration: none; }
#footer-logo a:hover { color: #004b7c; text-decoration: underline; }
#footer, #footer-picture {
    background-position: 10px 0px;
    background-repeat: no-repeat;
}
#footer { background-image: none; }
#footer-picture { background-image: url(../images/footer-01.png); }
/* --- quicklinks --- */
#quicklinks {
    padding: 5px 10px;
    font-size: 10px;
    text-align: right;
}
#quicklinks a { color: #000000; text-decoration: none; }
#quicklinks a:hover { text-decoration: underline; }
/* --- tabs --- */
#tab-container ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}
#tab-container ul li {
    float: left;
    width: 100px;
    height: 100%;
    position: relative;
    border-left: 2px solid #ffffff;
}
#tab-container ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}
#tab-container ul li a, #tab-container ul li a:hover { text-decoration: none; }
#tab-container ul li a.active,
#tab-container ul li#tab-1 a.active,
#tab-container ul li#tab-2 a.active,
#tab-container ul li#tab-6 a.active { color: #ff9933; }
#tab-container ul li a span {
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
}
#tab-container ul li#tab-1 a span { top: 0px; }
#tab-container ul li#tab-2 a span { bottom: 0px; }
#tab-container ul li#tab-3 a span { bottom: 0px; }
#tab-container ul li#tab-4 a span { bottom: 0px; }
#tab-container ul li#tab-5 a span { bottom: 0px; }
#tab-container ul li#tab-6 a span { top: 0px; }
#tab-container ul li#tab-7 a span { bottom: 0px; }
#tab-container ul li#tab-1 a,
#tab-container ul li#tab-2 a,
#tab-container ul li#tab-6 a { color: #888888; }
/* tab backgrounds */
#tab-container li, #tab-container li a {
    background-position: left top;
    background-repeat: no-repeat;
}
#tab-1 { background-image: url(../images/tab-1.png); }
#tab-2 { background-image: url(../images/tab-2.png); }
#tab-3 { background-image: url(../images/tab-3.png); }
#tab-4 { background-image: url(../images/tab-4.png); }
#tab-5 { background-image: url(../images/tab-5.png); }
#tab-6 { background-image: url(../images/tab-6.png); }
#tab-7 { background-image: url(../images/tab-7.png); }
#tab-container li a { background-image: url(../images/tab-opacity50.png); }
#tab-container li a.active { background-image: none; }
/* --- menu --- */
#menu-container ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 40px 0px 0px 0px;
    border-left: 1px solid #ff9933;
}
#menu-container ul li { padding: 5px 10px 5px 0px; }
#menu-container ul li a {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    display: block;
    text-decoration: none;
}
#menu-container ul li a:hover { text-decoration: underline; }
#menu-container ul li.active a { text-decoration: underline; }
#menu-container ul li.active a:hover { text-decoration: none; }
#menu-container ul.sub {
    border: none;
    display: none;
    padding-top: 0px;
}
#menu-container li.active ul.sub { display: block; }
#menu-container li.active li.active {
    background-image: url(../icons/dot-orange-menu.png);
    background-repeat: no-repeat;
    background-position: left center;
}
#menu-container li.active li a { padding-left: 28px; }
/* --- outline --- */
#outline-horizontal, #outline-vertical {
    background-color: #ff9933;
    position: absolute;
    left: 0px;
    top: 55px;
}
#outline-horizontal { height: 1px; }
.outline-tab-0 { display: none; }
.outline-tab-1 { width: 230px; }
.outline-tab-2 { width: 330px; }
.outline-tab-3 { width: 430px; }
.outline-tab-4 { width: 530px; }
.outline-tab-5 { width: 630px; }
.outline-tab-6 { width: 730px; }
.outline-tab-7 { width: 830px; }
#outline-vertical {
    width: 1px;
    height: 55px;
}
#dot {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0px;
    top: -6px;
    background-image: url(../icons/dot-orange.png);
    background-repeat: no-repeat;
}
/* --- content --- */
a {
    text-decoration: underline;
    color: #004b7c;
}
a:hover { text-decoration: none; }
/*a:visited { color: #ff9933; }*/
h1, h2, h3, h4, h5 { color: #004b7c; font-weight: normal; }
h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
hr {
    height: 1px;
    width: 90%;
    color: #004b7c;
    background-color: #004b7c;
    border: none;
    text-align: center;
    clear: both;
}
ul {
    margin: 15px 0px;
    padding: 0px 0px 0px 20px;
}
ul ul { margin: 5px 0px; }
li {
    margin: 0px;
    padding: 0px;
}
blockquote { margin: 10px 20px; }
blockquote ul { margin-left: -15px; }
blockquote ul ul { margin-left: 0px; }
p { text-align: justify; }
.sitetitle {
    border-bottom: 1px solid #004b7c;
    font-size: 200%;
}
table, table.rte_table {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}
table.rte_table td {
    vertical-align: top;
    padding-right: 10px;
}
table.rte_table td p {
    margin: 0px;
    text-align: left !important; 
}
#content-right-heading, #content-right {
    margin-left: -10px;
    padding-left: 10px;
    border-left: 1px solid #004b7c;
}
#content-right-heading {
    margin-top: -10px;
    margin-bottom: 20px;
}
#content-right-heading h1 {
    position: relative;
    top: 10px;
}
#content-right-container p { margin-bottom: 0px; }
.note {
    font-style: italic;
    text-align: center;
    margin-top: 20px;
}
/* menu in content-right-container */
#content-right-container.with-menu .sitetitle { white-space: nowrap; }
#content-right-container.with-menu .right-menu,
#content-right-container.with-menu ul.sub {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
#content-right-container.with-menu .right-menu li {
    padding: 5px 0px;
}
#content-right-container.with-menu .right-menu li a {
    font-size: 14px;
    font-weight: bold;
    display: block;
    color: #004b7c;
}
#content-right-container.with-menu .right-menu li.active a {
    color: #ff9933;
}
#content-right-container.with-menu .right-menu li.active li a {
    color: #004b7c;
    padding-left: 10px;
}
/* mailform, searchform, loginform */
.csc-mailform, .csc-searchform, .csc-loginform { border: none; }
.csc-mailform-field, .csc-searchform-field, .csc-loginform-field {
    clear: both;
    margin-bottom: 20px;
}
label, .csc-searchform-label, .csc-loginform-label {
    float: left;
    width: 200px;
}
/* news */
.more {
    font-weight: bold;
    display: block;
    text-align: right;
    clear: both;
}
.date {
    display: block;
    text-align: right;
    font-size: 10px;
}
.category { font-size: 10px; }
.news-list-item { margin-bottom: 20px; }
.news-single-img, .news-image {
    float: right;
    margin: 5px 10px;
}
/* sitemap */
ul.sitemap {
    list-style-type: none;
    padding: 0px;
}
ul.sitemap li a {
    display: block;
    background-color: #cccccc;
    padding: 5px 10px;
    margin-bottom: 5px;
}
ul.sitemap li ul li a {
    background-color: transparent;
    padding: 3px 10px;
    margin: 0px;
}
ul.sitemap li li { padding-left: 20px; }