html {margin: 0; padding:0}
body {text-align: center; font-family: verdana,sans-serif; font-size: 10px; color: #ffffff; background-color: #010101;
background-image: url(Spalla.jpg); background-repeat: no-repeat; margin: 0; padding:0}

a:link {color: #66abbc; border-color: #66abbc}
a:visited {color: #66abbc; border-color: #66abbc}
a:active {color: #66abbc}
a:hover {color: #ffff00}
a#activelink{color: #ffffff}

#container
{
position: relative;
width: 760px;
height: 580px;
margin: 0px auto;
border-left: 1px solid #345678;
border-right: 1px solid #345678;
border-top: 1px solid #345678;
border-bottom: 1px solid #345678;
background-image: url(http://www.clairvoyants.it/immagini/Sfondo.jpg);
text-align: left;
}

#header
{
position: relative;
top: 0px;
left: 0px;
height: 100px;
border-bottom: 1px solid #345678;
background-color: #010101;
color: #ffffff;
text-decoration:none;
}

#navigation
{
}


#immagine
{
position: absolute;
top: 125px;
width: 320px;
margin-top: 10px;
margin-left: 10px;
background-color: #010101;
border: 1px solid #345678;
}

#prossimadata
{
position: absolute;
top: 134px;
right: 10px;
width: 360px;
height: 50px;
background-color: #010101;
border: 1px solid #345678;
}

#titolobox
{
position: relative;
text-align: center;
background-color: #010101;
height: 15px;
letter-spacing: 2px;
color: #ff0000;
border-bottom: 1px solid #345678;
}

#contenutodata
{
position: relative;
height: 35px;
text-align: center;
}

#news
{
position: absolute;
top: 200px;
right: 10px;
width: 360px;
height: 209px;
border: 1px solid #345678;
background-color: #010101;
}

#contenutonews
{
position: relative;
height: 164px;
margin: 5px;
color: #dddddd;
}

#hotlink
{
position: absolute;
top: 420px;
right: 10px;
width: 360px;
height: 50px;
border: 1px solid #345678;
background-color: #010101;
}

#contenutohotlink
{
position: relative;
height: 35px;
margin: 5px;
text-align: center;
}

#mailinglist
{
position: absolute;
top: 420px;
left: 10px;
width: 362px;
height: 50px;
border: 1px solid #345678;
background-color: #010101;
}

#contenutomailinglist
{
position: relative;
height: 35px;
margin: 5px;
}

#contakm
{
position: absolute;
bottom: 28px;
left: 10px;
width: 250px;
height: 50px;
border: 1px solid #345678;
background-color: #010101;
}

#contenutocontakm
{
position: relative;
height: 32px;
margin: 5px;
text-align: center;
}

#banner
{
text-align: center;
position: absolute;
bottom: 25px;
right: 10px;
height: 60px;
}

#footer
{
background-color: #000000;
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
height: 20px;
}





.normale
{
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 7px;
color: white;
}


.normYel
{
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
color: yellow;
}

.normRed
{
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
color: red;
}


.piccolo
{
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
color: white;
}