/*
<h2>    Page    </h2>
<!--    ====    -->
get lazio bgcolors, and colors 
BiancoCeleste:    009ae4,   link ffff00    vis ffffaa   active  
Gold:              FFFF00,  maybe FFFF33
Dark Blue:    003366
Gray:     CCCCCC
Red:    CC0033
White:       ffffff
MIddle blue:  6699cc
New upper middle blue:  3266CC
highlight sky blue:  99ffff
*/
BODY    
        {
        font-family:    Verdana, "Myriad Web", Arial, Helvetica, sans-serif;
        margin-top:     0px;
        margin-left:    0px;
        margin-right:   0px;
        margin-bottom:  0px;
        padding-top:    0;
        padding-left:   0;
        padding-right:  0;
        padding-bottom: 0;
        text-indent:    14pt;
        border-top:     0;
        border-left:    0;
        border-bottom:  0;
        border-right:   0;
        width:  auto;
        background-color: #ffffff;
        color:          navy; 
        }

/* note, comment (boxed)
   Use Bianco-Celeste  
*/
.boxnote{
        background-color: #99ffff;
        text-indent: 14pt; 
        margin: 4pt; 
                padding: 6pt; 
                border: 4pt; 
                border-style: solid; 
                border-color: ffff00; 
}

/* note, comment */
.headfoot, .footer, .header, .nav, .mynote {
 font-family : "Times New Roman", Times, serif;
 color: #000000;
}


/* sig footer*/
.sig {
 font-family : "Comic Sans MS", "Times New Roman", Times, serif;
 color: #000000;
}


/* Goal: avoid Courier */
VAR, CODE, PRE, SAMP, TT, KBD { 
 font-family: Fixedsys, "Andale Mono", "Courier New", Courier, monospace;
 font-weight: normal;
 color: #003366;
 }

HR  {
 color:#CCCCCC;
 }

EM, VAR, CITE, DFN { 
 font-style: italic;
 }
STRONG { 
 font-style: italic;
 font-weight: bold;
 }

.warning {
	BACKGROUND: #CCCCCC; 
      COLOR: red; 
      FONT-STYLE: normal; 
      FONT-WEIGHT: bolder; 
      TEXT-TRANSFORM: none;
}

/*

<h2>    Links   </h2>
<!--    =====   -->
should try underline for this later. 
*/
A:link
        {
        text-decoration :       none;
        color           :       #009ae4;
        background      :       transparent;
        }
A:visited 
        {
        text-decoration :       none; 
        color           :       #6699cc; 
        background      :       transparent; 
        }               
A:active 
        { 
        text-decoration :       none; 
        color           :       #99ffff;
        background      :       #ffffaa;
        }
A:hover 
        { 
        text-decoration :       none; 
        color           :       #003366;
        background      :       #99ffff;
        }
A.onsite:link 
        { 
        text-decoration: none;
        color: blue;
        } 
A.onsite:visited 
        { 
        text-decoration: none;
        color: #6699cc;
        } 
A.onsite:active 
        { 
        text-decoration: none;
        color: #99ffff;
        } 
A.onsite:hover 
        { 
        text-decoration: underline;
        color: #003366;
        background-color: #99ffff;
        } 
  
A.ulink:link 
        { 
        text-decoration: none;
        color: #009ae4;
        } 
A.ulink:visited 
        { 
        text-decoration: none;
        color: #6699cc;
        } 
A.ulink:active 
        { 
        text-decoration: none;
        color: #99ffff;
        } 
A.ulink:hover 
        { 
        text-decoration: underline;
        color: #003366;
        background-color: #99ffff;
        } 


/*
<h2>    Headings and Text Elements        </h2>
<!--    ========        -->
gold color:  ffcc00
*/
H1      {
        COLOR: black;
        FONT-FAMILY:Arial, Helvetica, sans-serif;
        FONT-WEIGHT: bold;
        }
H2      {
        COLOR: black; 
        FONT-FAMILY:    Arial Narrow, Helvetica Narrow, sans-serif; 
        FONT-WEIGHT: bold;
        }
H3      {
        COLOR: black; 
        FONT-FAMILY:    Arial Narrow, Helvetica Narrow, sans-serif; 
        FONT-WEIGHT: bold;
        }
H4      {
        COLOR: black; 
        FONT-FAMILY:    Arial Narrow, Helvetica Narrow, sans-serif; 
        FONT-WEIGHT: bold;
        }
P, TR, THEAD, TFOOT, TH, TD, 
DL, OL, UL, BLOCKQUOTE, SPAN, BR
        {
        FONT-FAMILY:
        Arial,  
        Helvetica,      sans-serif;
        }
.teeny  {
        font-family     :       Verdana, Arial, Helvetica, sans-serif;
        font-size       :       8pt;
        }

/*
<h2>    Bullet item lists      </h2>
<!--    ======  -->
*/
DIV.toc, DIV.metanote {
 margin-left: 10%;
 margin-right: 10%;
}

