.menu { 
	color: #ffffff;
	font-style: normal;
	font-size: 9px;
	font-weight: bold;
	font-family: Futura, Arial, Helvetica
}
.menu1 { 
	color: #000000;
	font-style: normal;
	font-size: 9px;
	font-weight: bold;
	font-family: Futura, Arial, Helvetica
}
.categoria {
	color: #EE2D2D;
	font-family: Futura, Arial, Helvetica;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}
.tit1 {
	color: #EE2D2D;
	font-style: normal;
	font-size: 18px;
	font-family: Futura, Arial, Helvetica;
	font-weight: bold;
}
.sot1 {
	color: #000000;
	font-style: normal;
	font-size: 12px;
	font-family: Futura, Arial, Helvetica
}
.testo1 {
	color: #000000;
	font-style: normal;
	font-size: 10px;
	font-family: Futura, Arial, Helvetica
}
.testo2 {
	color: #000000;
	font-style: normal;
	font-size: 10px;
	font-family: Futura, Arial, Helvetica;
	line-height: 12px;
}
.tit2 {
	color: #EE2D2D;
	font-style: normal;
	font-size: 13px;
	font-family: Futura, Arial, Helvetica;
	font-weight: bold;
}
.credits {
	color: #EE2D2D;
	font-style: normal;
	font-size: 10px;
	font-family: Futura, Arial, Helvetica;
	font-weight: bold;
}
.data {
	color: #EE2D2D;
	font-style: normal;
	font-size: 0.6em;
	font-family: Futura, Arial, Helvetica
}
.tit3  {
	color: #000000;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	font-family: Futura, Arial, Helvetica
}
.desc {
	color: #000000;
	font-style: normal;
	font-size: 10px;
	font-family: Futura, Arial, Helvetica;
	line-height: 14px;
}
.link {
	color: #EE2D2D;
	font-style: normal;
	font-size: 10px;
	font-family: Futura, Arial, Helvetica
}
.menu2 {
	color: #EE2D2D;
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	font-family: Futura, Arial, Helvetica
}

.menu3 {
	color: #000000;
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	font-family: Futura, Arial, Helvetica
}
.testoint {
	color: #000000;
	font-style: normal;
	font-size: 9px;
	font-family: Futura, Arial, Helvetica;
}

a:link {
	font-family: Futura, Arial, Helvetica;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
}
a:visited {
	font-family: Futura, Arial, Helvetica;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
}
a:hover {
	font-family: Futura, Arial, Helvetica;
	font-size: 9px;
	color: #000000;
	text-decoration: underline;
}
a.l:link {
	font-family: Futura, Arial, Helvetica;
	font-size: 10px;
	color: #EE2D2D;
	text-decoration: none;
	font-weight: bold;
}
a.l:visited {
	font-family: Futura, Arial, Helvetica;
	font-size: 10px;
	color: #EE2D2D;
	text-decoration: none;
	font-weight: bold;
}

a.l:hover {
	font-family: Futura, Arial, Helvetica;
	font-size: 10px;
	color: #EE2D2D;
	text-decoration: underline;
	font-weight: bold;
}
ul#link {
margin-top:-1px;
}

li {
margin-left: -10px;
padding: 0px;
list-style-type: circle;
}
.lettera {
	color: #EE2D2D;  
	font-size: 11px;
	font-family: Arial, Helvetica;
}

#menuheader:link {
	font-family: Futura, Arial, Helvetica;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
}
#menuheader:visited {
	font-family: Futura, Arial, Helvetica;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
}
#menuheader:hover {
	font-family: Futura, Arial, Helvetica;
	font-size: 9px;
	color: #000000;
	text-decoration: underline;
}

.credit {
border-color: #000000;
border-style: solid;
border-width: 1px;
}

