@charset "utf-8";

/* Layout */

html {
    background: #FFFFFF;
    color: #606060;
    font: 8pt/2.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

body {
    background: #FFFFFF;
    color: #606060;
    font: 8pt/2.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}

body {
    zoom: 1;
}

* :focus {
    outline: 0;
}

#container {
    background: #FFFFFF;
    margin: 8px auto;
    text-align: left;
    width: 760px;
}

#header {
    background: url("../images/header.jpg") no-repeat;
    height: 126px;
    padding: 0px 12px 0px 0px;
}

#languageSelector {
    float: right;
    padding-top: 56px;
    width:240px;
    text-align: right;
    font: normal 8pt/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#ffffff;
}

#languageSelector a,
#languageSelector a:link,
#languageSelector a:visited {
    text-decoration: none;
    color: #ffffff;
}

#languageSelector a:active,
#languageSelector a:hover {
    text-decoration: none;
    color: #FF8F00;
}

#languageSelector .ideogram {
    position: relative;
    top: 2px;
}

#menubar {
    float: left;
    margin: 16px 6px 16px 0px;
    padding: 0;
    width: 170px;
}

#imagebar {
    float: right;
    margin-top: 16px;
    padding: 0;
    width: 160px;
}

#mainContent {
    border-left: 1px dashed #CCCCCC;
    margin: 0 166px 0 176px;
    padding: 0 12px 24px 12px;
    min-height: 400px; /* Ensure the left border is as high as the tallest expanded menu */
}

#footer {
    border-top: 1px dashed #CCCCCC;
    color: #BEBDB6;
    font: xx-small Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
    margin-bottom: 800px; /* Always display a window scroll bar */
}

#footer p {
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

.clearfloat {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 0;
}

/* End Layout */

/* Basic styles */

h1 {
    color: #C0C0C0;
    font: normal 260% Arial, sans-serif;
    margin: 0.5em 0em 0.2em 0em;
    padding: 0;
}

h2 {
    color: #C0C0C0;
    font: normal 200% Arial, sans-serif;
    margin: 1.2em 0em 0.2em 0em;
    padding: 0;
}

h1 + h2 {
    margin-top: 0.4em;
}

h3 {
    color: #A0A0A0;
    font: italic bold 140% Arial, sans-serif;
    margin: 1.2em 0em 0.2em 0em;
    padding: 0;
}

h2 + h3 {
    margin-top: 0.6em;
}

h4 {
    color: #CB001C;
    font: small-caps normal 110% Arial, sans-serif;
    letter-spacing: 0.15em;
    margin: 1em 0em 0.2em 0em;
    padding: 0;
}

h3 + h4 {
    margin-top: 1em;
}

p, td {
    margin: 0em 0em 1.2em 0em;
    padding: 0;
}

#mainContent ul { /* #mainContent prevent weird IE bug where bullets appears on the menu */
    margin-top: 0;
    margin-bottom: 1.2em;
    list-style-image: url("../images/bullet.gif");
}

ol {
    margin-top: 0;
    margin-bottom: 1.2em;
}

img {
    padding: 0;
    margin: 0;
    border: none;
}

a {
    text-decoration: none;
}

a:link {
    color: #CE001E;
}

a:visited {
    color: #A1A3A5;
}

a:active {
    color: #FF8F00;
}

a:hover {
    color: #FF8F00;
    text-decoration: underline;
}

hr {
    border: 0;
    border-bottom: 2px dotted #e0e0e0;
    width: 55%;
    text-align: center;
    margin: 2px auto 4px;
}

/* End Basic styles */

/* Menu */

#menu,
#menu ul,
#menu li,
#menu a {
    color: #6B6F80;
    font: normal 8pt Verdana, serif;
    line-height: 10pt;
    margin: 0;
    padding: 0;
}

#menuHeader {
    background: url(../images/menuHeader.gif) no-repeat;
    float: left;
    font-size: 10%;
    height: 10px;
    margin: 0;
    padding: 0;
    width: 164px;
}

#menuBody {
    background: url(../images/menuBody.gif) repeat-y;
    float: left;
    margin: 0;
    padding: 0px 3px 0px 3px;
    width: 158px;
}

#menuFooter {
    background: url(../images/menuFooter.gif) no-repeat;
    float: left;
    height: 10px;
    margin: 0;
    padding: 0;
    width: 164px;
}

#menu {
    list-style: none;
    line-height: 1.0;
    padding: 0px 1px;
    text-align: left;
}

#menu ul {
    list-style: none;
    background: transparent;
    padding: 4px 0px 0px 6px;
}

#menu li {
    list-style: none;
    background: transparent;
    border: 0px none;
    margin: 0;
    padding: 2px 0px 1px 0px;
}

#menu li + li {
    background: url(../images/menuLine.gif) no-repeat;
    background-position: 5px 0px;
}

#menu ul li {
    background: url(../images/menuItem.gif) no-repeat;
    padding: 0px 0px 2px 0px;
}

