body {
  margin: 0px;
  padding: 4px;
  font-family: verdana, arial, sans-serif; 
  font-size: 80%;
  background: #FFF; 
  color: black; 
}

hr {
  color: #006;
  background-color: #FFF;
  line-height: 1px;
  width: 90%;
}

h1, h2, h3, h4 {
  color: #006;
  background-color: #FFF;
  text-align: center;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

caption {
  color: #006;
  background-color: #FFF;
  text-align: center;
  font-size: 1.2em;
}
.width400 {
	width:400px;
	border:thin;
}

/* button used to define navigation bar */
/* Thanks to http://www.alistapart.com/stories/taminglists/ for suggesting the below styles */
/* Define menu space */
#button {
  width: 13em; /* Too wide for most browsers, but an attempt to get Safari to behave */
  border: 1px solid #CCC;
  padding: 0 0 1px 0;
  margin-bottom: 0em;
  background-color: #FFE;
  font-size: 0.75em;
  color: #666;
}
/* Remove styling from list */
#button ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
#button li {
  border-bottom: 1px solid #90bade;
  margin: 0; /* Overrides default in Opera */
}
/* Left border helps define list
  Block display used to force full width of div
    This doesn't work under IE Win unless width: 100% is added
    As this goofs IE5/Mac and Netscape/Mozilla, child selector ">" is added,
      which IE/Win does not understand */
#button li a {
  display: block;
  padding: 3px 3px 3px 0.5em;
  border-left: 8px solid #1958b7;
  background-color: #FFE;
  color: #000;
  text-decoration: none;
/*	width: 100%; */
}
html>body #button li a {
  width: auto;
}
#button li a:hover {
  background-color: #FF9;
  color: #F00;
}

/* Font sizing */
.InlineHeading { font-size: 1.05em; font-weight: bold; }
.XSmallInfo    { font-size: 0.95em; line-height: 1.3em; }
.XXSmallInfo   { font-size: 0.80em; line-height: 1.3em; }
.NavLink {
  color: #33F;
  background-color: #FFC;
  text-decoration: none;
  font-weight: bold;
}
.NavText {
  font-size: 0.75em;
  width: 135px;
  text-align: left;
  background-color: #FFE;
  border: 1px solid #EEE;
  border-right: 1px solid #777;
  border-bottom: 1px solid #333;
  padding: 2px;
  margin: 1px;
}

.BoxWhite  { 
  padding:5px; 
  background-color: #FFF;
  text-align: center;
}
.BoxBlue   {
  padding:5px;
  background-color: #F6F6FF;
  text-align: center;
}
.BoxYellow { 
  padding:5px; 
  background-color: #FFE;
  text-align: center;
}

a:hover {
  background: #FF9;
  color: #F00;
}

/* Acknowledgements and picture credits */
.Ack {
  font-size: 0.8em;
  text-align: center;
  color: #000;
  background-color: #EEE;
}

/* Article summary */
.Summary {
	font-style: normal;
	color: #000066;
	background-color: #FFFFEE;
	padding: 3px;
	border: 1px solid #000066;
	text-align: left;
}

/* Special Uses */
.NoUline { text-decoration: none; }
.Fade  { color: #999; }
.Navy  { color: #006; }
.Red   { color: #F00; }
.Gold  { color: #FF0; }
.White { color: #FFF; }
.SACC  { color: #900; font-size: 1.1em; font-weight: bold; }

.SmallCaps { font-variant: small-caps; font-size: 90%}
.Center { text-align: center; }
.Right  { text-align: right;  }
.Left   { text-align: left;   }
.ThinBorder {
	border: 1px solid #000066;
}
.AltBlue   {
  background-color: #F6F6FF;
}
.AltWhite   {
  background-color: #FFFFFF;
}
.small {
	font-size: 9px;
}