/* ==================== aural ============================ */

@media aural {
  h1, h2, h3, h4, h5, h6 { voice-family: paul, male; stress: 20; richness: 90 }
  h1 { pitch: x-low; pitch-range: 90 }
  h2 { pitch: x-low; pitch-range: 80 }
  h3 { pitch: low; pitch-range: 70 }
  h4 { pitch: medium; pitch-range: 60 }
  h5 { pitch: medium; pitch-range: 50 }
  h6 { pitch: medium; pitch-range: 40 }
  li, dt, dd { pitch: medium; richness: 60 }
  dt { stress: 80 }
  pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  em { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  strong { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  dfn { pitch: high; pitch-range: 60; stress: 60 }
  s, strike { richness: 0 }
  i { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  b { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  u { richness: 0 }
  
  :link { voice-family: harry, male }
  :visited { voice-family: betty, female }
  :active { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
  
a.external  {
  padding: 0 20px 0px 0px;
	display:inline;
  background-repeat: no-repeat;
	background-position: center right;
	background-image: url(images/external-link.gif);
}
  
    
    p.quote {
      margin-left: 2em;
      padding: .5em;
      background-color: #f0f0f0;
      font-family: monospace;
    }
    .statquote {
      margin-left: 2em;
      padding: .5em;
      background-color: #f0f0f0;
      font-family: monospace;
			width: 45%;
			float: left;
    }
		.stat{
			height: 450px;
		}
		.storia{
			text-align: center;
			width: 100%;
			clear:left;
		}
		.fotostoria{
			width: 49%;
			float: left;
			text-align: center;
			height: 160px;
		}
		.picture{
			text-align: center;
		}
		.i{
			width: 20%;
			float: left;
			text-align: center;
		}
		.t{
			width: 80%;
			float: left;
		}
		.foto{
			width: 49%;
			float: left;
			text-align: center;
		}
		.blocco{
			height: 250px;
		}
		.box{
			height: 200px;
			text-align: center;
		}	
		.link{
			height: 120px;
		}			
    .conn {
      border: 0px; 
      padding: 0px; 
      margin: 0px;
			width: 80%;
    }
		div.intestazione{
      background-color: #000040;
      color: #EDE3CA;
      text-align: center;
      font-size: 60%;
      font-weight: bold;
			padding: 5px;
		}
    .miabarra {
        clear:both;
        position: relative; 
        background:#000040;
        color: black;
        border-bottom: solid 2px yellow;;
        padding: 0px 180px;
        font-size: 30%;
        z-index:10;
    }
		#m {color: #EDE3CA; text-decoration: none; }
		#m:hover {color: #7F5436; text-decoration: underline; font-weight: bold;}
		#m1 {color: #EDE3CA; text-decoration: none; }
		#m1:hover {color: #7F5436; text-decoration: underline; font-weight: bold;}
		#m2 {color: #EDE3CA; text-decoration: none; }
		#m2:hover {color: #7F5436; text-decoration: underline; font-weight: bold;}
		#m3 {color: #EDE3CA; text-decoration: none; }
		#m3:hover {color: #7F5436; text-decoration: underline; font-weight: bold;}
		#m4 {color: #EDE3CA; text-decoration: none; }
		#m4:hover {color: #7F5436; text-decoration: underline; font-weight: bold;}
	  #m5 {color: #EDE3CA; text-decoration: none; }
		#m5:hover {color: #7F5436; text-decoration: underline; font-weight: bold;}
    .w3{
    	width: 20%;
    	float: left;
      padding-top: 10px;
			padding-bottom: 10px;
			text-align: center;
    }
   
#top .header .current { background-color: #000040;} 
#top .header .current a:link {  color: #EDE3CA;  }
#top .header .current a:visited { color: #EDE3CA; }
#top .header .current a:hover { color: #EDE3CA; }

#menu      { background-color: #000040;} 
#menu  {  color: #ffffff;} 
#menu a:link {  color: #EDE3CA;} 
#menu a:visited {  color: #EDE3CA;} 
#menu a:hover {  
background-color: #000040;
color: #EDE3CA;} 

#top          { background-color: #FFFFFF;}  
 
#tabs li      { background-color: #E5E4D9 ;} 
#tabs li a:link {  color: #000000;  }
#tabs li a:visited { color: #000000; }
#tabs li a:hover { color: #000000; }

#level2tabs       { background-color: #4C6C8F ;} 
#level2tabs a:link {  color: #ffffff;  }
#level2tabs a:visited { color: #ffffff; }
#level2tabs a:hover { color: #ffffff; }

.heading { background-color: #E5E4D9;} 

.boxed { background-color: #E5E4D9;} 
.underlined_5 	{border-bottom: solid 5px #E5E4D9;}
.underlined_10 	{border-bottom: solid 10px #E5E4D9;}
table caption { 
background-color: #E5E4D9; 
color: #000000;
}
    
#feedback {
color: #FFFFFF;
background: #4C6C8F;
text-align: center;
}
#feedback #feedbackto {
color: #FFFFFF;
}   

#publishedStrip { 
color: #FFFFFF;
background: #4C6C8F; 
}

#publishedStrip { 
color: #EDE3CA;
background: #000040; 
}

#menu .menupagetitle  { background-color: #CFDCED}

#menu           { border-color: #999999;}
#menu .menupagetitle  { border-color: #999999;}
#menu .menupageitemgroup  { border-color: #999999;}

#menu h1 {
color: #000000;
background-color: #cfdced;
}   
 
#top .searchbox { 
background-color: #E5E4D9 ;
color: #000000; 
} 
 
#menu .menupagetitle  { color: #000000;}    
#menu .menupageitemgroup     { 
background-color: #E5E4D9;
}
#menu .menupageitem {
color: #000000;
} 
#menu .menupageitem a:link {  color: #000000;} 
#menu .menupageitem a:visited {  color: #000000;} 
#menu .menupageitem a:hover {  
background-color: #E5E4D9;
color: #000000;
}

body{ 
background-color: #ffffff;
color: #000000;
} 
a:link { color:#0000ff} 
a:visited { color:#0000ff} 
a:hover { color:#0000ff} 

 
.ForrestTable      { background-color: #ccc;} 
 
.ForrestTable td   { background-color: #ffffff;} 
 
.highlight        { background-color: #ffff00;} 
 
.fixme        { border-color: #c60;} 
 
.note         { border-color: #069;} 
 
.warning         { border-color: #900;} 
 
.code         { border-color: #a5b6c6;} 
 
#footer       { background-color: #E5E4D9;}