/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

html,body {
    margin: 0;
    padding: 0;
}

body {      
    font-family: arial, sans-serif;
    font-size:0.75em;
    text-align: center;
    color: #000;
    background-color: #000;
    background-image: url('../images/body_contrast_bg.gif');
    background-repeat: repeat-x;
    background-position: top;
    line-height: 14px;
}
        
#container {
    width: 992px; 
    min-height:100%;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    background-image: url('../images/container_contrast_bg.gif');
    background-repeat: repeat-y;
    background-position: center;
}

/* commented backslash hack v2 \*/ 
* html #container {height:100%;}        
/* html #container {width:994px;w\idth:992px;}*/
/* end hack */ 

#innerwrap{
    width:100%;
    text-align: left;
    line-height: 1.5em;
}

#mainheader {
    position:absolute;
    left:0;
    top:0;
    height: 335px;
    width:100%;
    background-image: url(../images/mainheader_contrast_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    z-index:1;
}

* html #mainheader {height:335px;he\ight:335px}

#header {
    height: 303px;
    width:982px;
    margin: 0px auto;
    position:relative;
    z-index:2;
    overflow:hidden;
    line-height: 16px;
}

* html #header {height:303px;he\ight:303px}

#logocontainer {
    width: 280px;
    height: 81px;
    background-image: url(../images/header-logo.gif);
    background-repeat: no-repeat;
    background-position: center;
}

#logocontainer img {
    visibility: hidden;
}

#breadcrumb{
    text-align: left;
    margin-left: 16px;
    margin-top: 3px;
    font-style: italic;
    color: #fff222;
}

#headerTop{
    text-align: left;
    padding: 10px 0px 0px 10px;
}

#topNav{
    float: right;
    width:690px;
}

#nav_1{
    float: right;
    width:257px;
    margin-right:16px;
    margin-left:30px;
}

#nav_2{
    float: right;
}

#contrast_button_container{
    float: left;
}

#language_button_container{
    float: left;
}

#headerImage{
    background-image: url('../images/header-image-contrast.jpg');
    background-repeat: no-repeat;
    background-position:center;
    width: 100%;
    height: 199px;
}

#headerTextBox {
    float: right;
    width: 265px;
    height: 134px;
    padding: 65px 15px 0px 15px;
    text-align: center;
}

#social_bar {
    background: none;
}

#headerNav {
    width:978px;
    height: 32px;
    margin: 0px auto;
    padding:0px 0px;
    background-image: url('../images/navbar_contrast_bg.gif');
    background-repeat: repeat-x;
    position:relative;
    z-index:2;
    line-height: 16px;
}

* html #headernav{height:32px;he\ight:32px}       

#left {
    float:left;
    width: 195px;
    padding:20px 10px 15px 16px;
}

#right {
    float:left;
    width: 195px;
    padding:20px 16px 15px 10px;
}

div.sidebarBox, div.csc-frame{
    border: 1px solid #FFF222;
    background-color: #000;
}

div.sidebarBox div.boxHead, #left div.csc-frame h1, #right div.csc-frame h1{
    height:1.65em;
    padding: 2px 4%;
    background-image: url("../images/boxhead_contrast_bg.gif");
    background-repeat: repeat-x;
    background-position:bottom;
}

#content {
    float:left;
    width: 530px;
    padding:20px 10px;
    line-height: 20px;
}

html #content {width:529px;w\idth:529px;}

#footer {
    position:absolute;
    bottom:0;
    width:932px;
    height: 42px;
    padding: 5px 30px;
    background-image: url('../images/footer_contrast_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

* html #footer {height:42px;he\ight:42px;}

#clearfooter {height:52px;width:100%;clear:both}


/* *** text *** */
div,p  {margin-top:0} /*clear top margin for mozilla*/

p,h1{margin-bottom:1em}

#content ul li{
    margin-left:-15px;
    margin-bottom:5px;
}

#content h1{
    font-weight:normal;
    font-size:1.6em;
    line-height:135%;
    margin:20px 0px 10px 0px;
    padding:0px 0px 3px 0px;
}

