html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: left;color: #ffffaa;font-weight:bolder }
div#container{position:relative; width: 99%;margin: 0 auto;text-align: left;
border-left: 2px solid #f6c;border-right: 2px solid #fff;background-color:#000000;
}
/*stili generici, su header e footer*/
div#header{background-color:#000000;color: #000000}
div#header a:link {text-decoration : none;color :#ccff40;font-size :13pt; text-align :left; font-weight:bolder}
div#header a:visited {text-decoration :none; color :#fccf5f;font-size :13pt; text-align :left;font-weight:bolder}
div#header a:hover {text-decoration : none;color :#ff0000;font-size :13pt; text-align :left;font-weight:bolder}
h1,h2{margin: 0;padding:0}
h1{padding-center:1.4em;font-size: 1.0em;color: #a1ffff; font: bold 1.3em/80px arial,serif}
h2{color: #ff0000;font-size: 1.2em}
div#footer a:link{color: #fff;font-weight: bold;text-decoration: underline;font-size: 1.2em}
div#footer a:visited {text-decoration :none; color :#fccf5f;font-size :1.0em; font-weight:bolder}
div#footer a:hover {text-decoration : none;color :#ff0000;font-size :1.0em; text-align :left;font-weight:bolder}
div#footer{text-align:center; padding: 1.0em;font-size :1.1em;
background-color: #000; color: #fcff40}
/*stili specifici per il layout*/
div#navigation{position:absolute;top: 150px;right: 0;width: 195px}
div#content{margin-right: 200px;padding: 1em;background-color: #000;color: #ffffba; text-align :left;font-size :1.3em;border-right:2px solid; word-spacing: 5px;}
/*stili per la navigazione*/
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
div#navigation li{margin: 2;padding: 0}
div#navigation a{color:#ccff40;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #ff4000;text-decoration: underline}
div#navigation a:activelink{color: #ccfff0;text-decoration: none}
div#content a:link {text-decoration : none;color :#ccff40;font-size :13pt; text-align :left; font-weight:bolder}
div#content a:visited {text-decoration :none; color :#fccf5f;font-size :13pt; text-align :left;font-weight:bolder}
div#content a:hover {text-decoration : none;color :#ff0000;font-size :13pt; text-align :left;font-weight:bolder}
p { font-size: 10pt; line-height:1.5 font-weight: bolder }
p:first-letter { font-size:200%;font-weight: bolder }
SPAN { text-transform: uppercase; }
#div1 {
background: #105050;
margin : 10px;
border : 0px solid #CC0033;
padding : 1px;
width : 740px;
height : 200px;
text-align:left;
}
#div2 {
background: #105050;
margin : 10px;
border : 0px solid #CC0033;
padding : 1px;
width : 740px;
height : 150px;
margin-top: -10px;
text-align:left;
}
#div3 {
background: #105050;
margin : 10px;
border : 800px solid #CC0033;
padding : 1px;
width : 200px;
height : 250px;
margin-top: 10px;
text-align:left;
}
.titoloa{
font-family:verdana,arial,verdana;
color: #8affff;
font-size:15pt;
text-align:center;
font-style:verdana;
font-weight:bolder;
letter-spacing: 5px;
}
.normale{
font-family:arial,verdana,helvetica;
color: #00f0f0;
font-size:12pt;
text-align:center;
font-style:italic;
font-weight:bolder
}
.lista{
font-family:arial,verdana,helvetica;
color: #ff0000;
font-size:12pt;
text-align:left;
font-style:verdana;
font-weight:bolder;
}
.tasto{
font-family:verdana,helvetica,arial;
color: #f8ffaf;
font-size:10pt;
text-align:left;
font-style:arial;
font-weight:bolder;
}
.tastob{
font-family:italic,helvetica,arial;
color:#0099ff;
font-size:10pt;
text-align:left;
font-style:arial;
font-weight:bolder;
}
.tastoi{
font-family:verdana,helvetica,arial;
color:#ff7f50;
font-size:11pt;
text-align:left;
font-style:arial;
font-weight:bolder;
}
.tastop{
font-family:verdana,helvetica,arial;
color:#ff0000;
font-size:9pt;
text-align:left;
font-style:arial;
font-weight:bolder;
}