html, body{
margin:0;
padding:0;
font-family: Verdana, sans-serif;
text-align:center;
background:#FFF url(img-paper.gif) no-repeat center top;
}

#container{
margin:20px auto;
padding:0;
width:697px;
overflow: auto;
border:0px;
text-align:center;

}


#testata{
margin:0;
padding:0;
height:40px;
line-height:40px;
}

#testata h4{
margin:0;
padding:5px;
font-size:1.5em;
}

#corpo{
margin:0;
padding:0;
overflow: auto;
text-align:left;
position:relative;
}

#menu{
float:left;
margin:0;
padding:0;
width:170px;
height:250px;
text-align:left;
}

#menu ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
line-height:1.6em;
}

#menu li a{
margin:4px 0 0 10px;
padding:0;
width:150px;
display:block;
font-weight:bold;
font-size:76%;
text-decoration:none;
color:#09d;
border:1px solid #fff;
}

#menu li a:visited{
margin:4px 0 0 10px;
padding:0;
width:150px;
display:block;
font-weight:bold;
font-size:76%;
text-decoration:none;
color:#09d;
border:1px solid #fff;
}

#menu li a:hover{
margin:4px 0 0 10px;
padding:0;
text-decoration:none;
border:1px dashed #666;
color:#000;
background-color:#ddd;
}

#menu li a span {
display: none;
}

#menu li  a:hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left:20%;
top: 100px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
font-size:0.8em;
}

#content{
margin:0;
padding:5px;
width:498px;
float:right;
text-align:justify;
font-size:0.6em;
}


#content h4{
margin:0;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
color:#000;
}

#counter {
}

p {
font-size: 16px;
}

#requirements
{
clear:both;

margin-bottom:20px;
background:transparent url(img-pen.gif) no-repeat left bottom;
padding-bottom:45px;
}