@import "fonts.css";

DIV#nav { position: fixed;
          top: 10px;
          left: 10px;
          width: 10em;
	  font-family: sans-serif;
}
#nav TABLE { border: solid blue thin;
             background: #66ccff;
}
#nav TD { border: solid white thin;
}
#nav .main TD { font-size: large;
               font-weight: bold;
	       background: #ccccff;
}
#nav .sub0 TD:hover {background: #ffffff;}
#nav .sub0 TD { font-size: large;
               font-weight: bold;
	       background: #ccccff;
}
#nav .sub0 TD:hover {background: #ffffff;} 
#nav .sub1 TD { font-size: large;
               font-weight: bold;
	       background: #ccccff;
}
#nav .sub1 TD:hover {background: #ffffff;} 
#nav .sub2 TD { background: #cccccc;
                padding-left: 1em;
                font-size: medium;
}
#nav .sub2 TD:hover {background: #ffffff;}
#nav .sub3 TD { background: #cccc99; 
               padding-left: 2em;
               font-size: small;
}
#nav .sub3 TD:hover {background: #ffffff;}
#nav .sub4 TD { background: #cc9999;
                padding-left: 3em;
                font-size: small;
}
#nav .sub4 TD:hover { background: #ffffff; }
DIV.main {
           margin-left: 13em;
           margin-right: 3em;
           /*right: expression(eval(document.documentElement.clientWidth));
           position: absolute;
           top: 15px;*/
}

DIV#counter { position: fixed;
              left: 10px;
              bottom: 2px;
              font-family: sans-serif;
              font-size: xx-small;
              width: 15em;
}

#timenote { font-size: xx-small; }
#feednote { font-size: xx-small; }

.main P { text-align: justify; }

@media print {
    #nav { display: none; width: 0pt; }
    #counter { display: none; width: 0pt; }
    DIV.main { margin-left: 0em; }
    
}

BODY { background: #eeeeff;
       color: black;
       /* Should I specify or leave alone? */
       font-family: FontinEOT, Fontin, "Palatino Linotype", Palatino, "Book Antiqua", serif;
}
A { text-decoration: underline; }
A:hover { text-decoration: none; }
A.intern:visited { color: #6633cc; }
A.extern:visited { color: #666600; }
A.wiki:visited { color: #666600; }

A.intern { color: #0000ff; }
#nav A { text-decoration: none; }
#nav A:hover { 
	color: #cc6600;
	text-decoration: underline; }
A.intern:active { color: #ff0000; }
#nav .current A.intern { color: #000000; }

A[name] { color: inherit; text-decoration: inherit; }

A.extern { color: #336600; }
A.wiki { color: #336600; }
/* A.extern:after { content: "\2934"; } */
/* A.extern:after { content: "\21D7"; } */
/* A.extern:after { content: "\21EB"; } */
/* A.extern:after { content: "\21E7"; } */
/* A.extern:after { content: "\238B"; } */
/* A.extern:after { content: "\2387"; } */
/* A.extern:after { content: "\2398"; } */
/* A.extern:after { content: "\2398"; } */
/* A.extern:after { content: "\2387"; } */
/* A.extern:after { content: "\2387"; } */
A.extern:after { content: "\00A0" url(/external.png); }
A.extern:hover { color: #006600; }
A.extern:active { color: #ff0000; }

A.wiki:after { content: "\00A0" url(/wikipedia_link.png); }
A.wiki:hover { color: #006600; }
A.wiki:active { color: #ff0000; }

A.broken, .broken { 
   color: black; 
   border-bottom: thin dashed gray; 
   text-decoration: none;
}
#nav A.broken, #nav .broken { 
   color: #666666;
   text-decoration: line-through;
   border-bottom: none;
}


Q { quotes: "\201C" "\201D"; }

:lang(tlh) { color: #330000;
             font-weight: bold;
	     quotes: "\00AB" "\00BB";
}

:lang(jbo) { font-family: Courier, monospace;   /* Sans better? */
	     quotes: "\00AB" "\00BB"; 
}

.nobr { white-space: nowrap; }

.emphatic { 
        padding-left: 2em;
        padding-right: 2em;
        border: thin solid #000066;
        color: #000066;
        background-color: white;
}