#menu a {
    color: #6B6F80;
    display: block;
    height: 31px;
    padding: 3px 6px 0px 6px;
    text-decoration: none;
    vertical-align: bottom;
    width: 144px;
}

#menu ul a {
    width: 138px;
}

#menu a:hover,
#menu a:active {
    background: url(../images/menuActiveSub.gif) no-repeat;
    color: #aa9500;
}

#menu ul a:hover,
#menu ul a:active {
    background: url(../images/menuActivePage.gif) no-repeat;
    color: #aa9500;
}

/* CSS class managed by jQuery accordion, current open section */
#menu li a.ui-state-active {
    background: url(../images/menuSelectedSub.gif) no-repeat;
    color: #ffffff;
}

#menu a.currentPage {
    background: url(../images/menuCurrentSub.gif) no-repeat;
    color: #FFFFFF;
}

#menu ul a.currentPage {
    background: url(../images/menuCurrentPage.gif) no-repeat;
    color: #FFFFFF;
}

/* End Menu */

.topArrow {
    text-align: center;
}

.map {
    border: 1px solid #C0C0C0;
    padding: 4px;
}

.box {
    border: 1px solid #C0C0C0;
    margin: 1.5em 0 1.5em 0;
    padding: 4px;
    width: 100%;
}

.boxedImg {
    border: 1px solid #C0C0C0;
    margin: 0.8em 0px 0.8em 2em;
    padding: 4px;
    text-align: center;
}

.captionAbove {
    font: bold 100%/130% Arial, sans-serif;
    color: #757575;
    margin: 2.2em 0 0 0;
    padding: 0;
}

.captionBeneath {
    font: bold 100%/130% Arial, sans-serif;
    color: #757575;
    margin: 0 0 2.2em 0;
    padding: 0;
}

.boxedText {
    background: #FAFAFA;
    line-height: 2em;
    margin: 0;
    padding: 4px 10px 2px 10px;
}

.boxedText p,
.boxedText ul,
.boxedText ol {
    margin: 0px 0px 0.8em 0px;
}

.boxedText p {
    padding: 0;
}

.boxedText ul,
.boxedText ol {
    margin: 0;
    padding: 0px 0px 0.6em 1.8em;
}

boxedText li {
    margin: 0;
    padding: 0;
}

.boxedText *:first-child {
    margin-top: 0.4em;
}

.boxedText *:last-child {
    margin-bottom: 0.6em;
    padding-bottom: 0;
}

form {
    margin: 0;
    padding: 0;
}

.formBox {
    border: 1px solid #C0C0C0;
    margin: 1.5em 0 1.5em 0;
    padding: 4px;
    width: 95%;
}

.formBox form {
    background: #FAFAFA;
    padding: 10px;
}

.formBox form h4:first-child {
    margin-top: 0.2em;
}

.formBox form h4 {
    margin-top: 1.4em;
    color: #958300;
}

.formBox form textarea,
.formBox form input.text {
    width: 98.2%;
}

.formBox form p {
    line-height: 1.8em;
    margin: 0em 0em 0.8em 0em;
}

.errorFrame {
    background-color: #FFFFFF;
    border: 2px dotted #CB001C;
    color: #CB001C;
    padding: 4px 4px 4px 6px;
}

.errorLabel {
    color: #CB001C;
    font-weight: bold;
}

.errorMessage {
    color: #CB001C;
}

input,
textarea {
    background: #FFFFFF;
    border: 1px solid;
    border-color: #C0C0C0 #909090 #909090 #C0C0C0;
    color: #000000;
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 1px;
    padding: 0;
    position: relative;
    top: 2px;
}

input.text,
textarea {
    background: #F0F0F0;
    border-color: #909090 #C0C0C0 #C0C0C0 #909090;
    margin: 1px;
    padding: 1px 1px 2px 1px;
    position: relative;
    top: 2px;
}

input[type="text"] {
    background: #F0F0F0;
    border-color: #909090 #C0C0C0 #C0C0C0 #909090;
    margin: 1px;
    padding: 1px 1px 2px 1px;
    position: relative;
    top: 2px;
}

input.choice {
    background: transparent;
    border: none;
}

input[type="radio"],
input[type="checkbox"] {
    background: transparent;
    border: none;
}

input.file {
    background: #F0F0F0;
    border: 1px solid;
    border-color: #909090 #C0C0C0 #C0C0C0 #909090;
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 1px;
    padding: 1px 1px 2px 1px;
    position: relative;
    top: 2px;
}

input[type="file"] {
    background: #F0F0F0;
    border: 1px solid;
    border-color: #909090 #C0C0C0 #C0C0C0 #909090;
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 1px;
    padding: 1px 1px 2px 1px;
    position: relative;
    top: 2px;
}

input[type="submit"] {
    overflow:visible;
    padding-left: 8px;
    padding-right: 8px;
}

select {
    border: 1px solid;
    border-color: #909090 #C0C0C0 #C0C0C0 #909090;
    font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 1px;
    padding: 0;
}