/* ---------------- LAYOUT DESIGN ---------------- */

body
{
    text-align: left;
    background-color: #000; /*#889093;*/
    background-image: url(  'immagini/Body_Bg.gif' );
    font-family: Arial;
    margin: 0;
    padding: 0;
    color: #fff;
    width: 100%;
}

#Top
{
    position: absolute;
    right: 0em;
    border: 0;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    padding: 0 0 .3em 0;
    color: #aaa;
    background-color:#000;
    text-align: center;
}

#header
{
    border: 0;
    background-image: url(     'immagini/Top_BG_DX.jpg' ); /* Background dell`header */
    background-repeat: repeat-x;
    height: 208px;
    width: 100%;
    margin: 0;
    padding: 0;
}

#MainContainer /* Contiene Menu, HorNav, MainCOntent e sottomenu */
{
    background-image: url(     'immagini/Body_LogoSW.jpg' ); /* Background dell`header riflesso */
    background-repeat: no-repeat;
    margin: 0;
    padding: 0; /*.5em*/
    border-top: solid 1px white;
}
#Navigator /*Contiene HorNav e Search*/
{
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    padding: .2em 0 .4em 1em;
    background-image: url('immagini/FondoNavigazione.png');
    margin-top: .6em;
    font-size: .9em;
    color:Navy;
    
}
#Search
{
    position: absolute;
    right: 2.5%;
    margin-top: -0.2em;
}

#Main_Content /* Contenuto principale */
{
    position: static;
    float: right;
    width: 63%;
    padding: 1%;
    margin: 1% 1% 1% 0%;
/*    background-image: url(   'immagini/FondoTrasparente4.png' );*/
    background-color: White;
    background-repeat: repeat;
    border: solid 1px black;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    color: Black;
    
}
#Categories /* Menu principale */
{
    position: static;
    width: 17%;
    padding-top: .6em;
    margin: 1% 0% 1% 1%;
    background-image: url(   'immagini/FondoTrasparenteVerticale3.png' );
    background-repeat: repeat;
    border: solid 1px black;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    color: Black;
    font-family: "Trebuchet MS", Arial;
}
#Last_Inserted /* sotto Menu Principale*/
{
    position: static;
    width: 17%;
    padding-top: .6em;
    margin: 2% 0% 1% 1%;
    background-image: url(   'immagini/FondoTrasparenteVerticale3.png' );
    background-repeat: repeat;
    border: solid 1px black;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    color: Black;
}

#GoogleSynLeft /* Google Syndacation Menu LEFT*/
{
    position: static;
    width: 17%;
    padding-top: .6em;
    padding-bottom: .6em;
    margin: 2% 0% 1% 1%;
    background-image: url(   'immagini/FondoTrasparenteVerticale3.png' );
    background-repeat: repeat;
    border: solid 1px black;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    color: Black;
    text-align:center;
}

#GoogleSynRight /* Google Syndacation Menu RIGHT*/
{
    float:right;
    width: 13%;
    padding-top: .6em;
    padding-bottom: .6em;
    margin: 1% 1% 1% 0%;
    background-image: url(   'immagini/FondoTrasparenteVerticale3.png' );
    background-repeat: repeat;
    border: solid 1px black;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    color: Black;
    text-align:center;
}

#GoogleSynBottomArticle
{
    padding: .5em 0 .5em 0;    
}

#Last_Replies /* sinistra */
{
    float: left;
    width: 44%;
    padding: 1%;
    margin: 2% 1% 1% 2%;
    background-image: url(   'immagini/FondoTrasparenteVerticale3.png' );
    background-repeat: repeat;
    border: solid 1px black;
    color: Black;
}

#Info /* destra */
{
    float: right;
    width: 44%;
    padding: 1%;
    margin: 2% 2% 1% 0%;
    background-image: url(   'immagini/FondoTrasparenteVerticale3.png' );
    background-repeat: repeat;
    border: solid 1px black;
    color: Black;
}

#Footer /* Layout element: contains Last_Replies and Info */
{
    clear: left;
}

#EndPage
{
    clear: both;
    padding: 0;
    margin: 0;
    background-image: url(    'immagini/Bottom_SX.jpg' );
    background-repeat: repeat-x;
    height: 413px;
    border-top: solid 1px black;
    color: Black;
    text-align: center;
    font-size: 0.8em;
}

/* ---------------- END of LAYOUT DESIGN ---------------- */


/* ---------------- Graphics DESIGN ---------------- */