.toc1 {
 list-style-type:  square;
 font-weight: bold;
}

.toc2, .toc3, .toc4, .tocN {
 list-style-type: none;
 font-size: 90%;
 font-weight: normal;
}

.bod, .contents {
 margin-left: 5%;
 margin-right: 4%;
}

UL.hidebullets {
 list-style-type: none;
}

/*

<h2>    Navigation      </h2>
<!--    ======  -->
*/
.icomtitle  
        {
        font-family     :Verdana, Arial, Helvetica, sans-serif;
        font-size       :12pt;
        color           :#003366;
        background      :transparent;
        line-height     :.1em;
        }

.icomlink       
        {
        font-family     :Verdana, Arial, Helvetica, sans-serif;
        font-size       :8pt;
		color			:navy; 
        }

.siteNavHead 
        {
        COLOR: #003366;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: bold
        }

.siteNavLink 
        {
        COLOR: #003366;
        FONT-SIZE: 9pt
        }

.siteNavTD 
        {
        BACKGROUND-COLOR: #99ffff ;
        COLOR: #3266CC;
        }


/*

<h2>    Header Elements </h2>
<!--    ======  -->
*/
.gold
        {
        background-color: #ffff33;
        }


/*
<h2>    Abstract        </h2>
<!--    ==================-->

*/
.Abstract       
        {
        background-color: #009ae4;
        border-width : 2px;
        border-color : #6699cc;
        border-style : solid;
        /*padding : 10px;
        font-size: 10pt;
        /*font-weight: bold;*/
        color   :       #000066;
        }
/*


<h2>    eXaMPle Screen  </h2>
<!--    ==================-->

        <p>The ht processor</a>
        translates XMP tags to PRE.</p>
*/
Pre.Xmp, Pre
        {
        background:     #99ffff;
        color:          black;
        width:          auto;
        font-weight:    bold;
        margin-left:    1em;
        margin-right:   1em;
        border:         solid 2px black;
        white-space:    pre;
        font-family:    Courier, fixed, serif;
        text-align:     left;
        }

PRE.xmp EM
        {
        font-style:     bold;
        color:  black;
        background: transparent;
        }
CODE
        {
        color:        #00000A;
        background: transparent; 
        }
DIV.example
        { 
        margin-left:    2em;
        margin-right:   2em;
        border: solid 2px #003000;
        }


/*
<h2>    Look-up Table   </h2>
<!--    ==================-->

        Resource tables, link in left cell and annotation in the right cell.
<p>
        [!      Left column     !|      Right column    |]
        [!      <a href="">Left column</a>     !|      <a href="">Right column</a>    |]
*/
TH.LuT  A       
        {
        color:          #000000;
        background:     transparent;
        }
TH.LuT  A:visited       
        {
        color:          #000000;
        background:     transparent;
        }
TH.LuT  A:hover     
        {
        color:          #000000;
        background:     #99ffff;
        }
TH.LuT
        {
        background:     #6699CC;
        color:          #000000;
        }
TD.LuT  A:link
        {
        color:          #000000;
        text-decoration: underline;
        background:     transparent;
        }
TD.LuT  A:visited
        {
        color:          #000000;
        text-decoration: underline;
        background:     transparent;
        }
TD.LuT
        {
        background:     #CCCCCC;
        color:          #000000;
        }


/*
<h2>    Information Panel       </h2>
<!--    ==========================-->
<div    class=Info>
        DIV Emphasises a block of stuff.
        This is <a class=Info href="/">Leo Web</a>.
</div>
<table><tr>
<th class=Info>
        TH Emphasises a block of stuff.
        This is <a class=Info href="/">Leo Web</a>.
</th>
<td class=Info>
        TD Emphasises a block of stuff.
        This is <a class=Info href="/">Leo Web</a>.
</td>
</tr></table>
*/
TH.Info, TD.Info
        {
        background:     #009ae4;
        color:          #660000;
        font-family:    Arial, Helvetica, sans-serif; 
        font-size:      10pt;
        }
TH.Info A, TD.Info A
        {
        background:     #ffff33;
        color:          #ff6600;        
        }
Div.Info, P.Info
        {
        background:     #009ae4;
        color:          #660000;
        text-align:     left;
        border:         blue;
        padding:        3;
        font-family:    Arial, Helvetica, sans-serif; 
        font-size:      10pt;
        }
Div.Info A, P.Info A, Div.Info A:visited, P.Info A:visited
        {
        background:     #009ae4;
        color:          #660000;        
        text-decoration: underline;
        }


/*
<h2>    HiLite  </h2>
<!--    ==========-->

        <span class=HL>Just like those yellow markers...</span>
*/
.HL
        {
        background:     #ffff66;
        color:          #000000;
        }
TD.HL
        {
        background:     #ffff66;
        color:          #000000;
        }


