/* ----------------------------------------------------------------------------- */
/* html, body */
html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
background: #8AA77E;
font-family:arial,sans-serif;
min-height:100%;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
line-height: 20px;
}

/* ----------------------------------------------------------------------------- */
/* container */
#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:961px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

/* ----------------------------------------------------------------------------- */
/* header */
#header {
background: url(../interface/header_bg.png) repeat-x;
width: 961px;
height: 270px;
}
/* ---------------- */
/* menus for choosing language */
#language {
width: 200px;
height: 20px;
text-align:left;
position: absolute;
}
#language ul {
position: absolute;
margin-left: -20px;
}
#language li {
float: left;
list-style-type: none;
}
#language li a {
display: block;
width: 50px;
height: 20px;
color: #000000;
text-decoration: none;
font-size: 12px bold;
font-weight: bold;
}
#language li a:hover {
color: #FFFFFF;
text-decoration: none;
}
/* ---------------- */
/* images for banners */
#banner {
width: 502px;
height: 152px;
text-align:left;
position: absolute;
margin-top: 40px;
margin-left: 405px;
}


/* ----------------------------------------------------------------------------- */
/* navigation */
#navigation {
width: 961px;
height: 30px;
text-align:left;
position: absolute;
background: #D6E5C8;
}
#navigation ul {
position: absolute;
margin-top: -0px;
margin-left: -33px;
}
#navigation li {
float: left;
list-style-type: none;
text-align: center;
}
#navigation li a {
display: block;
width: 90px;
height: 23px;
color: #FFFFFF;
text-decoration: none;
font-size: 12px bold;
font-weight: bold;
background: #D6E3C9 url(../interface/menu_bg.png) no-repeat;
padding-right: 5px;
}
#navigation li a:hover {
color: #FFFFFF;
text-decoration: none;
width: 90px;
height: 23px;
background: #D6E3C9 url(../interface/menu_bg_hover.png) no-repeat;
}
#navigation li a.selected {
color: #FFFFFF;
text-decoration: none;
width: 90px;
height: 23px;
background: #D6E3C9 url(../interface/menu_bg_hover.png) no-repeat;
}

/* ----------------------------------------------------------------------------- */
/* content */
#content {
background: #D7E4C8;
text-align: justify;
padding-top: 30px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
color: #0B1A04;
}
/* ----------------------------------------------------------------------------- */
/* header 1, alias titles */
#content h1 {
color: #0B1A04;
font-family: arial, helvetica, sans-sheriff;
font-size: 20px;
}


/* ----------------------------------------------------------------------------- */
/* footer */
#footer {
width: 961px;
height: 56px;
position: absolute;
background: url(../interface/footer_bg.png) no-repeat;
}
#footer p {
width: 961px;
height: 20px;
font-family: arial, helvetica, sans-sheriff;
font-size: 11px;
line-height: 12px;        
text-align: center;
}
#copyrights {
width: 961px;
height: 36px;
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
line-height: 12px;        
text-align: center;
color: #FFFFFF;
}
#copyrights a {
font-family: arial, helvetica, sans-sheriff;
font-size: 12px;
line-height: 12px;        
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#copyrights a:hover {
color: #F2F2F2;
}