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

*/
BODY    
        {
        font-family:    "Myriad Web", Georgia, Serif, 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:        85%;
        /* background-color: #F7FCF5;    */ 
        background: linear-gradient( 70deg, #fffacd 40%, white, #fffacd);  /* lemon c*/  
        color:          navy; 
        }

a:link { color: #4400ff; }
a:visited { color: #3388ff; } 


/* note, comment (boxed)
   light tan  
*/
.boxnote{
        background-color: #cc6666;
        text-indent: 14pt; 
        margin: 4pt; 
                padding: 6pt; 
                border: 4pt; 
                border-style: solid; 
                border-color: #deb887; 
}

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


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


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

HR  {
 color:#999999;
 }

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 :       underline;
        color           :       navy;
        background      :       transparent;
        }
A:visited 
        {
        text-decoration :       none; 
        color           :       blue; 
        background      :       transparent; 
        }               
A:active 
        { 
        text-decoration :       none; 
        color           :       blue;
        background-color:       #ffffdd;
        }
A:hover 
        { 
        text-decoration :       none; 
        color           :       navy;
        background-color:       #ffffdd;
        }
A.onsite:link 
        { 
        text-decoration: none;
        color: navy ;
        } 
A.onsite:visited 
        { 
        text-decoration: none;
        color: blue;
        } 
A.onsite:active 
        { 
        text-decoration: none;
        color: #ffffdd;
        } 
A.onsite:hover 
        { 
        text-decoration: underline;
        color: navy;
        background-color: #ffffdd;
        } 
  
A.ulink:link 
        { 
        text-decoration: none;
        color: navy;
        } 
A.ulink:visited 
        { 
        text-decoration: none;
        color: blue;
        } 
A.ulink:active 
        { 
        text-decoration: none;
        color: black;
        } 
A.ulink:hover 
        { 
        text-decoration: underline;
        color: black;  
        background-color: #ffffdd;
        } 


/*
<h2>    Headings and Text Elements        </h2>
<!--    ========        -->
gold color:  ffcc00
*/
H1      {
        COLOR: black;
        FONT-WEIGHT: bold;
        
        color:#3d7097;
	    font-family:"Courier New",Courier;
        margin:1em 1em 1em 1em;
        padding:0;
        border-top:0px;
        border-right:0px;
        border-bottom:0px solid gray;
        border-left:0px;

        }
H2      {
        COLOR:     #3d7097; 
        FONT-FAMILY:    "Courier New",Courier, Helvetica Narrow, sans-serif; 
        FONT-WEIGHT: bold;
        }
H3      {
        COLOR:   #3d7097; 
        FONT-FAMILY:    "Courier New",Courier, Helvetica Narrow, sans-serif; 
        FONT-WEIGHT: bold;
        }
H4      {
        COLOR: black; 
        FONT-FAMILY:    "Courier New",Courier, 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     :Arial, Helvetica, sans-serif;
        font-size       :12pt;
        color           :#000000;
        background      :transparent;
        line-height     :.1em;
        }

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

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

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

.siteNavTD 
        {
        /** BACKGROUND-COLOR: #f7fcf5 ;    **/ 
        COLOR: navy;
        }


/*

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


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

*/
.Abstract       
        {
        /*  background-color: #F7FCF5; */ 
        border-width : 2px;
        border-color : navy;
        border-style : solid;
        /*padding : 10px;
        font-size: 10pt;
        /*font-weight: bold;*/
        color   :       navy;
        }
/*


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

        <p>The <a href="/Software/Perl/ht.html">ht processor</a>
        translates XMP tags to PRE.</p>
*/
Pre.Xmp, Pre
        {
        background:     white;
        color:          navy;
        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
        {
        background:     #ff9999;
        color:          #000000;
        }
TD.LuT  A
        {
        color:          #000000;
        background:     transparent;
        }
TD.LuT
        {
        background:     #ffff99;
        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:     #F7FCF5;
        color:          #0000aa;
        font-family:    Arial, Helvetica, sans-serif; 
        font-size:      10pt;
        }
TH.Info A, TD.Info A
        {
        background:     #F7FCF5;
        color:          #000000;        
        }
Div.Info, P.Info
        {
        background:     #F7FCF5;
        color:          navy;
        text-align:     left;
        border:         blue;
        padding:        3;
        font-family:    Arial, Helvetica, sans-serif; 
        font-size:      10pt;
        }
Div.Info A
        {
        background:     #F7FCF5;
        color:          navy;        
        }



/*
<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:     #F7FCF5;
        color:          #0000aa;
        border:         1px; 
        }
TH.Type {
        border:         1px solid #6666ff;
        }
.Name
        {
        background:     #F7FCF5;
        color:          #0000aa;
        vertical-align: top;
        text-align:     right;
        }
TD.Name, TH.Name {
        border:         1px solid #6666ff;
        }
.Value
        {
        background:     #F7FCF5;
        color:          #0000aa;
        }
TD.Value {
        border:         1px solid #6666ff;
        }




/*
<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;
        }


/* make it invisible  */

.away   {
        display:    none
        }

/*
<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;
        }
/*

George Ramos Memorial
*/