body { 
margin:0; 
padding:0;
background-image:url(./images/bg_banner.gif);
background-repeat:repeat-x;
background-position: top center;
}


#wrapper {
margin: 0px auto; 
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
}

img {
border: none;
}

#banner  {
height: 189px; 
padding: 0;
text-align:center;
clear:both;
}

#content  {
margin:0 auto;
width:770px;
text-align: left;
}

#leftnav {
padding: 25px 25px 20px 20px;
text-align:left;
float: left;
width:205px;
}

#text {
padding: 25px 5px 0 0;
text-align:left;
float: left;
width:500px;
}

#header {
float:left;
width:420px;
padding: 0;
}

#flags {
float:left;
width:80px;
padding: 0;
text-align:right;
}

#footer {
padding: 0;
height:60px;
background-image:url(./images/bg_footer.jpg);
background-repeat:repeat-x;
clear:both;
}

#loginbox {
padding: 40px 100px 0 120px;
height:300px;
background-image:url(./images/motherearth.jpg);
background-repeat:no-repeat;
clear:both;
}

#clear {
padding:0;
margin:0;
clear:both;
}






/* general */

h1 {
margin: 0;
padding: 0 0 10px 0;
font-size: 140%; 
font-weight: bold; 
}

h2 {
margin: 0;
padding: 0;
font-size: 120%; 
font-weight: bold; 
}

p {clear:both;}






/* links */

#text a:visited  {
color: #000;
text-decoration: underline;
}

#text a:link  {
color: #000;
text-decoration: underline;
}

#text a  {
color: #000;
text-decoration: underline;
}

#text a:hover {
color: #333;
background-color: #FFFFCC;
text-decoration:underline;
}

#leftnav a:visited  {
color: #000;
text-decoration: none;
}

#leftnav a:link  {
color: #000;
text-decoration: none;
}

#leftnav a  {
color: #000;
text-decoration: none;
}

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








/* leftnav */

#leftnav ul {
margin: 0;
padding: 0;
list-style:none;
font-size: 130%;
}

#leftnav li.one {
height: 45px;
color:#333333;
padding: 20px 0 0 60px;
border-bottom: 1px solid #000;
background-image:url(./images/nav1.gif);
background-repeat: no-repeat;
background-position: left center;
}

#leftnav li.two {
height: 45px;
color:#333333;
padding: 20px 0 0 60px;
border-bottom: 1px solid #000;
background-image:url(./images/nav2.gif);
background-repeat: no-repeat;
background-position: left center;
}

#leftnav li.three {
height: 45px;
color:#333333;
padding: 20px 0 0 60px;
border-bottom: 1px solid #000;
background-image:url(./images/nav3.gif);
background-repeat: no-repeat;
background-position: left center;
}

#leftnav li.four {
height: 45px;
color:#333333;
padding: 20px 0 0 60px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background-image:url(./images/nav4.gif);
background-repeat: no-repeat;
background-position: left center;
}

#leftnav li.five {
height: 45px;
color:#333333;
padding: 20px 0 0 60px;
border-bottom: 1px solid #000;
background-image:url(./images/nav5.gif);
background-repeat: no-repeat;
background-position: left center;
}

#leftnav li.six {
height: 45px;
color:#333333;
padding: 20px 0 0 60px;
border-bottom: 1px solid #000;
background-image:url(./images/nav6.gif);
background-repeat: no-repeat;
background-position: left center;
}

#leftnav li.seven {
height: 45px;
color:#333333;
padding: 20px 0 0 60px;
border-bottom: 1px solid #000;
background-image:url(./images/nav7.gif);
background-repeat: no-repeat;
background-position: left center;
}

#leftnav li.eight {
height: 45px;
color:#333333;
padding: 20px 0 0 60px;
border-bottom: 1px solid #000;
background-image:url(./images/nav8.gif);
background-repeat: no-repeat;
background-position: left center;
}

#leftnav li.nine {
height: 45px;
color:#333333;
padding: 20px 0 0 60px;
border-bottom: 1px solid #000;
background-image:url(./images/nav9.gif);
background-repeat: no-repeat;
background-position: left center;
}