body {
	  font: 90%/1.2 arial, helvetica, sans-serif;
	  background: white url(../images/bkgnd.gif);
	  text-align: center;
	  padding: 0;
	  margin: 0.5em;
      }

#container {
	        width: 54em;
	        background: white;
	        text-align: left;
	        border: 1px solid  #88cc88;
	        margin: 0 auto;
	        color: #363;
            }

h1,h2,h3,h4,h5,h6 {font-family: times, serif;
                   font-variant: small-caps;
                   font-weight: bold;
	               color: green;}
	               
h1  {font-size: 2.0em; text-align: center; margin-top: 2.0em;}    
h2  {font-size: 1.8em; text-align: center;}
h3  {font-size: 1.5em; text-align: center; margin-top: 2.0em;}
h4  {font-size: 1.2em; text-align: center;} 

a:link    {color: #3333ff; text-decoration: none;}
a:visited {color: #ff3366; text-decoration: none;}
a:hover   {color: #9933cc; text-decoration: none;}
a:active  {color: #33ff66; text-decoration: none;} 

img {padding: 1em; border: none;}
p	{margin: 1em;}
/* Adapted from Suckerfish Dropdowns - See http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#nav, #nav ul {
	           float: left;
	           width: 100%;
	           list-style: none;
	           line-height: 1;
	           background: white;
	           font-weight: bold;
	           font-size: 0.75em;
	           padding: 0;
	           border: solid #83c683;
	           border-width: 0px 1px 1px 0px;
	           margin: 0 0 0 0em;
               }

#nav a {
	    display: block;
	    width:  8.8em;
	    color: #d00;
	    text-decoration: none;
	    padding: 0.25em 0.5em;
        }

#nav li {
	     float: left;
	     padding: 0.0em;
	     width: 8.8em;
	     w\idth: 8.8em;
         }

#nav li:hover, #nav li.sfhover {
	           background: #83c683;
	           color: #grey;
               }

li img {float: left; margin:0.2em;}
#update    {font-style: italic; color: #363; text-align: right; margin: 0 2em 0 0;}

/*See p 399 Designing with web standards by Jeffrey Zeldman*/           
#logodisp	{margin: 5px 0 0 5px; padding: 0; border: 0; width: 81px; height: 78px;
     		 background: url(../images/logo_hover.gif) norepeat;}
.alt	{display: none;}
#gohome	{display: block; padding: 0; border: 0; margin: 5px 0 0 5px;
     	 background: url(../images/logo.gif);
     	 width: 81px; height: 78px;
     	 }
a#gohome:hover {background: url(../images/logo_hover.gif);}

#footer     {font-family: times, serif; font-variant: small-caps;
			 font-weight: bold; font-size: 100%;
			 position: relative;
             clear: both;
             background: #8c8;
	         color: #000;
	         padding: 0.1em;
	         margin: 0;
	         text-align: center;
	         }
a#footer:hover {color: #9933cc; text-decoration: none; background: #ccc;}