#content h1.csc-firstHeader{
    font-weight:normal;
    font-size:1.8em;
    line-height:135%;
    margin:0px 0px 20px 0px;
    padding:0px 0px 3px 0px;
}

div.sidebarBox div.boxHead, #left div.csc-frame h1, #right div.csc-frame h1{
    font-weight: bold;
    font-style: italic;
    font-size: 1.0em;
    color: #FFF;
}

#content h2{
    font-weight:bold;
    font-size:1.25em;
    line-height:135%;
    margin:0px 0px 10px 0px;
    padding:0px 0px 3px 0px;
}

#content h3{
    font-weight:bold;
    font-size:1.0em;
    line-height:135%;
    margin:0px 0px 10px 0px;
    padding:0px 0px 3px 0px;
}

#content h4, #content h5, #content h6{
    font-weight:bold;
    font-size:1.0em;
    line-height:135%;
    margin:0px 0px 10px 0px;
    padding:0px 0px 3px 0px;
}

.small {
    font-size:0.9em;
}

.align-left {
    text-align: left;   
}

.align-center {
    text-align:center;
}

.align-right {
    text-align:right;
}

.align-justify {
    text-align:justify;
}

#footer{
    font-size: 12px;
    line-height: 16px;  
}

.textzoom {
    padding: 0;
}

.textzoom h3 {
    float:left;
    font-size: 12px !important;
    font-weight: bold;
    margin: 4px 5px 2px 0 !important;
}

#headerTextBox h1{
    font-size: 20px;
    line-height: 24px;
    font-weight:bold;
    color: #000;
    margin:0px 0px 10px 0px;
    padding:0px 0px 3px 0px;
}

#headerTextBox p{
    font-size: 13px;
    font-weight:normal;
    color: #000;
    margin:0px;
    padding:0px;
}

div.sidebarBox p, #left div.csc-frame p, #right div.csc-frame p{
    padding: 5px;
    color: #FFF222;
}

/* *** hyperlinks *** */
#content a:active, #content a:visited, #content a:link {
    text-decoration:underline;
    color:#000;
}

#content a:hover{
    text-decoration:underline overline;
}

#breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:link {
    text-decoration:underline;
    color:#fff222;
}

a img{
    border-width:0px;
}


/* *** menu *** */
ul.navlist, ul.navlist li ul{
    margin: 0px;
    padding: 0px;
}

ul.navlist li, ul.navlist li ul li{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.navlist li a{
    display: block;
    width: 92%;
    min-height: 1.65em;
    padding: 2px 4%;
    border-bottom:1px solid #FFF222;
    font-weight: bold;
    font-size: 1.0em;
    color:#FFF222;
    text-decoration: none;
}

ul.navlist li a:hover, ul.navlist li a.active{
    background-image: url("../images/navlist_contrast_bg.gif");
    background-repeat: repeat;
    color: #000;
}

ul.navlist li ul li a{
    padding-left: 10%;
    width: 86%;
    font-size: 0.95em;
}

ul.navlist li ul li ul li a{
    padding-left: 16%;
    width: 80%;
    font-size: 0.95em;
}

#nav_2 a{
    display:block;
    float:left;
    height:1.2em;
    background-image: url("../images/nav_2_menu_contrast_bg.gif");
    background-repeat: repeat;
    border:1px solid #fff222;
    margin-right:10px;
    padding:0.3em 0.7em;
    color:#fff222;
    text-decoration:none;
}

#efa_bigger, #efa_reset, #efa_smaller{
    background-repeat: no-repeat;
    display: block;
    float:left;
    height: 19px;
    padding-top: 5px;
    text-decoration: none;
    color: #000;
    font-size: 12px;
}

#efa_bigger{
	width: 40px;
	padding-left: 27px;
    background-image: url("../images/textzoomin_contrast_button.gif");
}

#efa_reset{
	width: 44px;
    padding-left: 23px;
    background-image: url("../images/textzoomreset_contrast_button.gif");
}

