/** generic styles */

div{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	/** IE Firefox padding problem*/
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
	line-height : 16px;
}

table.innerContent{
width: 100%;
}

table.innerContent td{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	/** IE Firefox padding problem*/
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0px;
	padding:5px;
	line-height : 16px;
}

div.pdfLink{
	background: #6AC6A5;
	color: black;
	font-size: 11px;
	padding: 3px;
	padding-left: 10px;
	cursor: pointer;
	cursor: hand;
}

div.greenBackground{
	background: #6AC6A5;
	color: black;
	font-size: 11px;
	padding: 5px;
	padding-left: 10px;
}



div.whiteText{
	background: none;
	width: auto;
	color: white;
	font-size: 11px;
}



div#noScript{
	border: 0px solid #003D3B;
	position: relative;
	margin-left: 25%;
	margin-right: 25%;
}

div.noScriptSub{
	padding: 2%; 
	position: relative;
	margin: 2%;
}


/** for firefox we have to adjust the right width
*/
div.noScriptSub[class]{
	width: 96%;
}

/**
a:link { color:#6AC6A5; text-decoration:none; }
a:visited { color:#6AC6A5; text-decoration:none; }
a:focus { color:black; text-decoration:underline;background-color: #6AC6A5; }
a:hover { color:black; background-color: #6AC6A5; text-decoration:none; }
a:active { color:black; background-color: #6AC6A5; text-decoration:none; }


a.greenLink:hover{
color:black; background-color: #6AC6A5; text-decoration:none; 
}

*/

img.navLink{
	cursor: pointer;
	cursor: hand;
}



a.simple:link{
	color: white;
	background: none;
	font-size: 11px;
	text-decoration: none;
}

a.simple:visited{
	color: white;
	text-decoration: none;
	background: none;
	font-size: 11px;
}
a.simple:hover{
	background: none;
	color: #6AC6A5;
	font-size: 11px;
}

a.greenLink:link{
	background: none;
	font-size: 11px;
	text-decoration: none;
	color: #6AC6A5;
}


a.greenLink:visited{
	color: #6AC6A5;
	text-decoration: none;
	background: none;
	font-size: 11px;
}
a.greenLink:hover{
	background: #6AC6A5;
	color: #373C40;
	font-size: 11px;
}

a.darkLink:link{
	background: none;
	font-size: 11px;
	text-decoration: none;
	color: black;
}


a.darkLink:visited{
	color: black;
	text-decoration: none;
	background: none;
	font-size: 11px;
}
a.darkLink:hover{
	background: #6AC6A5;
	color: #373C40;
	font-size: 11px;
}

span.green{
	color: #6AC6A5;
	text-decoration: none;
	background: none;
	font-size: 11px;
}

table, tr, td{
	vertical-align: top;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border: 1px #999999 solid; 
	bgcolor: #CCCCCC;
	padding-left: 5px;
	margin-top: 2px;
	}
	
div.event{
background: #F4E4E4;
	color:black;
	border: 1px solid #ffffff;
	margin: 5px;
	padding: 10px;
	padding-left: 10px;
	margin-left: 0px;
	float:left;
	height: 110px;
}

div.books{
	background: #ffffff;
	color:black;
	margin: 5px;
	margin-left: 0px;
	float:left;
	height: 300px;
	width: 150px;
}

div.books *{
	color:black;
}
	
	
div.corpo {
	background: #ffffff;
	color:black;
	border: 1px solid #ffffff;
	width: 600px;
	margin: 5px;
	padding: 10px;
	padding-left: 10px;
	margin-left: 0px;
}

div.corpo *{
color:black;
}

body.popUpCredits{
background: url(img/popUpCredits.jpg) no-repeat left top;
}

body.getFlash{
background: #383D40 url(img/bg5.jpg) no-repeat left top;
text-align: center;
}

body.getFlash div.titleCredits{
width: 70%;
margin: auto;
margin-top: 5%;
background: black; padding: 2px;
font-weight:bolder;
text-align: left;
}

body.getFlash div.iosaTrans{
width: 70%;
margin: auto;
}

span.noFlashMessage {
	font-size: small;
	font-weight: bold;
}

body.popUpCredits div.creditDiv{
position: absolute; top: 5px; left: 5px; width: 425; height: 470; padding: 5px;
background: white;
color: black;
}

body.popUpCredits div.titleCredits{
background: black; padding: 2px;
font-weight:bolder;
}

/** page layout */

body{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	/**text-align: center;
	*/
	color: #25806C;
	background: #000000 url(img/bg5.jpg) no-repeat left top;
}



table, tr, td{
	
	
}

table.frame{
	width: 934px;
}

td.leftSpacer{
	background: none;
	width: 34px;
}

td.leftHeader{
	background: none;
	width: 148px;
}

div.logo{
height: 95px; background: url(img/iosaghini_logo_circle.gif) no-repeat top center;
}

td.middleHeader{
	color:black;
}

