#container {
  margin: 0 auto; /* centers whole on pg */
  text-align: left;
  background-color: f0f0c8;
  border: solid 2px #404070;
  padding: 20px;
  width: 70%;
  min-width: 600px;
  max-width: 800px;
  width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 800? "800px" : "auto");
} body>#container { /* opera width */
  width: 70%;
  min-width: 600px;
  max-width: 800px;
  width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 800? "800px" : "auto");
}



A:link,A:visited,A:active,A:hover { 
    color: #0033cc; 
    font-style: normal;
    text-decoration: none 
}
A:hover { 
    color: #0000FF; 
    background-color: #BBCCFF
}
ul {
    list-style-type: square;
}
li ul li {
    list-style-type: circle;
}
li ul li ul li {
    list-style-type: disc;
}
li ul li ul li ul li {
    list-style-type: square;
}
li ul li ul li ul li ul li {
    list-style-type: circle;
}
li ul li ul li ul li ul li ul li {
    list-style-type: disc;
}

body{
  text-align: center;
  font-size: 10pt;
    background-color: c0c0c0;
    font-family: Trebuchet, Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    /*font-family: "Bitstream Vera Sans",verdana,"Trebuchet MS",helvetica,arial;*/
    /*margin-left: 0px;
    padding: 0px;*/
}
/*table#navTable  ul li { 
    display: inline;
}*/
body,h1,h2,h3 {
    color: 202060;
}
h1,h2,h3,#h1Title,#nav {
    font-family: helvetica,verdana,Arial;
    font-weight: bold;
}
h1,h2,h3,table#h2Table {
    border: solid 2px #404070;
    background-color: ffffff;
    padding: 0.2em;
}
h1 {
    font-size: 20pt;
}
h2,table#h2Table  {
    font-size: 16pt;
}
h3 {
    font-size: 12pt;
}
img {
    border: solid 2px #404070; 
}






ul#list-nav {
list-style:none;
margin:0;
padding:0;
/*height:20px;
    border-top:   2px solid #404070;
    border-left: 2px solid #404070;
    border-right: 2px solid #404070;
    border-bottom: 2px solid #404070;*/
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 5px;
/*width:150px;*/
background:#f0f0c8;
color:#0000ff;
float:left;
text-align:center;
    border-top:   2px solid #404070;
    border-left: 2px solid #404070;
    border-right: 2px solid #404070;
    border-bottom: 2px solid #404070;
/*border-left:1px solid #fff;*/
}

ul#list-nav li a:hover {
background:#bbccff;
color:#0000ff
}