/* ---------------------------------- */
/* CMSI STYLES */
/* ---------------------------------- */
* {margin:0; padding:0;}

html {
	height:100%; 
	max-height:100%; 
}

body {
	vertical-align:top;
	color:#000000;
	margin:0px;
	padding:0px;
	border:1px solid #e6e6e6;
	background-color: #e6e6e6; 
}

#container {
	font-size:1em;
	border: 2px #999999 solid;
	margin:20px auto;
	padding: 1px;
	width: 47.5em;
	background-image:url('images/leftmenu_background.gif');
	background-repeat:repeat-y;
}

/* Main Header Division */

#header {
	background-color: #2C6AAD;
}

#header img {
	border:0;
	padding:0;
	width: 47.5em;
}

#header a img{border:none;}

/* Page Content Division */
#content {
	font-family:Verdana,Arial,sans-serif;	
	position:relative;
	float: right;
	padding:1.5em 1.5em 0em 1.5em; /* top right bottom left */
	text-align: left;
	width:75%;
	min-height: 18em;	/* doesn't work for ie */
	height: auto !important; /* ie hack */
	height: 18em;	/* for ie is like min-height */
	background-color: #F3F3F3;
	z-index:10;
}

#contentleft {
	width:33%;
	padding:0px;
	float:left;
}
	
#contentcenter {
	width:34%;
	padding:0px;
	float:left;
}
	
#contentright {
	width:33%;
	padding:0px;
	float:left;
}

/* Page Footer Division */
#footer {
	font-family:Verdana,Arial,sans-serif;	
	position:relative;
	float: right;
	padding:0em 1.5em 0em 1.5em; /* top right bottom left */
	width:75%;
	background-color: #F3F3F3;
}

.clear{clear:both;}

#bottommenu{
	font-size:65%;
	width:80%;
	text-align:center;
	color:#996600;
	margin:4em auto 1.5em auto;
	padding:4px 0px 5px 0px;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#B77A01;
/*	background-color:red; */
}

#copyright{
	font-size:60%;
	font-weight:normal;
	text-align:left;
	margin-left:-2.4em;
	color:#777;
/*	background-color:green; */
}

/* Left menu */

#leftmenuholder {
	display:block;	
	position:absolute;
	padding-top: 2em;
	padding-left: 1em;
	height:22em;
	width:auto;
/*	background:lime; */
}

