/* dalla grafica di Raffaele Commone */

body,
html{
	margin:0;
	padding:0;
}
body {
	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	width:100%;
	top:0;
	left:0;
	height:115px;
	position:absolute;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:fixed;
}
div#header {
	height:80px;
	width:720px;
	margin:0 auto;
}

div#header p{
	width:530px;
	margin:0 auto;
        margin-top: -1.1em;
}

div#avmenu{
	height:15px;
        width:720px;
	margin:0 auto;
        border-right: 1px solid #000;
        border-left: 1px solid #000;
}

#avmenu #sideMenu{
width:530px;
	margin:0 auto;
}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:100px 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:17px;
	padding-bottom:20px;
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}
div#middle {
background-color: #FFFFAA;
	width:720px;
	margin:0 auto;
        border-right: 1px solid #000;
        border-left: 1px solid #000;
}

div#sidebar {
	width:285px;
	float:left;
        margin-top: 20px;
        padding: 20px 0 0 5px;
        position: fixed;
}
div#content {
	padding:20px 10px 20px 10px;
	margin-left:285px;
}
/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:30px;
}
body>div#footerwrap {
	position:fixed;
}
div#footer {
	height:30px;
	width:720px;
	margin:0 auto;
}

body{
background-color: #FFFFFF;
}


#header{
border-bottom: 1px solid red;
border-right: 1px solid #000;
border-left: 1px solid #000;
background-color: orange;
font-family: Arial Black, Verdana, sans-serif;
}

#avmenu{
background-color: #FFFFAA;
}

#avmenu ul.topnav {
margin:0;
list-style-type: none;
display: inline;
padding: 0;

}

.topnav li{
display: inline;
border: none;
margin: 0;
padding: 0;
}

.topnav a{
display: inline;
color: orange;
text-decoration: none;
font-family: Arial Black, Verdana, sans-serif;
font-size: 0.8em;
width: 9em;
margin: 0;
padding: 0;
border: none;
}

.topnav a:hover{
color: white;
background-color: orange;
margin: 0;
padding: 0;
border: none;
}

div#footer{
text-align: center;
font-family: Arial Black, Verdana, sans-serif;
font-size: 0.6em;
color: #FFFFFF;
background-color: orange;
background-image: url(/assets/templates/rivista/images/rotolo.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
border-top: 1px solid red;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
#sidebar img{
width: 100%;
}


#content{
font-size: 0.8em;
font-family: Verdana, sans-serif;
text-align: justify;
}


#content h2{
font-family: Arial Black, Verdana, sans-serif;
}


#tipDiv{
width: 160px;
font-family : Verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #000000;
background-color: orange; 
border-color: red;
border-width: 1px;
border-style: solid;
padding: 4px;
}


form {
    margin: 0;
    padding: 0;


}

fieldset {
    margin: 1em 0;
    border: none;
    border-top: 1px solid #ccc;
}

legend {
    margin: 1em 0;
    padding: 0 .5em;
    color: #036;
    background: transparent;
    font-size: 1.3em;
    font-weight: bold;
}

label.wide1 {
    float: left;
    width: 200px;
    padding: 0 0;
    text-align: left;
}

fieldset div {
    margin-bottom: .5em;
    padding: 0;
    display: block;
}

fieldset div input, fieldset div textarea {
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px;
    color: #333;
}

fieldset div input.wide1, fieldset div textarea {
    width: 390px;
}

 fieldset div textarea{
height: 300px;
}

.error{
color: red;
font-weight: bold;
}

.message{
color: green;
font-weight: bold;
}