/*basic.css starts here*/

/*Basic rules kind to NN4 etc, such as fonts, bg colour, text, links colours*/

/*It gets rid of default page margin or padding around page's content, useful when you want to position elements relative to the edges of the browser window*/
body {
 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000;
	background-color : #fff;
 	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 1em;
 	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px 1px;
   	PADDING-TOP: 0px;
 }

/*NN4 has got a specific failure to understand inheritance from body, so we must be redundant!*/
p, td, ul, ol, ul, li,dl,dt,dd {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

 p.normal {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1em;
}

#header {
	BACKGROUND: #fff; 
	MARGIN-BOTTOM: 3px; 
	PADDING-TOP: 10px;
}

 .tagline {
	background-color : white;
	color : green;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	width : 203px;
	margin-top : 0px;
	text-align : center;
}

a {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	PADDING-BOTTOM: 2px;
	COLOR: #090;
	background-color: #fff;
	PADDING-TOP: 2px;
	TEXT-DECORATION: underline;
}

a:hover {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	PADDING-BOTTOM: 2px;
	COLOR: #fff;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #090;
	TEXT-DECORATION: underline;
}

/*specific for friend's sites' links*/
a.irpiniabiz {
background:#00f; 
color: #fff; 
font-size:9px;
}

a.irpiniabiz:hover {
background:#fff; 
color: #00f; 
font-size:9px;
}

a.italiansinlondon {
background:#000; 
color: #fff; 
font-size:9px;
}

a.italiansinlondon:hover {
background:#fff; 
color: #000; 
font-size:9px;
}

a.rossofuoco {
background:#f00; 
color: #fff; 
font-size:9px;
}

a.rossofuoco:hover {
background:#fff; 
color: #f00; 
font-size:9px;
}

/*end of specific for friend's sites' links*/

/*verificare*/
div#info {
	display : block;
}
	
 
	
div#info ul {
	list-style-type : none;
		}
		
div#info ul li {
	list-style-position : outside;
}

.cite {
font-size: xx-small;
}

/*end of basic.css*/

/*advanced.css starts here*/

.formfont {
  font-size: xx-small;
}

/*gallery*/
img.photo {
margin-bottom : 20px;
margin-left : 20px;
margin-right : 20px;
margin-top : 20px;
}
 
div#gallery {
background: #ffc;
}
/*end of gallery*/

/*CSS2 rules*/
/*This rule hides the Skip Navigation link in CSS-capable browsers*/

.hide {
	display : none;
}
/*Browser upgrade*/
.upgrade {
	display : none;
}

/*It gets rid of default page margin or padding around page's content, useful when you want to position elements relative to the edges of the browser window*/
body {
	margin : 0px;
	padding : 0px;
}

.leftnav {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	text-indent : 0px;
}

#left {
	FLOAT: left; 
	WIDTH: 22%; 
	BACKGROUND-COLOR: #090;
	padding-bottom: 450px;
}

#content {
	BORDER-RIGHT: #060 1px solid; 
	FLOAT: left; 
	MARGIN-LEFT: -1px; 
	BORDER-LEFT: #060 1px solid; 
	WIDTH: 59%; 
	MARGIN-RIGHT: -2px; 
	BACKGROUND-COLOR: #fff;
 }

#content p {
	padding : 5px 10px;
}

#right {
	CLEAR: right; 
	BORDER-RIGHT: #030 1px solid;
	BORDER-TOP: #ff0030 1px; 
	FLOAT: left; 
	MARGIN-BOTTOM: 0.5em; 
	MARGIN-LEFT: 1px; 
	BORDER-LEFT: #030 1px solid; 
	WIDTH: 18%; 
	MARGIN-RIGHT: -2px; 
	BORDER-BOTTOM: #030 1px solid; 
	BACKGROUND-COLOR: #fff;
	BACKGROUND-COLOR: #090;
	padding-bottom:5px;
}
}

.inright p {
 	padding : 3px 5px;
}


.inleft {
	COLOR: #fff;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.inright {
	COLOR: #fff;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.contentbox {
	PADDING-RIGHT: 2%;
	PADDING-LEFT: 2%;
	COLOR: #000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #fff;
}

.headerline {
	BORDER-RIGHT: #060 5px; 
	PADDING-RIGHT: 7px; 
 	PADDING-LEFT: 7px; 
	PADDING-BOTTOM: 7px; 
	BORDER-LEFT: #060 5px; 
	COLOR: #000; 
	PADDING-TOP: 7px; 
 	BACKGROUND-COLOR: #fff; 
	TEXT-ALIGN: center; 
	width: 100%;
}


