html {
	scrollbar-arrow-color:#0000ff;
        scrollbar-base-color:#d0d0d0;
}

body {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #0a77d5;
	background-image:url(bg.jpg);
	background-repeat:repeat-x;
	background-color: #efefef;
	cursor: url("mouse.cur"), default;
	text-align:center;
}

a {
	text-decoration: none;
	color:  #dd2000;
	outline: none;
	font-size: 11px;
	}
a:visited {
	color:  #dd2000;
	}
a:active {
	color:  #dd2000;
	}
a:hover {
	color: #ff9d10;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 11px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	}

ul {
	font-size: 11px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
	
#clock {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0a77d5;
	text-align:right;
	}
	
.clock {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0a77d5;
	text-align:right;
	}	

.menu {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #eeeeee;
}

a.menu {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #eeeeee;
}

a.menu:visited {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #eeeeee;
}

a.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0a77d5;
	text-decoration: none;
	background-image: url(../img/p0/menuhover.gif);
	height: 34px;
	width: 128px;
	display: block;
	line-height: 34px;
}

.menudx {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.menudx {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #eeeeee;
}

a.menudx:visited {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #eeeeee;
}

a.menudx:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0a77d5;
	text-decoration: none;
	background-image: url(../img/p0/menuhoverdx.gif);
	display: block;
	height: 34px;
	width: 128px;
	display: block;
	line-height: 34px;
}

.menusx {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.menusx {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #eeeeee;
}

a.menusx:visited {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #eeeeee;
}

a.menusx:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0a77d5;
	text-decoration: none;
	background-image: url(../img/p0/menuhoversx.gif);
	height: 34px;
	width: 128px;
	display: block;
	line-height: 34px;
}

.menu:visited {display: block;}
.menu:link {display: block;}

.ipodmenu {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #eeeeee;
}

a.ipodmenu1:hover {
	text-decoration: none;
	background-image: url(../img/gallery/bgSel1.gif);
	height: 17px;
	width: 116px;
	display: block;
	line-height: 17px;
}
a.ipodmenu2:hover {
	text-decoration: none;
	background-image: url(../img/gallery/bgSel2.gif);
	height: 17px;
	width: 116px;
	display: block;
	line-height: 17px;
}
a.ipodmenu3:hover {
	text-decoration: none;
	background-image: url(../img/gallery/bgSel3.gif);
	height: 17px;
	width: 116px;
	display: block;
	line-height: 17px;
}
a.ipodmenu4:hover {
	text-decoration: none;
	background-image: url(../img/gallery/bgSel4.gif);
	height: 17px;
	width: 116px;
	display: block;
	line-height: 17px;
}
a.ipodmenu5:hover {
	text-decoration: none;
	background-image: url(../img/gallery/bgSel5.gif);
	height: 17px;
	width: 116px;
	display: block;
	line-height: 17px;
}

.ipodmenu:visited {display: block;}
.ipodmenu:link {display: block;}

#keywordbox {
	margin:auto;
	text-align:center;
	width:760px;
	height:140px;
	background-image:url(../img/mappa/keywordboxbg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

