* { font-family: sans-serif; }
          pre { font-family: monospaced, mono, CourierBold, Courier; }
          td.mstd {vertical-align: top; width: 116px; 
                   padding-left: 3; padding-top: 6; }
          td.mst { font-weight: bold; color: black; height: 24px; 
                   width: 108px; padding-top:8px; padding-left: 4px;
		   background-image: url('./images/nav/fbs.gif'); }
a.nlms { position: relative; z-index: 2; }
A.nlms:link, A.nlms:active {text-decoration: none; font-weight: bold; color: #0000a0; background: transparent;}
A.nlms:visited {text-decoration: none; font-weight: bold; color: #0000a0; background: transparent;}
A.nlms:hover {text-decoration: none; font-weight: bold; color: red; background: transparent;}

A.nl:link, A.nl:active {text-decoration: underline; font-weight: bold; color: #0000a0; background: transparent;}
A.nl:link:visited, A.nl:visited {text-decoration: underline; font-weight: bold; color: #0000a0; background: transparent;}
A.nl:hover {text-decoration: underline; font-weight: bold; color: red; background: transparent;}

          body {
             background-image: url(./images/nav/lightpin.jpg);
             }
h1 { font-size: 150%; margin: 0 0 0.5ex 0}
h2 { font-size: 125%; margin: 0 0 0.5ex 0}
div.din { position: relative; }
div.bkgnd { background: white; position: absolute; left: 0; top: 0;
  right: 0; bottom: 0; z-index: 1; opacity: 0.7; }
div.din2 {padding-left: 1ex; font-size: small;}
div.din3 {padding-left: 2ex; font-size: small;}
div.din4 {padding-left: 3ex; font-size: small;}
div.sec {padding-left: 0ex;}
div.para { text-align: left; margin-bottom: 1ex;}
img.photo { border: solid white; border-width: 10px; }
p.photo  { margin-bottom: 0px; }
img.prod { margin: 2px; }
td.dc { padding-top: 1ex; padding-bottom: 1.2ex; 
        border-bottom: solid grey 1px; }
td.cl { padding-top: 1ex; padding-bottom: 1.2ex; padding-right: 1.2ex;
        width: 50pc; vertical-align: top; border-bottom: solid grey 1px;
        border-right: solid grey 1px; }
td.cr { padding-top: 1ex; padding-bottom: 1.2ex; 
        width: 50pc; vertical-align: top; border-bottom: solid grey 1px; }

span.tt { font-weight: bold; font-family: sans-serif,sans; }
span.tm { font-weight: bold; font-style: italic; font-family:
sans-serif,sans; }
table.tmt { text-align: center; border-collapse: collapse;
  border-width: 2px; border-style: solid; }

table.tmt td { padding: 5px; border-collapse: collapse;
  border-width: 2px; border-style: solid; }

table.tmt2 { text-align: center; border-collapse: collapse;
  border-width: 2px; border-style: solid; }

table.tmt2 td { padding: 5px; border-collapse: collapse;
  border-width: 2px; border-style: solid; text-align: left; }

div.date { font-weight: bold; }
div.ttl { font-weight: bold; font-style: italic; }
span.top { font-size: 75%; font-weight: bold; }
div.news_dt { text-align: left; font-weight: bold; font-style: italic;
	      font-size: 75%; float: left; padding-right: 1em;}
div.news_rm { text-align: right; font-size: 75%; }
span.news_dt { font-size: 75%; font-style: italic; }
div.news_ttl { font-weight: bold; clear: both; }
div.news_ttlf { font-weight: bold; font-size: 150%; }
div.news_ttlf div.news_dt { font-size: 50%; }
div.news_prev { font-size: 75%; }
span.r { font-weight: bold; font-size: 150%; color: #e04040}
span.g { font-weight: bold; font-size: 150%; color: #409040}
div.class { margin-bottom: 1em; }

span.ins { font-weight: bold; font-style: italic; }

div.ws { font-weight: bold; font-size: 120%;
  margin-top: 1em; }
div.wsl { background: white; float: left; margin-bottom: 0.5ex;}
div.wsr { float: right; font-size: 80%; }
div.wsr a { font-size: 80%; text-decoration: none; }

table.tl td { text-align: right; height: 2em; }
td.tl { border-bottom: solid black 1px; }

table.fb { margin: 0.5em; width: 98%; }
table.fb td { padding: 0px; margin: 0px; border: 0px;}
table.fb td.f0 { width: 2px; height: 2px; background: brown }
table.fb td.f1 { height: 2px; background: brown }
table.fb td.f2 { width: 2px; height: 2px; background: brown }
table.fb td.f3 { width: 2px; background: brown }
table.fb td.f4 { text-align: center; padding: 0.5em; }
table.fb td.f5 { width: 2px; background: brown }
table.fb td.f6 { width: 2px; height: 2px; background: brown }
table.fb td.f7 { height: 2px; background: brown }
table.fb td.f8 { width: 2px; height: 2px; background: brown }

html>body table.fb td.f0 { width: 5px; height: 6px; background: url(./images/nav/tl.gif) }
html>body table.fb td.f1 { height: 6px; background: url(./images/nav/tc.gif) }
html>body table.fb td.f2 { width: 6px; height: 6px; background: url(./images/nav/tr.gif); background-repeat: no-repeat; }
html>body table.fb td.f3 { width: 5px; background: url(./images/nav/ml.gif) }
html>body table.fb td.f5 { width: 6px; background: url(./images/nav/mr.gif); background-repeat: repeat-y; }
html>body table.fb td.f6 { width: 5px; height: 6px; background: url(./images/nav/bl.gif); background-repeat: no-repeat; }
html>body table.fb td.f7 { height: 6px; background: url(./images/nav/bc.gif); background-repeat: repeat-x; }
html>body table.fb td.f8 { width: 6px; height: 6px; background: url(./images/nav/br.gif); background-repeat: no-repeat; }

html>body table#top td+td { padding-left: 1ex; }

div.class_hdr { font-size: 80%; font-style: italic; }

a.wl { color: white; background: black; 
         background-image: url(./images/nav/fbg.png);
         text-decoration: none; }
a.wl:hover { font-weight: bold; text-decoration: underline; }

.fbg { background-image: url(./images/nav/fbg.png); }

.ws a { text-decoration: none; }
.ws a:hover { text-decoration: underline; }

div.description div.descrip { margin-left: 1em; margin-bottom: 0em; }

table.cats {  clear: both; }
table.cats a { display: block; text-decoration: none; }
table.cats a:hover { color: red; background: transparent; font-weight: bold;
               background: url('images/nav/lightpin2.jpg')}

  div.game { border: 3px solid black; background: white; }
  div.tile { border: 1px solid gray; }
  div.empty { -moz-opacity: .2; border: 1px solid lightgreen; } 

table.grid { border-collapse: collapse; }
table.grid td { border: solid #802020 1px; text-align: center;
                height: 2em; width: 32%; }

table.cats { font-size: 75%; text-align: center; border-collapse: collapse; 
             border: solid white 1px; margin: 2px; }
table.cats td { border: solid white 1px; padding: 3px; }
table.cats th { border: solid white 1px; padding: 2px; }
table.cats div { font-size: 133%; }

div.newnews { background-image: url(./images/nav/lightpin2.jpg);
              border: solid white 1px; padding: 3px; }