/* CSS Document */

body {
z-index: 0;
/*background-color: #444444;*/
background-color: #58585a;
font: normal 1em Verdana, serif;
scrollbar-3dlight-color: #a6b60b;
scrollbar-arrow-color: white;
scrollbar-base-color: white;
scrollbar-darkshadow-color: #a6b60b;
scrollbar-face-color: white;
scrollbar-highlight-color: #a6b60b;
scrollbar-shadow-color: #a6b60b;
padding: 0;
margin: 0;
}


#container {
z-index: 1;
margin: 20px auto auto auto;
width: 900px;
/*height: 850px;*/
/*border: 1px solid #999999;*/
padding-bottom: 10px;
}



#header {
display: block;
height: 120px;
z-index: 2;
text-align: left;
margin: 0 0 15px 0;
/*background-color:#444444;
border: 1px solid #a6b60b;*/
}

#header img {
float: left;
}

div.lang {
float:right;
margin-top: 100px;
display: block;
}


div.lang a {
text-decoration: none;
font: small-caps 0.8em Verdana, sans-serif;
color: #CCCCCC;
background-color: #58585a;
}

div.lang a:hover {
text-decoration: underline;
}


#mainmenu {
display: block;
height: auto;
z-index: 2;
margin: 0;
text-align: center;
vertical-align: bottom;
/*background-color: #a6b60b;*/
background-color: #669900;
border-bottom: 2px dotted #ffffff;
padding: 15px 0 15px 0;
}

#mainmenu ul {
margin:0;
padding: 0;
}

#mainmenu li {
font: small-caps bold 1em Helvetica, sans-serif;
letter-spacing: 1px;
display: inline;
padding: 1px 3px 1px 3px;
margin: 0 15px 0 15px;
/*border: 1px solid #FFFFFF;*/
background-color: #669900;
}

#mainmenu li a {
text-decoration: none;
color: #FFFFFF;
display:inline;
background-color: inherit;
}

#mainmenu li:hover {
color: #ffffff;
/*background-color: #336600;*/
border-bottom: 3px solid #a6b60b;
border-top: 3px solid #a6b60b;
/*border-left: 3px solid #a6b60b;*/
}

#mainmenu li.active {
color: #ffffff;
/*background-color: #71A602;*/
border-bottom: 3px solid #a6b60b;
border-top: 3px solid #a6b60b;
/*border-left: 3px solid #a6b60b;*/
}




#content {
float: left;
z-index: 2;
width: 875px;
background-color: #FFFFFF;
padding: 15px 10px 15px 15px;
}

#content p{
margin: 0 0 10px 0;
}



#submenu {
float: left;
overflow: auto;
overflow-x: hidden; /* believe it or not: a FF bug: a:active ads a pixel */
background-color: #a6b60b;
height: 450px;
width: 250px;
}

#submenu a {
display: block;
padding: 5px 10px 5px 10px;
text-decoration: none;
font: small-caps 0.9em Verdana, serif;
color: #FFFFFF;
background-color: #669900;
border-bottom: 1px solid #FFFFFF;
}

#submenu a:hover {
background-color: #336600;
}

#submenu a#active {
display: block;
background-color: #336600;
border-bottom: 1px solid #FFFFFF;
}

#sm_image {
overflow: hidden;
width: 250px;
height: 450px;
}

#sm_image img {
border: 10px solid #a6b60b;
height: 430px;
width: 230px;
}



#textbox {
float: left;
margin-left: 20px;
padding: 0 10px 0 10px;
width: 580px;
height: 450px;
font: normal 0.9em Verdana, serif;
color: #555555;
line-height: 140%;
text-align: left;
overflow-y: auto;
background-color:#FFFFFF;
}

#textbox a {
text-decoration: none;
/*color: #009900;*/
color: #444444;
font-weight: bold;
}


#textbox a:hover {
text-decoration: underline;
}



h1 {
font: bold 1.2em Verdana, serif;
color: #669900;
background-color: inherit;
margin: 5px 0 20px 0;
border-bottom: 2px solid #669900;
}

h2 {
font: bold 1em Verdana, serif;
color: #666666;
background-color: inherit;
margin: 10px 0 10px 0;
}

h3 {
font-weight: bold;
background-color: #D5FFAA;
padding: 5px;
}

#textbox ul {
list-style: square outside url('images/li2.png');
padding-left: 0px;
margin: 20px;
}

#textbox li {
padding-bottom: 5px;
}

.bold {
font-weight: bold;
}

.u {
text-decoration: underline;
}

address {
margin-left: 15px;
}

.spacer {
height: 30px;
}


.images {
text-align: center;
border-spacing: 30px 10px;
margin: 0 auto 0 auto;
}

.images tr {
vertical-align: top;
}

.images img {
border: 0;
}

hr {
margin: 0;
border: 0;
color: #669900;
background-color: #669900;
height: 2px;
}

hr.spaced {
margin: 10px 0 10px 0;
}

.larger {
font-size: 1.3em;
}







#textfooter {
margin: 20px 0 10px 0;
border-bottom: 2px solid #669900;
}



#footer {
font: normal 0.8em "Arial", sans-serif;
color: #999999;
}





/* RTE */

form {
width: auto;
}

h4 {
font: bold 1.2em 'Verdana', sans-serif;
background-color: #FFCC00 ;
padding: 1px 0 1px 5px;
}

/*iframe {
background-image: url('RTE/images/iframeBG.png');
background-repeat: repeat;
}*/

table.rte th {
vertical-align: top;
}

textarea {
border: 1px solid #CC0000;
}

/* DOES NOT WORK FOR INPUT TYPE=FILE */
/*input {
border: 1px solid #FFCC00;
background-color: #FFFFCC;
}*/

input.button {
border: 1px solid #666666;
background-color: #CCCCCC;
color: #000000;
}

input.button:hover {
/*border: 1px solid #666666;*/
background-color: #666666;
color: #FFFFFF;
}

#textbox a.buttonNEW {
padding: 1px 5px;
text-decoration: none;
border: 1px solid #000099;
background-color: #ddFFFF;
font: normal 0.9em Arial, sans-serif;
}

#textbox a.buttonNEW:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #000099;
}

#textbox a.buttonDEL {
padding: 1px 5px;
text-decoration: none;
border: 1px solid #CC0000 ;
background-color: #FFdddd;
font: normal 0.9em Arial, sans-serif;
}

#textbox a.buttonDEL:hover {
background-color: #CC0000;
text-decoration: none;
color: #FFFFFF;
}