/* GENERALI */

a { color: #066; }
a:hover { color: #903; text-decoration: underline; }
body { background: #dddde8; margin: 0; }

/* TESTATA */

div#main { margin: 0px auto; width: 760px; padding: 0; }
div#header { width: 760px; height: 100px; background: white url(../img/header-bg.gif) bottom no-repeat; }
div#header img#logo { margin: 15px; }

/* MENU */

ul#menu { display: block; background: white url(../img/menu-bg.gif) top no-repeat; height: 24px; margin: 0; padding: 0; padding-left: 40px; }
ul#menu li { display: block; float: left; height: 24px; vertical-align: middle;
	font: bold 12px/24px "Arial","Helvetica",sans-serif; padding-left: 30px; }
ul#menu li.dn { background: white url(../img/menu-left.gif) top left no-repeat; }
ul#menu li a { display: block; color: black; text-decoration: none; padding-right: 30px; }
ul#menu li a:hover { color: #903; }
ul#menu li.dn a { background: white url(../img/menu-right.gif) top right no-repeat; }

/* CRUMBS */

div#crumbs { clear: both; height: 20px; background: url(../img/crumbs-bg.gif) top left no-repeat; 
	padding: 5px 40px; font: normal 11px/24px "Arial","Helvetica",sans-serif; color: #ccc; }
div#crumbs a { color: #99b; text-decoration: none; }
div#crumbs a:hover { color: #903; 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 12px/24px "Verdana", "Arial","Helvetica",sans-serif; color: #333; }

div#content h1 { color: #336; font: bold 28px/30px "Arial","Helvetica",sans-serif; }
div#content div.APsummary { font-style: italic; font-size: 14px; }
div#content div.APsummary i { font-style: normal; }

/* FOOTER */

div#footer  { background: url(../img/footer-bg.gif) top left no-repeat; 
	padding: 30px; text-align: center; font: normal 11px/24px "Arial","Helvetica",sans-serif; color: #333; }

/* RIGHT */

div#right { background: url(../img/right-bg.gif) top left repeat-y; float: right; 
	 margin: 0; margin-left: 10px; width: 180px; padding: 0px 10px 30px 10px;  }

div#right div.submenu { font: normal 12px "Arial","Helvetica",sans-serif; color: #333; }
div#right div.submenu h4 { color: #ddd; font-size: 22px; font-weight: bold; margin: 0; margin-bottom: 10px; }
div#right div.submenu ul { margin: 0; padding: 0; }
div#right div.submenu ul li { display: block; width: 150px; background: url(../img/submenu-bg.gif) top left no-repeat; 
	font: normal 12px "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: #903; text-decoration: underline; }

/* 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%; }