/** CSS RESET **/
		/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*******/
body { background: url(images/background.png) repeat-x 0 0 #000; font:62.5%/1.8em "Trebuchet MS", sans-serif;}
dd { overflow: auto; }
#page h2, #page h3, #footer, a, strong { color: #fff; }

#header { background: url(images/header-trans.png) no-repeat 0 0; width: 774px; height: 344px; margin: -320px -28px 0 -28px; text-indent: -10000px; }

#menu { z-index:1; background: url(images/menu.png) repeat-x 0 0 #fff; height:29px; margin: 0 -40px 25px; -40px; padding: 0 30px; font-size:1em !important; list-style: none; }
#menu > li {z-index:1; float:left; position:relative;}
#menu > li.active { background: url(images/active.png) 50% 0 no-repeat; }
#menu > li > a, #menu > li > span{ font: 1.4em/29px Arial, Helvetica, sans-serif; font-weight:bold; padding: 0 20px; text-decoration: none; text-shadow: #000 1px 1px 5px; color: #fff; cursor: pointer; }
#menu > li:hover > a, #menu > li:hover > span { text-shadow: #000 1px 1px 3px, #fff 0px 0px 15px; }

#menu ul { z-index:1; position:absolute; top:29px; left:0; width:100%; margin: 0 5px; background: #840e0e; font-size:1em !important; list-style:none; white-space:nowrap; }
#menu ul li { display:none; height:29px; float:none; margin: 0 15px; border-bottom: #a24848 1px solid;}
#menu ul li:last-child { border: 0; padding-bottom: 10px }
#menu ul li a { display:block; width: 100%; height:100%; color: #b1b1b1; text-decoration: none; vertical-align: middle; margin: 0 -15px; padding: 0 15px; font: 1.4em/29px Arial, Helvetica, sans-serif; font-weight: bold; }
#menu ul li:hover {  }
#menu ul li a:hover { color: #fff; background: url(images/submenu.png) no-repeat 5px 50%; }
#menu li:hover ul  li{ display: block;}

#page { background: #1b3c35 url(images/page-trans.png) no-repeat left bottom; width: 716px; margin: 0 auto; margin-top: 344px; border-left: 1px #433838 solid; padding: 25px; color: #858585;}
p, ol, ul, dl { font-size:1.4em; }
li p { font-size:1em; }
#page p, #page li {text-align: justify; margin-bottom: 15px;}
#page h2 { font-weight: normal; font-size:1.8em; text-align: center; margin-bottom: 20px;}
#page h3 { font-weight: normal; font-size:1.6em; margin-top: 20px; margin-bottom: 5px;}
#page ol, #page ul { list-style-position: inside; }

#page table { margin: 0 auto 15px auto; border: 2px #858585 solid; padding: 15px;}
#page th { padding: 15px; color: #fff; font-size:1.4em; text-align: justify; border-left: 1px #858585 solid; border-bottom: 1px #858585 solid;}
#page td { padding: 15px; font-size:1.4em; border-left: 1px #858585 solid; border-bottom: 1px #858585 solid;}

#page div#oddscalculator iframe { width: 800px; height:582px; margin-left: -52px;  }
#page div#oddscalculator { width: 716px; height: 582px; border: 1px #858585 solid; background: #fff; overflow:hidden; margin: 25px auto; }

.ads { position:relative; z-index:0; margin: 15px auto; padding: 0; border: 1px #858585 solid; width:715px  }

#chapters {font-size: 1.4em;padding-bottom: 50px; margin: 0 auto; width:100%; overflow: auto; clear: both; }
#chapters a.previous { float:left; width:49%; }
#chapters a.next { float:right; width:49%; text-align:right;}

#boxes { overflow: hidden; width: 766px; margin:0 0 -182px -83px; padding: 0 57px 60px 58px; background: url(images/footer-trans.png) no-repeat left bottom; }
#boxes > div{ width: 25%; height: 154px; background: url(images/ad-trans.png) no-repeat 50% 0; display: block; float: left;}

#boxes a { margin-left:28px;}
#boxes .ad a {margin-left:25px; }
#boxes .ad img { width:140px; height:140px;}
#boxes img { width:135px; height:135px; border:0;padding:0;margin-top:3px}
#footer { text-align:center; font-size: 1.4em; margin-top: 120px;}


img {border: 1px #858585 solid; }
img.left { float:left; margin: 0 15px 10px 0; }
img.right, img.center { float: right; margin: 0 0 10px 15px; }

body#glossario dt { clear:both;float:left; color:#fff; width: 10em;}
body#glossario dd { margin-bottom: 15px;} 

body#introduzione dl { overflow: hidden; margin-bottom: 25px; }
body#introduzione dt { position:relative; top:20px; left: 241px; clear:both; color: #fff; font-size:1.4em; }
body#introduzione dd {margin-top: 20px; padding-left: 20px; }
body#introduzione dd.img { float:left; margin:0; padding:0; width:221px; background: #000; border: 1px #858585 solid;}
body#introduzione dd.img img { margin: 0 auto; border: 0; }