#tab1 {
position: relative;
top:-5px;
left:-10px;
}
#tab2 {
position: relative;
top:-5px;
left:-10px;
}
#tab3 {
position: relative;
top:-12px;
left:-10px;
}
#tab4 {
position: relative;
top:5px;
left:-10px;
}
#tab5 {
position: relative;
top:15px;
left:-10px;
} 
COME REALIZZARE FOGLI STILE CSS
ISTRUZIONI PER CREARE UN FOGLIO CSS E RELATIVO HTML
Nell'articolo precedente abbiamo visto cosa è un foglio stile CSS e quali benefici può portare ad un sito web. Ora vediamo come creare un CSS, come creare un file HTML privo di tabelle da abbinare al CSS e come associarli tra loro.

INIZIAMO A CREARE UN FOGLIO CSS CON UN QUALSIASI EDITOR
Per creare un foglio CSS va bene qualsiasi editor (Frontpage, Dreamweaver, o anche il blocco note di Windows); l'importante è salvare il file nella stessa cartella in cui collocheremo i file HTML e assegnargli come estensione .CSS.

Digitiamo nel foglio CSS vuoto le seguenti informazioni (se non volete digitare potete aprire il file prova.css e fare un copia/incolla del contenuto):

body { 
font: 10px/12px verdana; 
color: white; 
background: url(sfondoprincipale.jpg); 
margin: 0 auto; 
}
#contenitore { 
width: 630px; 
background: url(sfondo-centrale.jpg) repeat-y; 
margin: 0 auto; 
padding: 20; 
text-align: justify;
}
#intestazione {
width: 630px; 
height: 278px; 
background: url(intestazione.jpg) repeat-x; 
}

#intestazione h3 { 
margin: 0px 0px 0px 10px; 
font: 18px/24px arial,sans-serif; 
color: yellow; 
}

h3 { 
font: 16px/24px arial,helvetica,sans-serif; 
color: white; 
margin-left: 0px;
}


#table{
position: absolute;
top: 0px;  
padding: 8;  
height: 65px; 
background : #FFFFFF;
}




td#version{
position: absolute;
border:1px dashed #ac99de;
right : 200px;
}

td#space{height:28px;}

table#result{
width:525px;
height:265px;
position: absolute;
top:-10px;
scroll: no;
padding-top:10px;
margin-left:-10px;
margin-right:0px; 
}

table#margine{position: absolute;padding-bottom:10px;top:1px;left:1px;}
table#sfondo{background: url(img/sfondoind.gif) 0 0 no-repeat;}
#bordo tr{padding :2px 2px 2px 2px;}
#area {margin-left : 5px;} 
#icona {border:1px solid #cccccc;}  
#menu_sx{position: relative;top:-5px;}
#menueng_sx{position: relative;top:3px;} 
#menueng2_sx{position: relative;top:9px;}  
 
#percorso {color: #EE2D2D; font-style: normal; font-weight: bold; font-size: 9px; top: 2px; font-family: Futura, Arial, Helvetica;}
#titinterni {color: #EE2D2D; font-style: normal; font-size: 1.94em; font-family: Futura, Arial, Helvetica; font-weight: bold; top: 20px;}
#titnews{position:absolute;color: #EE2D2D; font-style: normal; font-size: 1.m; font-family: Futura, Arial, Helvetica; font-weight: bold; top: 20px;left:75px;}
#path_news {position:absolute;color: #EE2D2D; font-style: normal; font-weight: bold; font-size: 9px; top: 7px; font-family: Futura, Arial, Helvetica;left:75px;}
table#macro{position: absolute; padding-bottom:10px;top:50px;left:10px;}
.img{background: #FFF; float: right; padding: 1px; margin: -12px -2px 5px 2px; color: #333; border: 2px solid #FFFFFF; float:right;} 
.news{background: #EFEFEF;padding: 5px;width:506px;}
.content {color: #EE2D2D;font-size: 11px;font-family: Arial, Helvetica; padding: 3px;background: #EFEFEF;width:98%;}
.news_h{background: #EFEFEF;color: #000000;	font-style: normal;	font-weight: bold;	font-size: 11px;font-family: Futura, Arial, Helvetica;width:60%;float:left;padding-left:3px;}
.news_date{background: #EFEFEF;color: #000000;	font-style: normal;	font-weight: bold;	font-size: 11px;font-family: Futura, Arial, Helvetica;width:14%;margin-right:5px;text-align:right;}