body{
font-family: Arial;
color: white;
font-size: 10px;
margin-top: 0px;
margin-left: 0px;
margin-left: 0px;
background-image: url('images/bg.png');
background-position: top;
/*background-repeat: no-repeat;*/
}

a{
text-decoration: none;
color: white;
font-size: 11px;
font-weight: bold;
}

a:hover{
text-decoration: underline;
color: white;
font-size: 11px;
font-weight: bold;
}

#content{
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 1000px;
height: 880px;
}

#menu{
position: absolute;
left: 0px;
top: -10px;
width: 1000px;
height: 50px;
background-image: url('images/menu.png');
}

#menu ul {
display: block;
list-style: none;
margin: 0px;
padding: 0px;
color: #bdbdbb;
font-size: 26px;
}

#menu ul li{
margin: 0px;
padding: 0px;
float: left;
width: 150px;
color: #;
font-size: 26px;
}

#menu ul li ul {
display: none;
}

#menu ul li:hover ul {
display: block;
color: #bdbdbb;
font-size: 26px;
background-color: black;
font-size: 10px;
}

#menu ul li a{
display: block;
color: #bdbdbb;
font-size: 26px;
} 

#menu ul li ul li a{
display: block;
color: #bdbdbb;
font-size: 20px;
background-color: black;
}

#menu ul li ul li{
color: #bdbdbb;
font-size: 20px;
background-color: black;
}

#menu ul a:hover, #menu ul li a:hover{
color: white;
font-size: 26px;
text-decoration: none;
}

#menu ul li ul a:hover, #menu ul li ul li a:hover {
color: white;
font-size: 20px;
background-color: black;
text-decoration: none;
}

#top{
position: absolute;
left: 0px;
top: 40px;
width: 1000px;
height: 108px;
background-image: url('images/top.png');
}

#left{
position: absolute;
left: 0px;
top: 158px;
width: 283px;
height: 641px;
background-image: url('images/left.png');
}

#right{
position: absolute;
right: 0px;
top: 158px;
width: 287px;
height: 641px;
background-image: url('images/right.png');
}
/*
#callendar{
position: absolute;
right: 50px;
top: 60px;
width: 230px;
height: 169px;
background-image: url('images/callendar.png');
background-repeat: no-repeat;
}


#callendar div.cal{
display: none;
position: absolute;
left: 0px;
top: 0px;
width:950px;
height:400px;
background-color:green;
}

#callendar:hover{
position: absolute;
right: 15px;
top: 60px;
width: 950px;
height:400px;
}

#callendar:hover div.cal{
display:block;
position: absolute;
left: 0px;
top: 0px;
width:950px;
height:400px;
}
*/
#mail{
position: absolute;
left: 15px;
top: 345px;
width: 259px;
height: 60px;

}

#subcontent{
position: absolute;
left: 294px;
top: 158px;
width: 408px;
height: 641px;
background-image: url('images/subcontent.png');
overflow: auto;
}

#leftfooter{
position: absolute;
left: 0px;
top: 810px;
width: 421px;
height: 64px;
background-image: url('images/leftfooter.png');
}

#rightfooter{
position: absolute;
left: 428px;
top: 810px;
width: 382px;
height: 64px;
background-image: url('images/rightfooter.png');
}

#logo{
position: absolute;
right: 0px;
top: 810px;
width: 183px;
height: 64px;
background-image: url('images/logo.png');
}

#news{
position: absolute;
left:50px;
top:30px;
width: 450px;
height: 250px;
background-color: lightgrey;
}

#list{
position: absolute;
right: 50px;
top: 150px;
width: 300px;
height: 500px;
background-color: lightgreen;
}

#actual{
position: absolute;
left: 15px;
top: 475px;
width: 259px;
height: 160px;
}

.title{
font-size: 14px;
color: darkblue;
font-weight: bold;
}

.date{
font-size: 10px;
color: grey;
}

.content{
font-size: 11px;
color: black;
text-align: justify;
}

.author{
font-size: 11px;
color: black;
}

#central a{
color: yellow;
text-decoration: none;
font-weight: normal;
}

#central a:hover{
color: yellow;
text-decoration: underline;
font-weight: normal;
}