body {
  margin: 0;
  padding: 0
  color: black;
  font-family: Verdana, sans-serif;
  font-size: 1em;
  background: white;
  text-align: left;
  }

h1, h2, h3, h4 { font-family: Verdana, Geneva, Arial, sans-serif;
    margin-left: 0px;
    text-align: left;
    color: #066;
  } 

h2{font-size: 14pt;}

h3 { padding-top: 20px;
     font-size: 12pt;
   } 

h4{ 
   margin-top 0;
  } 

#base
    {
    position: relative;
    background-color: transparent;
    text-align: left;
    margin: 0px;
    width: 620px;
    height: 332px
    }

#pagetop{
   z-index: 100;
   padding: 0;
   margin: 0;
   margin-left: 0px; 
   background-color: #fff;
   position: absolute;
   width: 780px;
   height: 100px; 
   display: block;
   background-image: url(images/logoN4.jpg);
   background-position: 0px 20px;
   background-repeat: no-repeat;
   visibility: visible;
}


/*
#logo{
  z-index: 100;
  padding: 0;
  margin: 0;
  background-color: #Fff; 
  position: absolute;
  width: 150px;
  visibility: visible;
}*/
  


#sitenav{
  z-index: 150;
  padding: 0;
  margin: 0;
  margin-left: 150px; /*changed from 140*/
  background-color: #fff; /* #0ff; #cfc; */
  font-family:  Verdana, Geneva, Arial, sans-serif;
  text-align: left;
  position: absolute;
  width: 620px;
  display: block;
/* border-bottom: #00c; tpo remove */
  visibility: visible;

   background-image: url(images/topper02.jpg);
   background-position: 0px 0px;
   background-repeat: no-repeat;
  }
    


/* unordered list for site navigation */

#sitenav ul{
   padding: 0;
   padding-left: 4px;
   margin-left: 4px;
   margin-top: 65px; /*was 45 */
   font-size: .7em;
   text-decoration: none;
}


#sitenav ul li{
  list-style: none;
  margin: 0;
  padding:0;
  display: inline;
}


#sitenav ul li a{
   padding: 0px;
   margin-left: 0px; 
   border: 1px solid red;
   color: #ccc; /*seems to apply only after visiting*/
   background-color: #369; /* applies only after visiting */
   text-decoration: none;
}

#sitenav ul li a:link
    {
    color: #fff;  /*colors that apppears on first loading*/
    background-color: #369;      
    }

#sitenav ul li a:visited
    {
    color: #000;
    background-color: #069;       
    }

#sitenav ul li a:link:hover,
#sitenav ul li a:visited:hover
    {
    color: #000;
    background-color: #cff;
        padding-bottom: 2px;
    }
 

#sitenav li a:#current {
        background-color: #ff0;
        }

    
#pagenav{
  z-index: 90;
  float: left;
  background: #fff;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: .7em;
  text-align: left;
  position: absolute;
  margin-left: 0px;
  margin-top: 180px;
  width:140px;
  /*height: 40em; */
  visibility: visible;
  }

#pagenav ul{
  width: 140px;
  padding: 0;
/*  padding: 2px 0; */
  padding-bottom: 2px;
  margin: 0;
/*  margin-left: 10px; */
  margin-top: 3em;
  /*font-size: .7em;*/
  color: #360;
  text-decoration: none;
 
 /* border-bottom: 3px solid #FF0;*/
}


#pagenav ul li{
  list-style: none;
  margin: 0;
  padding: 2px 2px 3px 0.75em;


}

#pagenav ul li a{
  display: block;
 /* padding: 2px 2px 3px 0.75em;*/
  text-decoration: none;
}
 
#pagenav ul li a:link, #navsite ul li a:visited
    {
        
    color: #069;
    text-decoration: none;       
    visibility: visible;
    }


#pagenav ul li a:link:hover,
#pagenav ul li a:visited:hover
    {
    color: #000;
    background-color: #cFF;
    text-decoration: none;
    }


#textdiv{
   z-index: 1;
   font-family: Verdana, Geneva, Arial, sans-serif;
   font-size: .8em;
   width: 500px; 
   padding: 8px;
   margin-top: 86px; /*was 75*/
   margin-left: 150px;
   border-left: solid 1px #396; 
   border-right: solid 1px #396;
 /*  border-top: solid 4px red;*/
   position: absolute;
   background-color: #FFF; /* should be a page component */

}




#textdiv .puzzletxt{
   font-family: Verdana, Geneva, Arial, sans-serif;
   color: #066;
   /*font-size: 1em;*/
   margin-left: 30px;
   border: solid 1px #066;
   padding: 5px;
   
   width: 430px;
 
}

#textdiv .biblio{
   font-family: Verdana, Geneva, Arial, sans-serif;
   font-size: .8em;
   margin-left: 30px;
   
   width: 440px;
 
}

#textdiv .biblio em{

   font-weight: bold;
}
   

#textdiv ul{
  margin 0;
  list-style: disc;
}

#textdiv ul li{
  list-style: none;
  padding: 2px 2px 3px 0.75em;
  margin-left: 0;
}



#textdiv ul li.pnt{
  list-style: decimal;
  padding: 2px 2px 3px 0.75em;
  margin-left: 0;
}

#textdiv ul li.bull{
  list-style: disc;
  padding: 2px 1px 2px 0;
  margin: 0;
}


/* not used
#textdiv .splashtxt{
   font-family: Verdana, Geneva, Arial, sans-serif;
   font-size: .8em;
 
}
*/


img.margin {
  position: absolute; 
  left: -150px;
}



table{ 
       border-collapse:collapse;
       empty-cells: show;
       padding: 0px; }

td.bord, td.c, td.c1, td.c2, td.c3{border-collapse:collapse;
    border: solid 1px; 
    padding: .5em;}

td.c, td.c1, td.c2, td.c3 {
    text-align: center;}


td.c {width: 90px;}

td.c1{height: 4em;}

td.c2 {font-size: 3em; font-weight: 600;}

td.c3 {width: 110px; font-size: 1.5em;}




#textdiv .bottomlinks{
font-family: Verdana, Geneva, Arial, sans-serif;
   font-size: .8em;
text-align: center;
}

blockquote{
  padding: 0;
  margin: 40px;
}

cite{
  display: block;
  margin-right: 40px;
  text-align: right;
} 

.bcl{ /*big colored letters */
   font-family: Verdana, Geneva, Arial, sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   color: #066;
}
   
.imgindent{margin-left: 16em}

p.dispeqn{text-align: center;}

span.b{
font-size:1.1em;}

hr.bot{margin-top: 2em;}

p.query{font-weight: bold;}