/* stili generici */

html,body {
margin: 0;
padding: 0;
background: rgb(242,242,242) url("../images/background.gif") top repeat-x; 
}

body {
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
text-align: center;
}

p {
margin-top: 0;
}

img {
border: 0;
}

/* Container */

div#container {
width: 760px;
margin: 0 auto;
padding: 0;
text-align: left;
}

/* Header -----------------------------------*/

div#header img {
border: solid black 1px;
}

div#header {
width: 760px;
height: 200px;
margin: 0;
padding: 0;
background: url("../images/header.jpg") no-repeat;
}

div#header-right {

width: 273px;
padding: 0;
margin: 0;
text-align: center;
float: right;
}

div#header-right ul {
margin: 10px 0 10px ;
padding: 0;
list-style: none;
}

div#header-right li {
display: inline;
margin: 5px;
}

div#header p {
color: white;
font-variant: small-caps;
position: relative;
top: 125px;
}


/* Navigation -------------------------------------*/

div#navigation {
width: 273px;
padding: 0;
margin: 0;
text-align: center;
float: right;
}

div#menu {
width: 273px;
height: 290px;
margin: 0;
padding-top: 1px;
background: url("../images/menu.gif") no-repeat bottom;
}

div#menu ul {
padding: 0;
margin: 0;
list-style: none;
}

div#menu li {
margin: 10px 0 10px;
padding: 0;
}

div#menu li a {
margin: 0 auto;
display: block;
width: 244px;
line-height: 44px;
text-decoration: none;
background: url("../images/button.gif") no-repeat;
font-family: Verdana,Arial;
font-size: 12px;
color: white;
font-variant: small-caps;
}

div#menu a:hover {
background: url("../images/button-active.gif") no-repeat;
color: rgb(44,81,91);
text-decoration: none;
font-weight: bold;
}

div#menu li#activelink a, div#menu li#activelink a:hover {
background: url("../images/button-active.gif") no-repeat;
color: rgb(44,81,91);
text-decoration: none;
font-weight: bold;
font-size: 14px;
}

/* Content --------------------------------------------------------------------------------------------------*/

div#content {
width: 484px;
margin: 0;
padding: 0;
}

div#content .intro {
width: 460px;
margin-top: 10px;
margin-bottom: 20px;
padding: 10px;
font-size: 14px; 
font-weight: bold;
text-align: center;
line-height: 25px;
}

div#content .news {
width: 460px;
margin: 10px auto;
}

.news h2 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(93,174,195);
margin-bottom: 0;
padding: 3px;
padding-bottom: 5px;
font-size: 22px;
font-weight: bold;
color: #000;
font-family: verdana,arial,helvetica,sans-serif;
}

.news h3.data {
border-left-width: 6px;
border-left-style: solid;
border-left-color: rgb(93,174,195);
font-size: 11px;
font-family: "helvetica",verdana,arial,sans-serif;
margin: 0;
padding: 3px;
float: right;
background: rgb(211,211,211);
}

.news h3.author {
text-align: right;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0;
color: #000000;
font-size: 11px;
font-weight: normal;
padding: 4px;
}

.news p.text {
margin-top: 20px;
line-height: 18px;
text-align: justify;
}

.news p.commentlink {
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding-bottom: 10px;
color: #000;
}

.news p.commentlink a {
color: rgb(83,155,174);
text-decoration: none;
font-size: 10px;
padding: 10px;
}

.news p.commentlink a:hover {
text-decoration: underline;
}

.news img.caticon {
float: left;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 0;
margin-right: 20px;
}


div#content .comment {
padding:3px;
width: 460px;
margin: 10px auto;
}


.comment h3.author {
text-align: right;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0;
color: #000000;
font-size: 9px;
font-weight: normal;
font-style: italic;
padding: 4px;
}


/* Footer */

div#footer {
width: 760px;
margin: 0;
padding: 0;
clear: both;
}