/* Start of CMSMS style sheet 'style_common' */
/* accessibility */

* {
 margin:0;
 padding:0;
 font-family: Arial, Verdana, Helvetica, Serif;
}

h1 {font-size:160%}
h2 {font-size:140%}
h3 {font-size:120%}
h4 {font-size:110%}
h5 {font-size:100%}
h6 {font-size:100%}
dt {font-weight:bold;margin:0.5em 0 0 1em}
dd {margin:0 2em;text-align:justify}

a {color:#E60}
a:visited {color:#888}
a:hover {color:#F0A}
fieldset {width:auto;margin:1em;padding:0.5em;background-color:#EEF}
legend {background-color:#777;color:#FFF;padding:0.0em 1em}
fieldset, legend {border:solid 1px #F80}

p {
 text-align:justify;
 text-indent: 1em;
 padding-bottom:0.5em;
}
ul {
 list-style-position:inside;
 list-style-type:square;
}
ol {list-style-position:outside;}

blockquote,
address {text-align:center;font-style:italic}

ol li {margin:0 0 1em 2em;text-align:justify}
img {vertical-align:middle}

body {
 font-size:12px;
 color:#000;
 background-color:#EFF;
}

br.clr {clear:both}

.area_head {
 background-color:#CFF;
 color:#F84;
 height:7em;
 text-align:center;
}

.area_head acronym {font-family:Times}

.area_head img {
 margin:0.25em;
 height:6.5em;
 border-width:0;
 float:left;
}

div.area_head h1,
div.area_head h2 {
 margin:0;
 font-size:300%;
 padding:0.3em 3.5em 0 0;
 font-family:Times;
}

div.area_head h3 {
 margin:0;
 padding-right:6.5em;
 font-size:170%;
 color:#B44;
}

/*
.area_head h3,
.area_head h2 {text-shadow: #7BF 5px 5px 5px}
*/

.area_left {
 color:#333;
 float:left;
 text-align:center;
}

.area_left div.infos {font-size:80%;padding-left:1em;text-align:justify;}
.area_left div.infos ul {padding-left:1em;}
.area_left div.infos li {list-style-position:outside;}
.area_left div.infos h3 {text-align:center;}

.area_middle {
 background-color:#EFF;
 float:right;
 padding:1em 0;
 text-align:justify
}

.area_middle h1 {
 text-align:center;
 padding:0 0 0.5em 0;
 color:#F62;
}

.area_middle div {
 margin:0;
 text-align:left;
}

div.dc {
 background-color:#DDD;
 border:solid 1px #000;
 padding:1em;
 color:#D42;
 text-align:left;
}

div.dc img.left {
 width:33%;
 float:right;
 padding:0 0 0.5em 0.5em;
}

.none {display:none}

img.left {float:left;margin:1em}
img.size_25 {width:25%}
img.left_50 {float:left;margin:1em;width:50%}
div.area_right img.full {width:96%}
div.area_right img.full:hover {width:auto;position:absolute;right:1em;top: 5em}

.area_middle h3,
.area_middle h2,
.area_right h5,
.area_right h4,
.area_right h3,
.area_right h2,
.area_left h5,
.area_left h4,
.area_left h3,
.area_left h2 {
 padding:0.5em 0;
 color:#B40;
}
.area_middle h6 {
 color:#B40;
 padding-top:1em;
 text-align:center;
}

.area_right {
 color:#333;
 padding-left:1%;
 float:right;
 text-align:center;
}

.area_right img {width:50%}
.area_right p {font-size:80%;padding-right:1em}

.area_foot {
 clear:both;
 margin:1em;
 padding:0.5em 0;
 border-style:solid;
 border-width:0.1em 0;
 border-color:#F80;
 color:#432;
 text-align:center;
}

.area_foot p {font-size:80%;text-align:center}

dt strong {font-weight:bold;text-transform:uppercase}

.trombino dt,
.partners dt {clear:both;border-top:solid 0.2em #FC8}
.trombino img {float:right;height:5.5em;border:solid 0.2em #FFF}
.trombino img:hover {height:auto;border:solid 0.2em #FF0}

.partners dt.nologo {padding-left:8.4em;}
.partners img {float:left;width:6em;border:solid 0.2em #FFF;margin:0 2em 0 0}

.biblio dt+dd {font-style:italic}

.updated {padding-right:1em}

h4.signature {text-align:right;margin-right:3em}
img.graph_center {width:90%;margin:1em 5%}
img.graph_center_small {width:40%;margin:1em 30%}
.working {color:#F00;font-variant:small-caps}
.updated em {color:#F82;font-weight:bold}

.copyright img {height:1em;border:solid 1px #FFF}
/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */

/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'style_common' */