body {
/*  padding-left: 11em;    */
  font-family: font-family: Dom Casual, Arial, Helvetica,"Times New Roman", sans-serif;
  margin-left: 10%;margin-right: 10%;
  color: purple;
/*  background-color: #C0C0C0} */
/*  background-color: #99FFCC} */
  background-color: #CCFFCC}


ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2em;
  left: 1em;
  width: 9em }

.thumbnail
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

pre { font-family: monospace; }

h1,h2,h3,h4,h5,p,ul {font-family: Dom Casual, Arial, Helvetica,"Times New Roman", sans-serif }

h1 {font-size: 100%}
h2 {font-size: 150%}
h3 {font-size: 100%}

ul.navbar li {
  background: white;
  margin: 0.5em 0;
  padding: 0.3em;
  border-right: 1em solid black }
ul.navbar a {
  text-decoration: none }
a:link {
  color: blue }
a:visited {
  color: purple }
address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted }

/*  Rollover Horizontal List    */
    

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}


/*    Rollover Vertical List   */

#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Dom Casual, Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

#bigname {font-family: Dom Casual, Arial, Helvetica, sans-serif;}