/**
 * typography
 */
h2 {font-size: 20px; font-family: "Verdana, Arial"; color: #369;}
h3 {font-size: 16px; font-family: "Verdana, Arial"; color: #369; border-bottom: 2px solid #369; margin-top: 30px;}
p, form label {font-size: 15px; font-family: "Verdana, Arial"; color: #666; text-align: justify; line-height: 25px; margin-top: 15px;}

.content p:first-letter {margin-left: 30px;}
.blocked p:first-letter {margin-left: 0px;}

/**
 * structure
 */
.wrapper {width: 960px; margin: auto; height:100%; overflow:hidden;}

/* #global {background: #fff url(/img/background.jpg) left top repeat-x; width: 960px; margin: auto;} */

html {background: #fff url(/img/background.jpg) left top repeat-x;}

#languageBar {height: 32px;}
    #languageBar ul li {margin: 6px 5px 0 0;}
#header {clear: both; height: 198px; background: transparent url(/img/header.jpg) left top no-repeat;}
    #header h1 {width: 500px; height: 100px; margin-left: 15px; background: transparent url(/img/title.png) left bottom no-repeat; text-indent: -9999px;}
    #header ul {margin-left: 10px;}
        #header ul li {display: block; margin: 30px 0 0 2px; width: 120px;}
            #header ul li a {line-height: 68px; display: block; font-size: 18px; font-family: "Arial"; color: #fff; text-decoration: none; text-align:center}
                #header ul li a.menuOn {background: transparent url(/img/backgroundMenu.png) left bottom repeat-x;}
                #header ul li a:hover {text-decoration: underline;}
    #header form {margin: 20px 0 0 10px;}
        #header form input {width: 130px; height: 26px; padding: 8px 5px 0 5px; background: transparent url(/img/searchBackground.jpg) left top no-repeat; border: 0px;}
        #header form input.button {width: 30px; height: 30px; padding: 0px; background: transparent url(/img/searchButton.jpg) left top no-repeat;}
.bodyLine {background: transparent url(/img/backgroundBodyLine.jpg) left top repeat-x;}
img.icon {width: 128px; height: 200px; margin-right: 20px;}
img.iconSmall {width: 96px; height: 140px; margin-right: 20px;}
#footer {background: #003 url(/img/backgroundFooter.jpg) left top repeat-x; height: 100%; overflow: hidden; padding-top: 30px;}
hr {width: 100%; background: #fff url(/img/backgroundHr.jpg) left top repeat-x; display: block; height: 23px; clear: both;}
.box2link {display: block; text-align: right;}

.oneColumn ul li {padding: 4px 10px; border-bottom: 1px solid #e7e7e7;}
    .oneColumn ul li a {color: #8a8a8a; text-decoration: none; display: block;}
    .oneColumn ul li a:hover {color: #008acf; text-decoration: underline;}
    
form {font-size: 13px; font-family: "Georgia"; color: #666; text-align: justify; line-height: 25px;}
form label {display: block; margin-top: 10px;}
form input, form textarea {background-color: #F2F2F2; border: 1px solid #474747; width: 928px; padding: 3px 5px;}
form .radioCheck {width: 10px; margin-left: 30px;}
form .radioCheck.first {margin-left: 0px;}
.formButton {padding: 3px 10px; width: 121px; margin: 10px 10px 0px 0px;}

.communicationBlue {
    /* border: 5px solid #8080FF; */
    border: 5px solid #AB93C5;
    background-color: #ECECFF;
    margin-top: 20px;
}

    .communicationBlue h2 {
        color: #AB93C5;
    }

.communicationRed {
    border: 5px solid #FF8080;
    background-color: #FFDFDF;
    margin-top: 20px;
}

    .communicationRed h2 {
        color: #FF4848;
    }