body {
margin : 0;
padding : 0;
font : 75% helvetica, "Trebuchet MS", arial, sans-serif;
background : #fffff0;
line-height : 1.7em;
color : #555;
}

#sponsor {
 top: 121px;
 left: 333px; 
 width: 800px;
 color: #0000FF;
 height: 400px;
 font-size: 12px;
 position: absolute;
 border: 1px solid #F60;
 background: #e5e5e5 url('http://www.shiabruzzomolise.it/img/popup.jpg') center;
 background-color: #CCCCCC;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#chiudi {
 top: 1px;
 width: 40px;
 left:  0px;
 color:#0000FF;
 font-size:12px;
 text-align:left;
 font-weight:bold; 
 position:absolute;
 background-color:#FFFFFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#chiudi a {
 color:#0000FF; 
 text-align:left;
 font-weight:bold;
 text-decoration:none;
 background-color:#FFFFFF;
}
#chiudi a:hover {
 color:#990000;
 text-align:left;
 font-weight:bold;
 text-decoration:underline;
 background-color:#FFFFFF;
}
.collega {
 top: 0px;
 width: 599px;
 left: 90px;
 color:#0000FF;
 font-size:20px;
 text-align:center;
 font-weight:bold; 
 position:absolute;
 background-color:#FFFFFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
	.collega a {
 color:#0000FF; 
 text-align:center;
 font-weight:bold;
 text-decoration:none;
 background-color:#FFFFFF;
}
	.collega a:hover {
 color:#990000;
 text-align:center;
 font-weight:bold;
 text-decoration:underline;
 background-color:#FFFFFF;
}


			/*TOP BANNER*/
#header {
height : 188px;
margin-top : 0;
padding : 0;
background :url(img/banner.jpg) no-repeat;
color : #555;
}
			/*TOP NAVIGATION*/
#topnav ul {
padding : 0.5em 0;
margin : 0 0 5px 0;
list-style-type : none;
background : #00CC66;
color : #fff;
text-align : center;
font-weight : bold;
}
#topnav li {
display : inline;
}
#topnav li a, #topnav a:visited {
text-decoration : none;
background : #00CC66;
color : #fff;
padding : 0.6em 1.3em;
border-right : 1px solid #fff;
}
#topnav a:link.active, #topnav a:visited.active, #topnav a:hover {
text-decoration : none;
background : #f17327;
color : #000;
}
			/*3 COLUMNS*/
#gutter {
float : left;
width : 3%;
height : 1px;
}

#col1 {
float : left;
width : 15%;
margin-bottom : 1em;
padding-right : 1%;
}


#col2 {
float : left;
width : 50%;
margin-left : 2%;
margin-bottom : 1em;
border-left : 1px dashed #dda875;
border-right : 1px dashed #dda875;
padding-right : 3%;
padding-left : 3%;
}


#col3 {
float : left;
width : 18%;
margin-left : 3%;
margin-bottom : 1em;
}


			/*RIGHT NAVIGATION*/
#navcontainer ul {
margin : 0;
padding : 0;
list-style-type : none;
background : #fffff0;
color : #666;
}
#navcontainer ul li a {
padding : 10px;
color : #885835;
background : transparent url(img/list-off-orange.gif) no-repeat left center;
text-align : left;
font : 12px "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;
text-decoration : none;
}
#navcontainer ul li a:hover {
color : #f17327;
background : transparent url(img/list-on-orange.gif) no-repeat left center;
}
#navcontainer ul li a#current {
background : transparent url(img/list-active.gif) no-repeat left center;
color : #000;
}
			/*FOOTER*/
#footer {
clear : both;
height : 40px;
background : #00CC66;
border-top : 5px solid #885835;
color : #000;
padding : 0.2em 0 0 0.5em;
text-align : left;
}
#footer a {
color : #fff;
background : inherit;
}
#footer a:hover {
color : #000;
background : inherit;
}
			/*TYPOGRAPHY*/
h1 {
margin : 0;
padding-top : 75px;
text-align : center; 
vertical-align : super
font-size : 2em;
color : #efecdc;
background : inherit;
}
h2 {
margin-top : 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
text-transform : uppercase;
letter-spacing : 3px;
font-size : 1.5em;
color : #885835;
background : inherit;
}
h3 {
margin-top : 0;
font-size : 0.75em;
text-align : center;
color : #666;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*LINKS*/

a:link    {color: green}
a:visited {color: #FF6600}
a:hover   {color: #66FF66}

a: img {
border : 0;
}