/*
<h2>    Name/Value Tables       </h2>
<!--    =================-->
<center>
<table  cellpadding=8>
<tr><th class=Type> Type        </th><th class=Type>Meaning     </th></tr>
<tr><th class=Name> Name        </th><th class=Value>An identifier</th></tr>
<tr><th class=Name> Value       </th><th class=Value>Its contents</th></tr>
</table>
</center>
*/
.Type
        {
        background:     #cccccc;
        color:          #000066;
        }
.Name
        {
        background:     #99ffff;
        color:          #6699cc;
        vertical-align: top;
        text-align:     right;
        }
.Value
        {
        background:     #99ffff;
        color:          #000066;
        }




/*
<h2>    Buttons </h2>
<!--    ==========-->
        <table><tr><td class=Button>
        See the menu bar at bottom.
        </td></tr>
        </table>
*/
A.Button:hover
        {       color:  #cccccc;
        background:     transparent;
        }
A.Button
        {
        text-decoration:        none;
        color:          #cccc00;
        background:     #ffff33;
        }
.Button
        {
        text-align:     center;
        text-decoration:        none;
        color:          #cccc00;
        background:     #ffff33;
        border-top:     2px solid #ffff00;
        border-left:    2px solid #ffff00;
        border-right:   2px solid #ffcc33;
        border-bottom:  2px solid #ffcc33;
        font-family:    Arial, Helvetica, sans-serif;
        }


/*
<h2>    Banners </h2>
<!--    ==========-->
        <table><tr><td class=Banner>
        Celebrazio Net
        </td></tr>
        </table>
*/
TH.Banner
        {
        color:  black;  
        background:     #ffcc33;
        }
.Banner 
        {
    margin-left:    0;
    text-align:     center;
    text-decoration:        none;
    color:          #003366;
    background:     #ffcc33;
    border-top:     4px solid #ffff99;
    border-left:    4px solid #ffff99;
    border-right:   4px solid #cc9933;
    border-bottom:  4px solid #cc9933;
    font-family:    Arial, Helvetica, sans-serif;
    }


/*
<h2>    Navigation Links        </h2>
<!--    ================        -->
*/
TH.Nav  
        {
        background:     #CCCCCC;        
        color:          #000000;
        }
TH.Menu 
        {
        background:     #cccccc;        
        color:          #000000;
        }
A.Menu:hover
        {
        color:          #6699cc;
        background:     transparent     
        }
A.HoMe:hover
        {
        color:          #6699cc;
        background:     transparent
        }
A.Menu
        {
        background:     white;
        color:          #6699cc;
        font-family:    Arial, Helvetica, sans-serif;
        font-size:      smaller;
        text-decoration:        none;
        }
A.HoMe
        {
        background:     white;
        color:          #6699cc;
        font-family:    Arial, Helvetica, sans-serif;
        text-decoration:        none;
        }
/*
Away class

*/

.away  { 
       display:  none; 

       }


/* Class for social links ---
#.fldisp { display: inline; margin-left:auto; margin-right:auto;    vertical-align: -50%} 

*/ 
.fldisp { display: inline; margin-left:auto; margin-right:auto;    vertical-align: -50%} 
/*
<h2>   Jinx class </h2>
<!--    ==========-->
        <span class=wcjinx>
        See the menu bar at bottom.
        </span>
*/
.wcjinx 
        {
        text-decoration:        underline;
        background:             pink; 
        }


/* Sitemap */
#sitemap { float:left; width:300px; font-style:normal; padding:30px 0px 0px 15px; line-height:21px;}

/**/

		   /*content*/
		   .content { float:left; width:684px; padding:10px 0px 0px 0px; font-size:12px; color:#666666; margin:0px 10px 0px 10px; display:inline;}
		   .content h3 { font-size:16px; color:#333; margin:0px; padding:0px; border-bottom: 1px solid #f1f1f1; padding-bottom:5px; margin-bottom:10px; clear:both; }
		   .content h4 { font-size:13px; font-weight:bold; font-style:italic; color:#000; padding:0px 0px 10px 0px; clear:both;}
		   .content h4 a {font-size:13px; font-weight:bold; font-style:italic; color:#000; padding:0px 0px 10px 0px; clear:both;}
		   .content h4.org { color:#FF3300;}
		   .content h5 { font-size:13px; font-weight:normal; color:#000;}
		   .content h6 {font-size:12px; color:#000; font-weight:bold; margin:0px; padding:0px; border-bottom: 1px solid #f1f1f1; padding-bottom:3px; margin-bottom:10px; clear:both;}
		   .content p { padding:0px 0px 15px 0px; line-height:17px; clear:both}
		   .content p span { color:#0b498f;}
		   .content ul { margin:0px 0px 10px 0px; padding:0px;}
		   .content ul li { list-style:none;  background:url(images/org-arrow.gif) 0px 8px no-repeat; line-height:22px; padding-left:20px; }  
		   .content ul li span { color:#0b498f;}
		   .content ul li a { font-style:normal;}
		   .content ul li a:hover { font-style:normal; color:#000;} 
		   .content a { color:#0b498f; font-style:italic;}
		   
	
/**/