ul.leftmenu, ul ul {padding:0; margin:0; border:0; list-style-type:none; height:22em; overflow:hidden; background:transparent url('images/trans.gif'); width:10em; font-family: Arial, sans-serif; font-size:80%; text-align:left; color:#fff; border:0px solid #606;}
ul.leftmenu table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.leftmenu ul {margin-left:1em; font-size:90%;}
ul.leftmenu li {text-indent:0.5em;}
ul.leftmenu li.drop {margin-bottom:-2px;}
ul.leftmenu li a, 
ul.leftmenu li a:visited {display:block; width:14em; height:2em; line-height:1.9em; text-decoration:none; color:#00325A; background:transparent; }
ul.leftmenu li a.nodrop, 
ul.leftmenu li a.nodrop:visited {display:block; width:14em; height:2em; line-height:1.9em;}
ul.leftmenu li ul {display:none;}

ul.leftmenu li:hover a, 
ul.leftmenu li a:hover {border:0; color:#2C6AAD; font-weight:bold;}
ul.leftmenu li:hover ul, 
ul.leftmenu li a:hover ul {display:block; height:8em; width:6em; margin-top:-2px; background:transparent; border:0px solid #000;}
ul.leftmenu li:hover ul.s2, 
ul.leftmenu li a:hover ul.s2 {display:block; height:3.1em; width:6em; margin-top:-2px; background:transparent; border:0px solid #000;}
ul.leftmenu li:hover ul.s3, 
ul.leftmenu li a:hover ul.s3 {display:block; height:4.6em; width:6em; margin-top:-2px; background:transparent; border:0px solid #000;}
ul.leftmenu li:hover ul.s4, 
ul.leftmenu li a:hover ul.s4 {display:block; height:6.1em; width:6em; margin-top:-2px; background:transparent; border:0px solid #000;}
ul.leftmenu li:hover ul.s5, 
ul.leftmenu li a:hover ul.s5 {display:block; height:7.6em; width:6em; margin-top:-2px; background:transparent; border:0px solid #000;}
ul.leftmenu li:hover ul li a, 
ul.leftmenu li a:hover ul li a {height:1.5em; line-height:1.5em; color:#2C6AAD; font-weight:normal;}
ul.leftmenu li:hover ul li:hover a, 
ul.leftmenu li a:hover ul li a:hover {background:#3779c0; color:#fff;}


a:focus {
	outline:none;
	-moz-outline: none;
}

p.normal{
	font-size:80%;
	text-align:justify;
	position:relative;
	width:98%;
	margin: 0em 0em 0.5em 0.5em;
	z-index:20;
}

p.left{
	font-size:80%;
	text-align:justify;
	position:relative;
	width:50%;
	margin: 0em 0em 0.5em 0.5em;
}

p.leftc{
	font-size:80%;
	text-align:center;
	position:relative;
	width:50%;
	margin: 0em 0em 0.5em 0.5em;
}

p.list{
	font-size:80%;
	text-align:justify;
	position:relative;
	width:98%;
	margin: 0.5em 0em 0.5em 0.5em;
}

p.normalc{
	font-size:80%;
	text-align:center;
	position:relative;
	width:98%;
	margin: 0em 0em 0.5em 0.5em;
}

p.big{
	font-size:90%;
	text-align:justify;
	position:relative;
	width:98%;
	margin: 1em 0em 1em 0.5em;
}

p.bigc{
	font-size:90%;
	text-align:center;
	position:relative;
	width:98%;
	margin: 1em 0em 1em 0.5em;
}

p.small{
	font-size:70%;
	text-align:justify;
	position:relative;
	width:98%;
	margin: 1.5em 0em 0.5em 0.5em;
}


p.small_close{
	font-size:70%;
	text-align:justify;
	position:relative;
	width:98%;
	margin: -0.3em 0em 0.5em 0.5em;
}

hr{
	margin:2em auto 1.5em auto;
	width:75%;
	background-color:#B77A01;
	color:#B77A01;
	height:1px;
	border:none;
}

table.normal {
	width:98%;
	margin:0em 0em 0em 0.5em;
	font-size:75%;
	border-spacing:0.3em;
}
td.normal {
	vertical-align:top;
	padding:0em 0em 0em 0em;
}


/* List Styles */
li{
	padding:0%;
	margin:0%;
	font-size:100%;
	color:#444444;
}
ul{
	font-size:100%;
}
ol{
	font-size:100%;
}
/* Header Styles */
h1 {
	font-family:Gill Sans,Arial,sans-serif;
	font-size:160%;
	width:65%;
	margin:1% 0% 1% 0%;
	left:175px;
	position:relative;
	z-index:10;
}
#content h2 {
	font-family:Arial,sans-serif;
	font-style:italic;
	font-size:100%;
	font-weight:bold;
	width:98%;
	margin: 0em 0em 1em 0.5em;
	background-color:transparent;
	color:#B77A01;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#B77A01;
}
#content h3 {
	font-family:Verdana, Arial,sans-serif;
	font-size:85%;
	font-weight:bold;
	padding:0.7em 0px 0.5em 0px;
	background-color:transparent;
	color:#444;
	text-align:center;
	/*background:lime;*/
}
#content h4 {
	font-family:Verdana, Arial,sans-serif;
	font-size:80%;
	font-weight:bold;
	color:#444;
	width:98%;
	margin: 0em 0em 1em 0.5em;
	background-color:transparent;
}
#content h5 {
	font-family:Verdana,Arial,sans-serif;
	font-style:italic;
	font-size:8pt;
	font-weight:normal;
	color:#444;
	text-align:left;	
	width: 710px;
	margin-left:25px;
	margin-top:-6px;
	margin-bottom:12px;
	background-color:transparent;
}
/* Anchor Styles */
a:link, a:visited{
	font-size:100%;
	background-color:transparent;
	color:#00325A;
	text-decoration:underline;
}
a:hover{
	font-size:100%;
	background-color:transparent;
	color:#00325A;
	text-decoration:none;
}

/* Image Styles */
img.left{
	float:left; 
	margin:0 12px 5px 0;
}

img.center{
	display:block; 
	margin:0 auto 5px auto;
}

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

#content a img{border:none;}

#posters {
	position:relative; 
	width:98%;
	margin: 0.3em 0em 1em 0.5em;
	ackground-color:red;
}

#posters h4 {
	font-family:Arial,sans-serif;
	font-style:italic;
	font-size:85%;
	font-weight:bold;
	color:#444;
	width:98%;
	margin: 0em 0em 0.3em 0.5em;
}

#posters a img{border:0;}

#posters a.p1, #posters a.p1:visited {
	display:block; 
	text-decoration:none; 
	top:0; 
	left:0; 
	border:0;
}

#posters a.p1:hover {
	text-decoration:none; 
	background-color:#F3F3F3;
}

#posters img.thumbnail {
	float:left; 
	width:5em;
	margin-top: 0.3em;
}

#posters a img.large {
	display:block; 
	position:absolute; 
	width:0; 
	height:0; 
	border:0; 
	top:0; 		
	left:0;
	z-index:100;
}