#header .Logo
{
    background-image: url(     'immagini/Top_Logo.jpg' ); /* Logo */
    background-repeat: no-repeat;
    height: 208px;
    margin: 0;
}

#header .PositionLayout
{
    position: absolute;
    top: 4.5em;
    right: 1em;
    text-align: center;
    width: 350px;
    margin: 0;
    padding: 0;
}
#header .Titolo
{
    color: #fff;
    font-family: "Trebuchet MS" , Arial;
    font-size: 2.5em;
    margin: 0;
    padding: 0;
}

#header .Sottotitolo
{
    color: #ccc;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

#EndPage .EndLogo
{
    background-image: url(    'immagini/Bottom_Page_Vesuvio.jpg' );
    background-position: 20px 0;
    background-repeat: no-repeat;
    height: 413px;
    padding-top: 2em;
}

#EndPage .EndLayout
{
    margin: 0;
}

#MainPager
{
    padding: .5em 0 .5em 0;
    margin-top: 1em;
    margin-bottom: 1em;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
}
#MainPager a
{
    color: Navy;
    text-decoration: underline;
    font-weight:normal;
}

#MainPager a:hover
{
    color: Green;
    text-decoration: none;
}

#PagerPrevious
{
    text-align: left;
    padding-right: 5em;
}

#PagerNext
{
    text-align: right;
    padding-left: 5em;
}

/* ---------------- END of Graphics DESIGN ---------------- */


/* ---------------- ELEMENT Design ---------------- */
ul
{
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
}

h1
{
    margin-top: 0;
    color: Navy;
}

h1 a
{
    font-family: "Trebuchet MS" , Arial;
    color: Navy;
    text-decoration: none;
}

h1 a:visited
{
    font-family: "Trebuchet MS" , Arial;
    color: #360;
    text-decoration: none;
}

h1 a:hover
{
    font-family: "Trebuchet MS" , Arial;
    color: #900;
    text-decoration: underline;
}

#Main_Content p
{
    font-family:  Arial;
    font-size: 95%;
    line-height: 1.5em;
}

#Main_Content ul
{
    list-style-type: disc;
    font-family:  Arial;
    font-size: 95%;
    line-height: 1.5em;
}
img.MainImages
{
    margin: 1em;
    float: right;
    border: solid 1px black;
}

img.MainBigImages
{
    float: none;
    border: solid 1px black;
}

.SpanBigImage
{
    text-align: center;
    clear:both;
}

.SpanBigVideo
{
    text-align:center;
    float: none;
    clear: both;
}

.ObjectVideo
{
    margin: 1em;
    float: left;
}

#Categories ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-position: outside;
    text-align: center;
    font-weight: bold;
    font-size:95%;
}

#Categories ul a
{
    text-decoration: none;
    color: Navy;
    display: block;
    padding: 0.1em 1em 0.1em 1em;
    margin: 0 0em 1px 0em;
    border-top: solid 1px transparent;
    border-bottom: hidden 1px transparent;
}

#Categories ul a:visited
{
    text-decoration: none;
    color: #336600;
}

#Categories ul a:hover
{
    text-decoration: underline;
    color: #990000;
    background-image: url(   'immagini/Fondo_Titolo_Verticale.png' );
}

#Categories ul a:active
{
    text-decoration: underline;
    color: #990000;
    background-image: url(   'immagini/Fondo_Titolo_Verticale.png' );
}

#Categories ul a:focus
{
    text-decoration: underline;
    color: #990000;
    background-image: url(   'immagini/Fondo_Titolo_Verticale.png' );
}

#Categories ul .ParentLink
{
    border-top: solid 1px black;
    padding: .3em 0 .3em 0;
    font-size: .7em;
    font-weight: normal;
    color:Navy;
}

#Last_Inserted ul
{
    margin: 0 0 .5em 0;
    padding: 0;
    list-style: none;
    list-style-position: outside;
    font-size: 0.8em;
    
}

#Last_Inserted ul a
{
    text-decoration: none;
    font-weight: bold;
    color: Navy;
    display: block;
    padding: 0.2em 1em 0.2em 1em;
    margin: 0;
}

#Last_Inserted ul a:visited
{
    font-weight: bold;
    text-decoration: none;
    color: #336600;
}