#efa_smaller{
	width: 45px;
    padding-left: 22px;
    background-image: url("../images/textzoomout_contrast_button.gif");
}

#headerNav ul{
    margin: 0px;
    padding: 0px;
}

#headerNav ul li{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 162px;
    border-right: 1px solid #FFF222;
}

#headerNav a{
	display: block;
    width: 100%;
    height: 22px;
    padding-top: 5px;
    color: #FFF222;
    font-weight: bold;
    text-decoration: none;
}

#last_top_nav{
   width: 163px !important;
   border-right: none !important;
}

#head_nav_1:hover{
    background: none;
}

#head_nav_2:hover{
    background: none;
}

#head_nav_3:hover{
    background: none;
}

#head_nav_4:hover{
    background: none;
}

#head_nav_5:hover{
    background: none;
}

#head_nav_6:hover{
    background: none;
}


/* *** forms *** */
form{
    margin:0px;
    padding:0px;
}

input, textarea, select{
    border-top:1px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    background-color:#000;
    color:#FFF222;
}

#left input, #left textarea, #left select, #right input, #right textarea, #right select{
    border-top:1px solid #FFF222;
    border-left:1px solid #FFF222;
    border-right:1px solid #FFF222;
    border-bottom:1px solid #FFF222;
    background-color:#FFF222;
    color:#000;
}

div.sidebarBox input, div.sidebarBox textarea, div.sidebarBox select{
    border-top:1px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    background-color:#000;
    color:#FFF222;
}

input, textarea{
    text-indent:2px;
}

input.button, input.submit_button, .csc-mailform-submit{
    background-color: #000;
    color: #FFF222;
    border: 1px solid #000;
    font-weight: bold;
    font-style:italic;
    font-size: 1.1em;
}

input.radio_field, input.checkbox_field{
    border: none;   
}


fieldset {
    display:block;
    border:1px solid #000;
    clear:both;
}
            
* html fieldset {padding: 10px;}
            
legend {
    background:#000;
    padding:4px;
    border:1px solid #000;
    border-right-width:2px;
    border-bottom-width:2px;
    margin-bottom:4px;
    font-weight:bold;
}

label {margin: 0px;}

.csc-mailform {

}

.csc-mailform-field label {
    width: 150px;
    display:block;
    float: left;
}

.csc-mailform-field input {
    clear:left;
}

.csc-mailform-field {
    margin-bottom: 25px;
}

.csc-mailform-submit{
    float:right;
}


/* *** misc *** */
table tr td {
    vertical-align: top;
}

.NoBorder{
    border:none;
}

hr{
    height: 1px;
    border: none;
    color: #000;
    background-color: #417d14;
    margin:15px auto;   
}


/* *** styles for extension "tx_veguestbook_pi1" *** */
    .tx-guestbook-list-table { border-style: solid; border-color: #000000; border-width: 1px; }
    .tx-guestbook-list-header { background-color: #000; color: #FFF222; font-weight:bold; }
    .tx-guestbook-list-row { background-color: #FFF222; }
    .tx-guestbook-list-rowleft { background-color: #FFF222; }
    .tx-guestbook-list-entrycomment-title {font-weight: bold; }
    .tx-guestbook-list-entrycomment { font-style: italic; }
    .tx-guestbook-list-small { font-size: 0.7em; color: #000; }
    .tx-veguestbook-pi1-browsebox TD { font-size: 0.7em; color: #000; }
    .tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
    .tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }
    .tx-guestbook-latest-header { background-color: #000; color: #FFF222; font-weight:bold; }
    .tx-guestbook-latest-row { background-color: #FFF222; }
    .tx-guestbook-latest-small { font-size: 0.7em; color: #666; }
    .tx-guestbook-form-inputfield-med { width:250px; }
    .tx-guestbook-form-inputfield-big {  width:250px; }
    .tx-guestbook-form-textarea { width:250px; }
    .tx-guestbook-form-obligationfield { color: #000; }
    .tx-guestbook-form-error { color: #000; }