a {color: #333333;}
a:hover {color: #ffffff;}
a:visited {color: #333333;}

#logo {
background-image: url(logo.png);
width: 313px;
height: 176px;
background-repeat: no-repeat;
}

form {margin-top: 10px;}
input, textarea {
width: 200px;
}

h1 {
font-size: 11px; 
font-weight: bold;
margin: 0px 0px 5px 0px;
}

h2 {
font-size: 11px; 
font-weight: bold;
background-color: white;
color: #000000;
padding: 2px;
}

body {
font-family: verdana, arial;
font-size: 11px;
color: white;
text-align: center;
background-image: url(bg.jpg);
}

div.elementsingle {
float: right;
width: 257px;
height: 345px;
padding-right: 5px;
padding-top: 10px;
overflow: auto;
}

img {
float: left;
}

div#box {
width: 800px;
height: 500px;
margin: auto;
}


div#menu2, div#menu1 {
float: left;
width: 800px;
height: 24px;
background-color: #78772B;
}

div#menu3 {
float: left;
width: 800px;
height: 24px;
}

div#menu2 {
margin-top: 1px;
margin-bottom: 20px;
}



div#menu1 ul, div#menu2 ul {
float: left;
width: 800px;
height: 15px;

margin: 0px;
padding: 0px;                
padding-top: 4px;
padding-bottom: 4px;
background-color: #78772B;
}

div#menu3 ul {
float: left;
width: 800px;
height: 15px;

margin: 0px;
padding: 0px;                
padding-top: 4px;
padding-bottom: 4px;
}


div#menu1 ul li, div#menu2 ul li,  div#menu3 ul li{
float: left;
list-style-type: none;
}

div#menu3 ul li{
margin-right:10px;
}

div#menu1 ul li.act a, div#menu2 ul li.act a{
color: #000000;
}

div#menu1 ul li a, div#menu2 ul li a {
font-size: 11px;
text-decoration: none;

margin: 0px 5px 0px 5px;
color: white;
text-transform: uppercase;
}

div#menu1 ul li a:hover, div#menu2 ul li a:hover {
color: #333333;
}


div#menu3 ul li a {
font-size: 11px;
text-decoration: none;

color: #333333;
text-transform: uppercase;
}

div#content {
width: 800px;
float: left;
background-color: #78772B;
text-align: left;
/*height: 430px;*/
}


div#logo {
width: 800px;
height: 100px;
float: left;
display: block;
margin-top: 20px;
}