#Last_Inserted ul a:hover 
{
    font-weight: bold;
    text-decoration: underline;
    color: #990000;
    background-image: url(   'immagini/Fondo_Titolo_Verticale.png' );
}
#Last_Inserted ul a:active
{
    font-weight: bold;
    text-decoration: underline;
    color: #990000;
    background-image: url(   'immagini/Fondo_Titolo_Verticale.png' );
}
#Last_Inserted ul a:focus
{
    font-weight: bold;
    text-decoration: underline;
    color: #990000;
    background-image: url(   'immagini/Fondo_Titolo_Verticale.png' );
}

.ContentHeader
{
    font-size: 0.8em;
    font-style: italic;
    text-align: center;
    margin: 0;
    padding-bottom: 0.5em;
    border-bottom: solid 1px black;
}

img
{
    border: solid 1px black;
}
img:hover
{
    border:solid 1px red;
}
img:focus
{
    border:solid 1px red;
}
img:active
{
    border:solid 1px red;
}


/* ---------------- END of ELEMENT Design ---------------- */


/* ---------------- General Classes ---------------- */
.AccessAid 
{
    color:#000;
}
.AccessAid ul
{
    margin:0;
    padding:0;
}
.AccessAid li
{
    padding: 0 .5em 0 .5em;
    font-size: .8em;
    display: inline;
}

.AccessAid a
{
    color: #ccc;
    text-decoration: none;
}

.AccessAid a:visited
{
    color: #ccc;
    text-decoration: none;
}

.AccessAid a:hover
{
    color: #fff;
    text-decoration: underline;
}

.AccessAid a:active
{
    color: #fff; /*Viola*/
    text-decoration: none;
    background-color: Black;
}

.AccessAid a:focus
{
    color: #fff; /*Viola*/
    text-decoration: none;
    background-color: Black;
}

A.LinkNavigatore
{
    color: navy;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
}

A.LinkNavigatore:visited
{
    color: navy;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
}
A.LinkNavigatore:hover
{
    color: #933;
    text-decoration: underline;
    font-weight: bold;
}
A.LinkNavigatore:active
{
    color: #933;
    text-decoration: underline;
    font-weight: bold;
    font-size: 100%;
}
A.LinkNavigatore:focus
{
    color: #933;
    text-decoration: underline;
    font-weight: bold;
    font-size: 100%;
}

A.LinkContinua
{
    color: #070;
    text-decoration: underline;
    font-weight: bold;
}

A.LinkContinua:hover
{
    color: #FF9900;
    text-decoration: none;
    font-weight: bold;
}


A.LinkCommenti
{
    color: #0aa;
    text-decoration: underline;
    font-weight: bold;
    font-size: 90%;
}

A.LinkCommenti:hover
{
    color: #FF9900;
    text-decoration: none;
    font-weight: bold;
}

.FileDownloadList
{
    margin: 1em 0 1em 0;
}
.DivFileDownloadList
{
    margin: .8em .2em .3em .2em;
    border-left: dotted 1px green;
    border-top: dotted 1px green;
    font-size: .8em;
    font-style: italic;
    padding-left: .3em;
    padding-top: .3em;
}
A.LinkAttach
{
    color: #00a;
    text-decoration: underline;
    font-weight: bold;
}

A.LinkAttach:hover
{
    color: #FF9900;
    text-decoration: none;
    font-weight: bold;
}

.DocSeparator
{
    height: 1em;
    border-bottom: dotted 2px black;
    margin-bottom: 1em;
    clear:both;
}

#ReservedArea img
{
    border: solid 0px red;
}

.Message
{
    font-weight: bold;
    color: white;
    background-color: green;
}

.ArticleDateTime
{
    font-family: Georgia, Arial;
    font-size: 150%;
    color: #050;
    letter-spacing: .2em;
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #0000FF;
    position: relative;
    top: -1em;
}
#InsertNotes
{
    display: block;
    padding: 1em;
    border: dotted 1px green;
}

#InsertNotes p
{
    border-bottom: solid 1px black;
}
.NotesAuthor
{
    color:Green;
    font-size:1.1em;
}
.NotesText
{
    font-family: verdana;
    font-size:.8em;    
}
.ValidatorClass
{
    color: Red;
    font-weight: bold;
}


/* ---------------- END of Classes ---------------- */
a
{
    text-decoration: underline;
    color: #006699;
    font-weight:bold;
}
a:visited
{
    text-decoration: underline;
    color: #006600;
}
a:hover
{
    text-decoration: none;
    color: #060;
}
a:active
{
    text-decoration: none;
    color: #060;
}
a:focus
{
    text-decoration: none;
    color: #060;
}