﻿* {
	border-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

body {margin: 0; padding: 0; font: 90% "Trebuchet MS", verdana, tahoma, sans-serif; color: #111; background: #F0F0F0; line-height: 1.5em;}

/* *****************************common properties *****************************/
p {color: #000000; font-size: 90%;}
h1 {font-size: 1.3em; text-transform: uppercase; letter-spacing: 3px; color: #0066FF; padding: 1em 0;}
.subH1 {font-size: 80%; font-weight: lighter; text-transform: none; color: #0066ff; font-style: italic;}
h2 {font-size: 1.3em; font-weight: lighter; text-transform: uppercase; letter-spacing:2px; color: #6699ff; padding: 10px; text-align: left;}
h3 {
	font-size: 1.1em;
	color: #3366FF;
	padding: 10px;
	text-align: center;
}
h4 {font-size: 1.0em; color: #6699ff;text-transform:uppercase;padding: 0px; text-align:center;}

em {color: #111;font-size: 90%;font-weight: bold;font-style: italic;}

.fonte {line-height:normal; font-style:italic; color: #333333;	font-size: 70%;	text-align: right; margin-left: 80px;}
.versetto {color: #CC6600; font-weight:bolder}
.enfasi {color:#000099; font-weight:bolder}
.caption {color: #000099; font-weight:bold; font-size:70%; text-align: center; line-height: normal;}
.quote {color: #000099; font-size:85%; margin-left: 15px; line-height: normal;}
.counter-numero {font-size: 80%; text-align: center; line-height: normal;color: #000099; margin: 50px;}
.big {letter-spacing: 2px;font-size: 125%;font-weight: normal;margin: 1em 0;}
.clear {clear:both; height:1px; width:1px; line-height:0em; overflow:hidden;}
.indent {margin-left: 30px;}
.indent2 {margin-left: 45px;}

/* links */
a {background-position: inherit;
	text-decoration: none;	color: #6699ff; 	background-image: inherit;
	background-repeat: inherit;
	background-attachment: inherit;
}
a:visited {text-decoration: none;color:#808080;background: inherit;}
a:hover {text-decoration: none; color: #666666; background: inherit; background-color: #E9F5FC;}

					/*  images */
img {border: 1px solid white;}

.imgleft {float: left; margin: 0 20px 0 10px; border: thin silver solid; padding: 10px; font-size:80%; color:navy; text-align: center; line-height:normal; width: 160px;}
.imgright {float: right; margin: 0 10px 0 20px; border: thin silver solid; padding: 10px; font-size:80%; color:navy; text-align: center; line-height:normal; width: 160px;}
.imgleftsm {float: left; margin: 0 20px 0 10px; border: thin silver solid; padding: 10px; font-size:80%; color:navy; text-align: center; line-height:normal; width: 100px;}
.imgrightsm {float: right; margin: 0 10px 0 20px; border: thin silver solid; padding: 10px; font-size:80%; color:navy; text-align: center; line-height:normal; width: 100px;}
.imgleftbig {float: left; margin: 0 20px 0 10px; border: thin silver solid; padding: 10px; font-size:80%; color:navy; text-align: center; line-height:normal; width: 240px;}
.imgrightbig {float: right;	margin: 0 10px 0 20px; border: thin silver solid; padding: 10px; font-size: 80%; color: navy; text-align: center; line-height:normal; width: 240px;}
.imghoverborder {padding: 1px; border-width: 0px;}
.imgrightsmsidebar {float: none; margin: 0px 10px 50px 43px; border: 1px white solid; font-size:80%; color:navy; text-align: center; line-height:normal; }
.imgrightspeciale {float: right; margin: 0 10px 0 10px; border: thin silver solid; font-size: 80%; color: navy; text-align: center; line-height: normal;}
a:hover img {padding: 0px; border: 1px solid silver;} 

					/* MAIN CONTAINER */
#container {
	border-left: medium #C0C0C0 solid;
	border-right: medium #C0C0C0 solid;
	width : 900px;
	margin : 0 auto;
	background : transparent;
}
					/* TOP TITLE BAR */
#top {
margin-top: 0;
padding-top:10px;
height:155px;
color :#000;
background :transparent;
	text-align: left;
}
#top h1 {
letter-spacing :0px;
text-align: center;
margin-left:0px;
color: #6699ff;
background :#ffcc99;
font-size:medium
}
#top p {
text-align: left;
padding : 0px 0px 0 0;
color: #111;
font-size: 0.9em;
}
#top a:link, #top a:visited {
	color: #808080;
	background: transparent;
	line-height: normal;
}
#top a:hover { 
color: #6699ff;
background:transparent;
}
					/* LEFT HOLDER SIDEBAR */
#leftholder {float: left; width: 200px; margin: 60px 0 0 0px;}
#leftholder p {padding : 10px;}

					/* RIGHT SIDEBAR */
#rightnav {float: right; width: 205px; margin: 45px 0 0 20px;}
#rightnav p {padding: 10px;}
#rightnav ul li {
	margin: 0 0 0 1.5em;
	padding: 0.3em 0;
	border-bottom: 1px solid #ccc;
	color: #5C5C5C;
}
#correlate {border-left: 4px solid #FFCC99; font-size:90%; margin-bottom: 25px;}
#tutte {border-left: 4px solid #FFCC99; font-size:90%; margin-bottom: 25px;}

					/* MAIN CONTENT */
#content {margin : 45px 10px 10px 210px;}
#content p {padding: 10px;}
#content ul li {margin: 0 0 0 3.0em; padding: 0.3em 0; font-size:90%;}

#table2x .table div {
float:left; 
width: 320px; 
height: 500px;
display: inline; 
overflow: hidden;
}

					/* HOME CONTENT */
#homecontents p {padding:10px; text-align: left;
	}
#homecontents .homesmall {line-height:normal; font-style:italic; color: #333333; font-size: 80%;}
#homecontents ul {padding: 10px 0 20px 0; font-size: 80%; margin: 0 0 0 3.0em; font-family: Arial, Helvetica, sans-serif;}
#homecontents li a:link {
	color: #6699FF;
}, a:visited {color:#808080;} 

					/* FOOTER */
#footer {
	border-top: 3px solid #6699ff;
	clear : both;
	padding : 0.3em;
	font-size: 0.8em;
	color : #333;
	background : inherit;
	background-color: #F5F5F5;
}
#ft .nav div {float:left; width:210px; display:inline; overflow:hidden;}
#ft .nav ul {padding: 0 23px; color: navy; line-height: 15px; font-family: Arial, Helvetica, sans-serif;}
#ft .nav li a:link {color:navy;}, a:visited {color:#808080;} 

#ft .nav h3 {padding: 0 10px; text-align: left; color:#6699ff; text-transform:uppercase; font-weight:bold;}

#ft #copyright {
	position: relative;
	margin: 0;
	padding: 0px 0px 0px 0px;
	color: #6699ff;
	background: inherit;
	background-color: #6699ff;
}

					/* MENU LEFT CONTENT */
#menu {
width: 200;
background: #6699ff;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
letter-spacing: 2px;
font-size: 70%;font-weight: bold;
font-family: helvetica, "Trebuchet MS", arial, sans-serif;
display: block;
height:16px;
border-width: 1px;
border-style: solid;
border-color: #6699ff #fff #99ccff #fff;
margin: 0;
padding: 0.3em 0.2em 0.6em 0.4em;  /* when i changed this Vertical css covered line above it */

}

#menu h2 {
color: #111;
background: #fff; /* color of non link titles */
text-transform: uppercase;
}

#menu a {
color: #111;
background: #6699ff;
border-color: #6699ff #6699ff #99ccff #6699ff;
text-decoration: none;
}

#menu a:hover {
color: #fff;
background: #99ccff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


					/* SEARCH BOX*/
.search {margin: 5px 0;}
input {margin: 5px; padding: 5px; background : #ccc; color : #000;}
#cerca {border-left: 4px solid #FFCC99; font-size:90%;}

					/* to print only content */
@media print {
#top, #menuh-container, #rightnav, #leftholder, #footer {display: none;}
#content {margin: 0; padding: 0; font-size: 14pt}
#container {border: none;}
}




