/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.2 (Oct 21, 2005)

Screen layout: */
 
body{
margin:0 auto;
padding:0;
padding-top: 20px;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#ffffff url(../images/sfondo6.jpg)  ;
background-repeat: repeat-x repeat-y;
color:#303030;


}

#wrap{
background:#ffffff 	url(../images/gears.jpg);
background-repeat: no-repeat;
background-position: center 180px;
color:#303030;
margin:0 auto;
width:900px;
border: solid #3655A5;
border-width: 1px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 10px;
margin-bottom: 10px; 
}

#flag{
background: transparent;
position: fixed;
float: left;
width: 100px;
top: 0px;
right: 0px;
}

#ombra-sfondo{
	background: transparent url(../images/ombra-sfondo.png);
	background-repeat: no-repeat;
	position: absolute;
	top: -10px;
	width: 450px;
	height:550px;
	
	left: 50%;
	margin-left: -492px;
	z-index: -10000;
}

#header{
clear:both;
margin:20px 0 0 0;
padding:0;
height:0px;
}

#header h1{
width:250px;
margin:5px 20px 0;
float:left;
}

#header p{
width:500px;
float:right;
text-align:center;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:0.8em;
line-height:1.2em;
background-color:inherit;
}

#frontphoto{
margin:0 0 10px 0;
border:0;
}

#avmenu{
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
z-index: 300;
}
.announce{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
}

#extras{
float:right;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}

#content{
margin:0 160px 20px 160px;    /* era 0 *160* 20 160 per avere la colonna di destra*/
border-left:1px solid #f0f0f0;
/*border-right:1px solid #f0f0f0;*/
padding:0 10px 0 10px;
line-height:1.6em;
text-align:left;
z-index: -500;
}

#content h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#content img{
padding:1px;
display:inline;
/*background:#cccccc;*/
color:#303030;
border:4px solid #f0f0f0;
}

h3{
font-size:1.3em;
margin:0 0 10px 0;
}

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
color:#286ea0;
}

a img{
border:0;
}

#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #f0f0f0;
width:760px;
text-align:center;
color:#808080;
font-size:0.9em;
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}
/* side menu */
#sideMenu ul {
    list-style:none;
    width:150px;
    padding:0;
    }
#sideMenu a {
    font-weight:bold;
    height:20px;
    text-decoration:none;
    color:#505050;
    display:block;
    padding:6px 0 0 10px;
    background:#f4f4f4;
    border-left:4px solid #cccccc;
    font-size:1.1em;
	}
#sideMenu li.here a {
    color:#3f729f;
    
    }
#sideMenu div.subdiv a {
    color:#505050;
    }
#sideMenu div.subdiv li.here a {
    color:#3f729f;
    }    
#sideMenu a:hover, #sideMenu div.subdiv a:hover, #sideMenu li.here a:hover {
    background:#eaeaea;
    color:#286ea0;
    border-left:4px solid #286ea0;
	}
#sideMenu ul li ul li a {
    }


#image {
	width:100px;
	height:300px;
	border:dotted;
}


#social {
	/*width:150px;*/
	height:30px;
	border:0px dotted;
	/*text-align: center;*/
	line-height:1.0;
	float: left;
}
/*
#social img{

/*	vertical-align: top;*/
}
*/
#social_descr {
	width: 140px;
		position: relative;
			border:0px dotted;
}


/* Main Menu 
#navigation ul{
list-style:none;
margin:0;
padding:0;
}
#navigation a{
width:140px;
margin:3px 10px 2px 0;
padding:5px 0 5px 8px;
display: block;
color:#26c;
font-weight:bold;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
background:#eee url(../images/gradient1.png) repeat-x;
}
#navigation a:hover{
width:140px;
margin:3px 10px 2px 0;
padding:5px 0 5px 8px;
text-decoration: none; 
color:#222;
font-weight:bold;
background:#eee url(../images/gradient2.png) repeat-x;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}
li.active a{
color:#003366;
background:#eee url(../images/gradient2.png) repeat-x;
}
#navigation li{
position:relative;
}
#navigation ul ul{
display:none;
position:absolute;
top:-3px;
left:150px;
padding:0;
background:#ffffff;
}
#navigation ul ul li a, #navigation ul ul li a:hover{
margin:3px 0 2px 0;
background:#eee url(../images/gradient2.png) repeat-x;
}

#navigation li:hover ul{
display:block;
}

*/

/****************************************************************************************/
#navigation ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}

#navigation li {
	list-style:none;
position:relative;
background:#d4d8bd;
height:31px;
}

/* get rid of the table */
#navigation table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
#navigation a, #navigation a:visited {
display:block; 
text-decoration:none;
height:30px;
line-height:25px;
width:149px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
background:#d4d8bd;

}


#navigation a:hover {color:#fff; background:#949e7c;}


#navigation :hover > a {
color:#fff; 
background:#949e7c;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
}
/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#navigation ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#navigation ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/****************************************************************************************/
#map h4 { font-size:1.5em; }
#map p { margin:0 0 1.5em 0;}