/* GENERALI */

a { color: #123; }
a:hover { color: #c00; text-decoration: underline; }
body { background: #567; margin: 10px; }

/* TESTATA */

div#main { margin: 5px auto; width: 750px; padding: 0; background: #d2d6e8;  }
div#header {
	display: block;
	background: transparent url(../img/headerbg.jpg) top left no-repeat; 
	padding: 130px 0px 0px 193px; 
	margin: 0;
}
div#header img#logo { margin: 15px; }

/* MENU */

ul#menu { display: block; 
	margin: 0;
	height: 30px;
	width: 550px;
	padding: 0;
}
ul#menu li { 
	display: block; 
	float: left; 
	height: 24px; 
	vertical-align: middle;
	font: bold 12px/20px "Arial","Helvetica",sans-serif; 
	padding: 0; 
}
ul#menu li.dn {  }
ul#menu li a { display: block; text-decoration: none; height: 24px; padding: 0px 10px; width: 90px;
	background-image: url(../img/menuon.gif); background-position: top left; background-repeat: no-repeat; color: white;
}
ul#menu li a:hover { text-decoration: underline; 
	background-image: url(../img/menuon.gif); background-position: left bottom; background-repeat: no-repeat;
}
ul#menu li.dn a { background-image: url(../img/menudn.gif); color: #123; }
ul#menu li.dn a:hover { background-image: url(../img/menudn.gif); text-decoration: underline; }

/* CRUMBS */

div#crumbs { clear: both; height: 24px; background: url(../img/bread.gif) bottom left repeat-x; 
	padding: 12px 20px; font: normal 11px/24px "Arial","Helvetica",sans-serif; color: #567; }
div#crumbs a { color: #567; text-decoration: none; }
div#crumbs a:hover { color: #c00; text-decoration: underline; }

/* CONTENT */

div#body  { background: url(../img/content-bg.gif) top left repeat-y;  min-height: 300px;
	padding: 5px 20px; }

div#content  { float: left; width: 450px; padding: 0px 20px; font: normal 14px/24px "Palatino", "Georgia", "Arial","Helvetica",sans-serif; color: #333; }
div#content h1 { color: #336; font: normal 28px/30px "Lucida Grande", "Lucida Sans Unicode", "Arial","Helvetica",sans-serif; }
div#content div.APsummary { font-style: italic; font-size: 14px; }

/* FOOTER */

div#footer  { background: url(../img/footer.gif) bottom left no-repeat; 
	padding: 10px 0 5px 0; text-align: center; font: normal 11px/24px "Arial","Helvetica",sans-serif; color: #789; }
div#footer a { color: #789; }
div#footer a:hover { color: #c00; }

/* RIGHT */

div#right { background: #e8eaf3 url(../img/rmenu-top.gif) top left no-repeat; float: right; 
	 margin: 0; margin-left: 10px; width: 180px; padding: 0px; padding-top: 20px; width: 200px; }
div#right div.submenu { font: normal 12px "Lucida Grande", "Verdana", "Arial","Helvetica",sans-serif; color: #333; background: #b7c5de url(../img/rmenu-bottom.gif) bottom left no-repeat; padding-bottom: 20px; }
div#right div.submenu ul { margin: 0; padding: 0; }
div#right div.submenu ul li { display: block; background: url(../img/rmenu-li.gif) top left repeat-y; 
	font: normal 12px "Lucida Grande", "Verdana", "Arial","Helvetica",sans-serif; padding: 6px 0px 6px 24px; margin: 0; }
div#right div.submenu ul li a { color: #666; text-decoration: none; }
div#right div.submenu ul li a:hover { color: #c00; text-decoration: underline; }
div#right div.submenu ul li.selected { background: url(../img/rmenu-selected.gif); font-weight: bold;  }
div#right div.submenu ul li.sottosezione { font-weight: bold; font-size: 18px; }
div#right div.submenu ul li.sottosezione a { color: white; }

/* IMAGES */

/* IMAGES */
div.APimgleft { float: left; margin-right: 20px; margin-bottom: 10px; color: #666; font: normal 10px "Verdana","Arial", sans-serif; line-height: 12px; }
div.APimgright { float: right; margin-left: 20px; margin-bottom: 10px; color: #666; font: normal 10px "Verdana","Arial", sans-serif; line-height: 12px; }
div.APimgunaligned { margin: 10px; color: #888; font: normal 10px "Arial", sans-serif; line-height: 12px; }
div.APimginbox { margin: 0px; color: #888; font: normal 10px "Arial", sans-serif; line-height: 12px; }
div.APimglistmain { float: left; margin-right: 10px; margin-bottom: 0px; color: #888; font: normal 10px "Arial", sans-serif; line-height: 12px; }

/* MOREIMAGES */
div#content div.IMGleft { clear: left; float: left; margin: 10px 20px 10px 0px; color: #888; font: normal 10px "Arial", sans-serif; line-height: 12px; border: 1px solid black; }
div.IMGright { clear: right; float: right; margin: 10px 0px 10px 20px; color: #888; font: normal 10px "Arial", sans-serif; line-height: 12px; }
div.IMGcenter { text-align: center; margin: 10px 0px 10px 0px; color: #888; font: normal 10px "Arial", sans-serif; line-height: 12px; width: 100%; }