div.location{
	color: black;
	font-size: 11px;
	float:left;
	padding: 0px;
}

div.paging{
	color: black;
	font-size: 11px;
	float:right;
	padding: 4px;
	color:black; 
	line-height: 12px; 
	vertical-align:middle;
}

div.paging a{
	/**color: #B34700;*/
	color: black;
	text-decoration:none;
}

div.paging a:hover{
	background: #6AC6A5;
}



/** leftColumn styles*/

table.frame .leftColumn{
	vertical-align: top;
	width: 150px;
}

div.leftContainer{
	font-size: 11px;
	border-left: 3px solid #003D3B;
	background: black;
	vertical-align: top;
	text-align:center;
	/** height for mozilla and ie */
	min-height: 647px;
	height: auto !important;
	height: 647px;
	padding:10px;
	width: 100%;
}

div.navigation {
	text-align: left;
	margin-left: 35px;
}

div.navExtension{
	margin-top: -1px;
	display:true;
}

div.navigation a.navItemActive{
	font-size: 11px;
	background: #6AC6A5;
	color: black;
	padding: 3px;
	cursor: pointer;
	cursor: hand;
}

div.navigation a.navItemLevel0{
	background: none;
	color: #6AC6A5;
	font-size: 11px;
	text-decoration: none;
	padding: 3px;
	cursor: pointer;
	cursor: hand;
}

div.navigation a.navItemLevel0:hover{
	background: #6AC6A5;
	color: black;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

div.navigation a.navItemLevel1{
	background: none;
	color: #6AC6A5;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	padding: 3px;
	cursor: pointer;
	cursor: hand;
}

div.navigation a.navItemLevel1:hover{
	background: #15292E;
	color: #6AC6A5;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

div.navigation div.navItem{
	margin-top: 20px;
	margin-bottom: 20px;
}

div.navigation div.navItemSub{
	margin-top: 5px;
	margin-bottom: 5px;
}



/** middleColumn styles*/

table.frame .middleColumn{
	font-size: 11px;
	width: 750px;
	height: 100%;
	/**border-left: 2px solid #09322E;*/
	/**background: #387944;*/

}


table.content{
	width: 100%;
	padding: 0px;
}

table.content .contentTop{
vertical-align: top;
}

table.content .contentBottom{
	border-top: 1px solid #202E36;
	padding: 10px;
}







table.footer{
	width: 100%;
	padding: 10px;
}

table.footer td{
	
}

div.address{
	float:left;
	color: white;
	font-size: 11px;
	margin: 5px;
}

table.footer div.language{
	margin-left: 20px;
	float:left;
	font-size: 11px;
}

table.footer div.credits{
	font-size: 11px;
	color: white;
	float:left;
	margin: 5px;
}


/** rightColumn styles*/

table.frame .rightColumn{
	font-size: 11px;
	background: none;
}

/** list styles*/

div.swapImage{
font-family: Tahoma, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;

}

img.swapImage{
width:70px;
height:70px;
}

table.swapImageTable{
	padding: 0px;
	border-spacing:0px;
}

table.swapImageTable td{

}

table.swapImageTable td.tdSpacer{
	background: black;
	width: 1px;
}
table.swapImageTable td.tdSpacer2{
	background: black;
	height: 1px;
}

td.listText{
	vertical-align: top;
	border-bottom: 1px solid #6AC6A5;
}

td.listText div{
	padding: 5px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}


tr.list{
	margin: 8px;
}


.projectDescription {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 4px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/grigio_transparent.png');
	width: 250px;
}

.projectDescription[class] {
	background: url(img/grigio_transparent.png) repeat top left;
}

/** very important to make links work
as well as <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> in the document header*/
.projectDescription *{
	 position:relative;
}


.listContainer{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/grigio_transparent.png');
	width:100%;
	border-bottom: 1px solid #6AC6A5;
	
}

.listContainer[class] {
	background: url(img/grigio_transparent.png) repeat top left;
}

/** very important to make links work
as well as <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> in the document header*/
.listContainer *{
	 position:relative;
}

.transparent{
	text-align: justify;
	width:100%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/grigio_transparent.png');
}

.transparent[class] {
	background: url(img/grigio_transparent.png) repeat top left;
}

/** very important to make links work
as well as <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> in the document header*/
.transparent *{
	 position:relative;
}

.whitetrans{
	width:100%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/whitetrans.png');
}

.whitetrans[class] {
	background: url(img/whitetrans.png) repeat top left;
}

/** very important to make links work
as well as <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> in the document header*/
.whitetrans *{
	 position:relative;
}

.iosatrans{
	width:100%;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/iosatrans.png');
}

.iosatrans[class] {
	background: url(img/iosatrans.png) repeat top left;
}

/** very important to make links work
as well as <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> in the document header*/
.iosatrans *{
	 position:relative;
}

div.listText {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 10px;
}

td#bioLeft{
width: 34em;
}