body  { text-align: center; background: #7b7cff}
#main {margin: 0 auto; width: 776px}
#logo { width: 100%; height:180px; background: #294EC3 url("../images/medsup.jpg") top repeat-x; 
font-family: verdana; font-size: 12px; font-weight: bold; color: #EDD200; text-align: right}
#logo1 { width: 100%; height:180px; background: url("../images/medinf.jpg") bottom repeat-x;}
#logo2 { width: 100%; height:180px; background: url("../images/medsn.jpg") left repeat-y;}
#logo3 { width: 100%; height:180px; background: url("../images/meddx.jpg") right repeat-y;}
#logo4 { width: 100%; height:180px; background: url("../images/supsn.jpg") top left no-repeat;}
#logo5 { width: 100%; height:180px; background: url("../images/infsn.jpg") bottom left no-repeat;}
#logo6 { width: 100%; height:180px; background: url("../images/supdx.jpg") top right no-repeat;}
#logo7 { width: 100%; height:180px; background: url("../images/infdx.jpg") bottom right no-repeat;}
#logo8 { margin-left: 15px; width: 100%; height:180px; background: url("../images/direcons1.jpg") left no-repeat;}
#logo8 ul { padding-top: 130px; padding-right: 30px;}
#logo8 ul li {list-style: none; display: inline}
#logo8 form {display: inline;}
#nav { width: 100%; font-family: verdana; font-size: 10px; font-weight: bold; color: #EDD200; margin-top: 7px}
#nav #middle { float: left; width: 72%; text-align: justify; }
#nav #middle p {font-family: verdana; font-size: 12px; color: navy; margin-top: 15px; margin-left: 15px;}
#nav #middle ul.new {list-style: none; margin-top: 10px; margin-left: 20px}
#nav #middle ul.new li {margin-top: 10px; list-style-image: url(../images/foldclose.gif)}
#nav #middle ul.new li:hover {list-style-image: url(../images/foldopen.gif)}
#nav #middle #testata {width: 98%; text-align: center; font-family: verdana; background-color:navy; color: white; font-weight:bold; font-size: 14px; margin-top: 50px; margin-left: 20px;}
#nav #middle #testata1 {width: 95%; text-align: left; font-family: verdana; font-weight:bold; font-size: 14px; margin-top: 0px; padding-top: 8px; margin-left: 20px;}
#nav #middle #testata1 .main {border-top: 1px solid #294EC3; border-left: 1px solid #294EC3; border-right: 1px solid #294EC3; padding: 5px 5px 5px 5px; margin-right: 3px; display: inline; list-style: none; height: 30px; text-align: left; background: #294EC3; font-family: verdana; font-weight:bold; font-size: 10px;}
#nav #middle #testata1 .sub {border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; padding: 5px 5px 5px 5px; margin-right: 3px; display: inline; list-style: none; height: 30px; text-align: center; background: #ECC5CE; font-family: verdana; color: maroon; font-weight:bold; font-size: 10px;}
#nav #middle #testata1 .sub a {text-decoration: none; color: maroon}
#nav #middle #testata1 .sub a:hover {text-decoration: none; color: navy}
#nav #middle #testata1 .spacer {margin-top: 4px; height: 30px; background: #294EC3; font-size: 12px}
#nav #middle #testata1 .spacer span {margin-left: 12px}
#nav #middle #news {margin-top: 10px; margin-left: 20px;}
#nav #middle #corpo {height: 300px; margin-top: 10px; margin-left: 20px; overflow: auto;}
#nav #middle #corpo ul.link li {margin-left: 10px; margin-right: 10px; list-style-image: url(../images/link.gif); list-style-position:outside;}
#nav #middle #corpo p {margin-left: 10px; margin-right: 10px;}
#nav #middle #corpo p.titolo {text-align: center;}
#nav #middle #corpo ul.elenco li {list-style: square; font-family: verdana; margin-right: 10px; font-size: 12px; color: navy;}
#nav #middle #corpo ul.elenconum li {list-style: decimal; font-family: verdana; margin-right: 10px; font-size: 12px; color: navy;}
#nav #middle #corpo ul.elencolett li {list-style:lower-alpha; font-family: verdana; margin-right: 10px; font-size: 12px; color: navy;}
#nav #middle #corpo ul.elencolett ul li {list-style: square; font-family: verdana; margin-right: 10px; font-size: 12px; color: navy;}
#nav #middle #corpo1 {margin-top: 10px; height: 300px; margin-left: 20px; text-align: center; overflow: auto}
#nav #middle #corpo1 th {font-family: verdana; color: white; margin-left: 10px; font-size: 12px;}
#nav #middle #corpo1 td {font-family: verdana; color: navy; margin-left: 10px; font-size: 12px; text-align: left}
#nav #left { width:145px; float:left; margin-left:10px;}
#nav #left ul {margin:0; margin-bottom: 20px; padding:0; color:#7b7cff; background-color: #4765C3; border-top: 1px solid #294EC3; border-right: 1px solid #294EC3; width: 143px}
#nav #left li {font-weight:bold; position:relative; list-style:none; margin: 0; padding: 0; border-left:8px solid #294EC3; border-bottom: 1px solid #294EC3; width: 135px;}
#nav #left li:hover {position:relative; list-style:none; margin: 0; background-color:#4765C3; padding: 0; border-left:8px solid navy; border-bottom: 1px solid #294EC3;}
#nav #left li.submenu {margin:0; width: 135px}
#nav #left li.submenu:hover {z-index:70;margin:0; color:#fff; background: #4765C3; border-left:8px solid navy;}
#nav #left li a {display:block; padding:3px; text-decoration:none; color: yellow; width: 143px;}
#nav #left li a:hover {display:block; padding:3px; color:white; background-color:#294EC3;}
#nav #left>ul a {width: auto;}
#nav #left ul ul {position:absolute; top:0; left:120px; display:none;}
#nav #left ul.level1 li.submenu:hover ul.level2, #nav #left ul.level2 li.submenu:hover ul.level3 {display:block;}
.speciallink { width: 100%; display: block; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: maroon; text-decoration: underline;  }
.speciallink:link {width: 100%; display: block; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: maroon; text-decoration: none }
.speciallink:hover  {width: 100%; display: block; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: white; text-decoration: none; background-color: maroon }
.normlink { width: 100%; height: 38px; display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: navy; text-decoration: none }
.normlink:link {width: 100%; height: 38px; display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: navy; text-decoration: none }
.normlink:hover {width: 100%; height: 38px; display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: white; text-decoration: none; background-color: blue }
.doclink {display:block; padding:10px; text-decoration:none; color: maroon;}
.doclink:hover {display:block; padding:10px; color:white; background-color:#294EC3;}
#footer {float: left; margin-top: 90px; width: 100%; height:90px; background: #294Ec3 url("../images/medsup.jpg") top repeat-x; 
font-family: verdana; font-size: 12px; font-weight: bold; color: #EDD200; text-align: center}
#footer1 {width: 100%; height: 10px; margin-top: 140px; background: #7b7cff;}
#footer2 { width: 100%; height:90px; background: url("../images/medinf.jpg") bottom repeat-x;}
#footer3 { width: 100%; height:90px; background: url("../images/medsn.jpg") left repeat-y;}
#footer4 { width: 100%; height:90px; background: url("../images/meddx.jpg") right repeat-y;}
#footer5 { width: 100%; height:90px; background: url("../images/supsn.jpg") top left no-repeat;}
#footer6 { width: 100%; height:90px; background: url("../images/infsn.jpg") bottom left no-repeat;}
#footer7 { width: 100%; height:90px; background: url("../images/supdx.jpg") top right no-repeat;}
#footer8 { width: 100%; height:90px; background: url("../images/infdx.jpg") bottom right no-repeat;}
#footer8 ul li { list-style: none; display: inline}
legend {font-family: verdana; font-size: 16px; color: navy}
fieldset {font-family: verdana; font-size: 12px; color: navy}
.llink { width: 100%; display: block; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: navy; text-decoration: none;  }
.llink:link {width: 100%; display: block; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: navy; text-decoration: none }
.llink:hover  {width: 100%; display: block; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: maroon; text-decoration: underline; }
.mlink {font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: navy; text-decoration: none;  }
.mlink:link {font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: navy; text-decoration: none }
.mlink:hover  {font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: maroon; text-decoration: underline; }
.wlink {font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: white; text-decoration: none;  }
.wlink:link {font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: white; text-decoration: none }
.wlink:hover  {font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: yellow; text-decoration: underline; }
.intestazione {float: left; color: white; font-family: verdana; margin-left: 10px; width: 99%; height: 30px; background: #294EC3; font-size: 12px; padding-bottom: 10px}
#dhtmltooltip {	position: absolute;	font-family: verdana, arial; font-size: 11px; color: maroon; font-weight: bold;	width: 150px;
		border: 1px solid black; padding: 2px; background-color: #E6E6FA; visibility: hidden; z-index: 100;}
#F1 p p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px;
border-top: 1px dashed gray;
height: 1%;
} 
#F1 label{
float: left;
margin-left: 2px; 
width: 200px;
text-align: left;
}