#posters a.p1:hover img.large {
	display:block; 
	position:absolute; 
	top:-10em; 
	left:4em; 
	width:298px; 
	height:421px; 
	border:1px solid #000; 
	z-index:200;
}

#posters div {
	float:right; 
	width:83%;
	margin-top: 0.2em;
	ackground-color:lime;
}

#posters p {
	font-size:80%;
	text-align:justify;
	position:relative;
	margin: 0em 0em 0.3em 0.5em;
	ackground-color:red;
}



/* Members */
#membri{
	font-family:Verdana, Arial, helvetica, sans-serif;
	font-size:75%; 
}
	.cognome {
		font-weight:bold;
		color:#444;
	}
	.nome {
		margin-left:1px;
		color:#444;
	}
	.funzione {
		font-size:90%; 
		font-style:italic;
		color:#444;
	}
	.indirizzo {
		color:#444;
	}
	.recapito {
		color:#444;
	}
	.sede {
		text-align:left;
		color:#444;
	}
	a.membri:link,a.membri:visited{
		color:#00325A; 
		text-decoration:underline;
	}
	a.membri:hover{
		color:#00325A; 
		text-decoration:none;
	}
	img.membri{
 		border:none;
 		vertical-align:bottom;
	}

#membri table{
	width:98%;
	margin:0.5em 0em 0em 0.5em;
}
#membri td{
	vertical-align:top;
	padding:0.6em 0em 0em 0em;
}

#bulletin{
	font-family:Verdana, Arial, helvetica, sans-serif;
	width:98%;
	position:relative;
	margin-left:0.5em;
	ackground:grey;
}



#bulletinleft{
	font-size:75%;
	letter-spacing: -0.7px;
	width:32%;
	padding-bottom:0.3em;
	float:left;
	ackground:lime;
}

#bulletinleft_void{
	font-size:75%;
	padding-bottom:0.3em;
	color:#F3F3F3;;
	width:34%;
	float:left;
	ackground:lime;
}
	
#bulletincenter{
	font-size:75%;
	width:64%;
	padding-bottom:0.3em;
	float:left;
	ackground:yellow;
}
	
#bulletinright{
	font-size:75%;
	width:4%;
	padding-bottom:0.3em;
	float:right;
	ackground:green;
}


/* ---------------END---------------- */