span.small {
	color : #090;
	font-size : xx-small;
	font-weight: bold;
}

.logo{
	FLOAT: left; 
	WIDTH: 20%;
	font-size : x-large;
	color : #090;
	padding-bottom, margin-bottom: 0px; 
}

.logo a {
	background-color : white;
	color : green;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : underline;
} 
 
.logo a:hover {
	background-color :green;
	color : white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : underline;
} 

 


 
 
 
 
 
#hnav {
 	margin-left : 15px;
	margin-bottom: 5px;
	font-weight : bold;
	text-align : center;
 	color : white;
	} 

	#hnav  a {
background-color : #fff;
	color : #030;
	font-size:0.8em;
	font-weight : 700;
	margin-right : 5px;
	 }

#hnav  a:hover {
background-color : #090;
	color : #fff;
	margin-right : 5px;
}
 
.showbox {
	BORDER-RIGHT: #060 2px outset; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #060 2px outset; 
	MARGIN-TOP: 3px; 
	PADDING-LEFT: 7px; 
	FONT-SIZE: 0.9em; 
	MARGIN-BOTTOM: 25px; 
	PADDING-BOTTOM: 2px; 
	BORDER-LEFT: #060 2px outset; 
	COLOR: #000; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #060 2px outset; 
	BACKGROUND-COLOR: #fff;
}
a.menu {
	BORDER-RIGHT: #090 2px solid;
	PADDING-RIGHT: 1%;
	BORDER-TOP: #090 1px solid;
	DISPLAY: block;
	PADDING-LEFT: 1%;
	PADDING-BOTTOM: 1%;
	BORDER-LEFT: #090 1px solid;
	WIDTH: auto;
	COLOR: #030;
	PADDING-TOP: 1%;
	BORDER-BOTTOM: #090 1px solid;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	BACKGROUND-COLOR: #fff;
	TEXT-DECORATION: underline;
}
a.menu:hover {
	BORDER-RIGHT: #090 2px solid;
	PADDING-RIGHT: 1%;
	BORDER-TOP: #090 1px solid;
	DISPLAY: block;
	PADDING-LEFT: 1%;
	PADDING-BOTTOM: 1%;
	BORDER-LEFT: #090 1px solid;
	WIDTH: auto;
	COLOR: #fff;
	PADDING-TOP: 1%;
	BORDER-BOTTOM: #000 1px solid;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	BACKGROUND-COLOR: #090;
	TEXT-DECORATION: underline;
}
.menu {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BACKGROUND-COLOR: #fff;
	font-size: 0.9 em;
 }
.sections {
	PADDING-RIGHT: 2px;
	DISPLAY: block;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.7em;
	PADDING-BOTTOM: 2px;
	MARGIN: 0px 0px 1px;
	WIDTH: auto;
	COLOR: #fff;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #060 1px solid;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #060;
}

#crumbs {
	BORDER-RIGHT: #060 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #060 1px solid;
	PADDING-LEFT: 2px;
	FONT-SIZE: 0.7em;
	MARGIN-BOTTOM: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #060 1px solid;
	WIDTH: auto;
	COLOR: #fff;
	BACKGROUND-COLOR: #090;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #060 1px solid;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight : bold;
}

 #crumbs a {
	COLOR: #fff;
	BACKGROUND-COLOR: #090;
	text-decoration : underline;
}


 p {
	FONT-SIZE: 0.8em;
	COLOR: #000;
	LINE-HEIGHT: 150%;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-indent : 15px;
}

 h1 {
	FONT-SIZE: 1.5em;
	COLOR: #090;
	BORDER-BOTTOM: #060 1px solid;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-indent : 20px;
}

/*race-end for skip nav, but still leaves a green vline!!! under menu*/
a#Contenuto {
    color: #fff;
	BACKGROUND-COLOR: #fff;
}

h2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	COLOR: #090;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-indent : 20px;
}
h3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.9em;
	COLOR: #090;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-indent : 20px;
}
img {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}

li {
	FONT-SIZE: 0.8em; 
	MARGIN-BOTTOM: 5px; 
	MARGIN-LEFT: -15px; 
	COLOR: #000; 
	azimuth: left-side;
}

