html {
  height: 100%;
}

body {
  height: 100%;
  color: #000000;
  background-color: #e1e1e1;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
}

a { 
  color: #0000ff;
  text-decoration: none;
}

/*************************/
/******Nav Bar ***********/
/*************************/

#nav {
  text-align: center;
  height: 30px;
  font-size: 1.2em;
  min-width: 900px;
  margin-bottom: 20px;
  padding-top: 5px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #555555;
  background: url("../graphics/LightChromeNavBar.png") repeat top;
  color: #000000;
}

#nav ul {
  float: center;
  text-align: center;
  margin: 0;
  padding: 0px 0px 0px 0px;
  list-style: none;
}

#nav li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  float: left;
  border-left: 1px solid #555555;
  border-right: 1px solid #555555;
  list-style: none;
  color: #000000;
}

#nav a {
  color: #222222;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: url("../graphics/LightChromeNavBar.png") repeat top;
  text-decoration: none;
}

#nav .current a {
  color: #222222;
  font-weight: bold;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: url("graphics/LightChromeNavBar.png") repeat top;
  text-decoration: none;
}

#nav .notcurrent a {
  color: #222222;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: url("graphics/LightChromeNavBar.png") repeat top;
  text-decoration: none;
}

#nav .notcurrent a:hover {
  color: #666666;
}

/************ Content *************/

#content_side {
  float: right;
  right: 2px;
  width: 205px;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #333333;
}

#content_side .sideblurb {
  padding-bottom: 5px;
  border-bottom: 1px solid #333333;
}

#content_main {
  height: 100%;
  font-size: 1.2em;
  text-align: left:
  margin-left: 5px;
  margin-right: 210px;
  padding-right: 10px;
  padding-left: 10px;
}

#flashcontent {
  height: 100%
}

#footnote {
  font-size:65%;
  text-align: center;
  padding-top:2px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  border-top: 1px dotted #525252;
  border-left: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px dotted #525252;
}

.contactinfo {
  margin-left: 50px;
}

/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2006 Rich Demanowski and may not be reproduced. */ 