#right {
	background-color : #ffc;
}
 
 
 .infobox {
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #ff9900 1px solid; 
	DISPLAY: block; PADDING-LEFT: 1px; 
	BORDER-LEFT-WIDTH: 1px; 
	BORDER-LEFT-COLOR: #090; 
	PADDING-BOTTOM: 1px;
	 WIDTH: 100%; 
	 COLOR: #fff; 
	 PADDING-TOP: 1px; 
	 BORDER-BOTTOM: #090 1px solid; 
	 BACKGROUND-COLOR: #090; 
	 TEXT-ALIGN: center; 
	 BORDER-RIGHT-WIDTH: 1px; 
	 BORDER-RIGHT-COLOR: #090;
}

.info {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 3px; 
	COLOR: #000; 
	PADDING-TOP: 3px
}

 #footer {
	CLEAR: both;
	BORDER-RIGHT: #090 1px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #030 1px dashed;
	MARGIN-TOP: 5px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.7em;
	PADDING-BOTTOM: 10px;
	BORDER-LEFT: #090 1px;
	BOTTOM: 0px;
	PADDING-TOP: 0px;
 	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #fff ;
	TEXT-ALIGN: center
}

 #footer p  {
 	 
	font: 1em/ 1em;
	
 }

 #footer a {
 	color:#030;
 }

 #footer a:hover {
	color:#fff;
	background-color : #090;
}


 .footer {
	margin-right : 5px;
}
 
 #mapfonts {
	CLEAR: both;
	BORDER-RIGHT: #090 1px;
	PADDING-RIGHT: 0px;
	MARGIN-TOP: 3px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.7em;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #090 1px;
	BOTTOM: 0px;
	PADDING-TOP: 0px;
 	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #fff;
	TEXT-ALIGN: left;
}

 #mapfonts p  {
 	font: 0.9em/0.8em;
	 }

 #mapfonts a {
 	color:#030;
 }

 #mapfonts a.town {
  color:#fff;
	background-color : #090;
 }

 #mapfonts a:hover {
	color:#fff;
	background-color : #090;
}

/*mistaken maybe*/
 .map {
	margin-right : 5px;
}
 

 #utilities {
 	BACKGROUND: #fff;
	MARGIN-LEFT: 100px;
 	MARGIN-RIGHT: 100px;
 	border : #090 1px solid;
	}
 
 #utilities p {
	padding: 5px 10px;
}

/*entry page settings*/
 #entryutilities {
 	BACKGROUND: #fff;
	MARGIN-LEFT: 25%;
 	MARGIN-RIGHT: 25%;
 	margin-top:20%;
	margin-bottom: auto;
 	border : #090 1px solid;
	}
.entryutilities {
   BACKGROUND: #cfc;
   }	
 
 #entryutilities p {
	padding: 5px 10px;
}

/*towns pages: img captioning*/
div#imgdescr { font:90% verdana,helvetica,sans-serif }
#imgcaption {
border:2px solid #060;
padding:10px;
margin:0 10px 10px 0;
float:left; 
 }
#imgcaption p { 
margin:5px 0 0 0;
text-indent: 0px;
font-weight: 700;
font-size: 85%;
}
#imgcaption h4
{ 
color: #060;
background: #fff; 
text-indent: 0px;
font-weight: 700;
font-size: 85%;
}
.blurbino { color:#060; background: #fff; font-size: 75%; font-weight: 600;}
.i { color:#000; font-size: 75%;}
ul.i, ul.li {
margin-top, margin bottom:0;
padding-top, padding-bottom:0;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
}
div#map {width: auto; height: auto;}
.map {float:left; margin-right: 10px;}


#imgcaptionhome {
border:2px solid #060;
padding:3px;
margin:0 0 10px 0;
float:left; 
}
#imgcaptionhome h4 { 
margin:5px 0 0 0;
text-indent: 0px;
color: #060;
font-weight: 600;
font-size: 70%;
}
/*highlighting here menu*/
.here {font-size: 0.85em;
	BACKGROUND-COLOR: #090;}

h4.inhere {
 color: #fff;
 text-decoration: none;
 font-size: 0.8em;
 margin-top, margin-bottom: 0;
 padding-top: 5px;
 padding-bottom: 0;
 text-decoration: none;
}
ul.here, ul.here li {
list-style-type : none;
list-style-position: inside;
COLOR: #fff;
WIDTH: auto;
margin-left: 0;
 margin-top, margin bottom: 0;
 padding-top, padding-bottom: 0;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	BACKGROUND-COLOR: #090;
text-decoration: none;
}
ul.here a {color: #fff; background: #090;}
ul.here a:hover {color: #090; background: #fff;}

 

p.normal {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1em;
}