html, body, #container {height: 100%;} /*sticky footer*/

body > #container {height: auto; min-height: 100%;} /*sticky
footer*/

body { background: url(../img/newbgstripe.gif); }

#container {width: 820px; height: 100%; margin: auto;}

h1 {
  background: url(../img/newtop.jpg) no-repeat;
  width: 820px; height: 240px;
  position: relative;
  margin: auto;
  top: -10px; /*not sure why this is 81 - in IE its 56 */
  }

h1 .info {
  position: absolute;
  width: 820px;
  top: 15px;
  text-align: center;
  font: bold 10pt verdana, sans-serif;
  color: #ffffff;
  }

#tail  {
  background: url(../img/newtail.jpg) no-repeat;
  width: 50px; height: 190px;
  position: absolute;
  top: 0px; left: 820px;
  }  
  
#body {
  background-color: #fff;
  width: 820px; height: 100%;
  margin: auto; margin-top: -30px; /*same FF=81, IE=56 */
  padding-bottom: 190px; /*sticky footer*/
  }

#navbox {
  width: 210px; height: 300px;
  padding-top: 0px;
  padding-right: 10px;
  float: left; clear: both;
  font: bold 8pt verdana,sans-serif;
  }

/* ------------------------------------------- Begin Alistapart
Navigation --- */
#navbox ul {
  margin: 0px; padding: 0px;
  list-style: none;
  width: 200px; /* Width of Menu Items */
  text-indent: 30px;
  font: bold 8pt verdana,sans-serif;
  margin-left: 10px;
  }

#navbox ul li {
  position: relative;
  }
	
#navbox li ul {
  position: absolute;
  left: 191px; /* Set 1px less than menu width */
  top: 0px;
  display: none;
  text-indent: 10px; /*uninherits UL text indent*/
  }

/* Styles for Menu Items */
#navbox ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  background: #900; /* IE6 Bug */
  padding: 5px;
  }

.navbot {
  background: url(../img/navbot.jpg); 
  height: 20px;
  background-color: #900;
  color: #900;
  }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#navbox ul li a:hover { color: #900; background: #ccc; } /* Hover
Styles */

#navbox li:hover ul, li.over ul { display: block; } /* The magic
*/

/* ------------------------------------------- End Alistapart
Navigation --- */

table {border: 0px; width: 70%;}
table .big {width: 100%; font-family: verdana,sans-serif;
font-size: 8pt; margin: auto;}

/* No idea how to fix the main content right class to move it
like a table */
.maincontentright {width: 580px; float: left; clear: none;
padding: 10px; }

h2, h3, h4, legend, p {
  font-family: Georgia, serif;
  color: #600;
  padding: 0px 10px 0px 10px; /*padding to the left and right so
it doesn't touch the border */
  }

p { font-size: 1em; color: #000; }
p.smaller {font-size: .7em; font-family: verdana,sans-serif;
font-weight: bold; }
p.smallerplain {font-size: .7em; font-family: verdana,sans-serif; /* sharon added for regular weight small font */ }

fieldset { border: 1px solid #600; width: 95%; margin: 15px 5px
15px 5px; }
legend { font-size: 1.25em; font-weight: bold; border-left: 1px
dotted #600; border-right: 1px dotted #600;}

a {color: #900;}
a:hover {color: #fff; background-color: #900; text-decoration:
none;}
a.hide {color: #fff;}
a.hide:hover {background-color: none;}

#footer {
  background: url(../img/bot.jpg) no-repeat;
  width: 820px; height: 190px;
  position: relative;
  margin: auto; margin-top: -190px;
  clear: both;
  }

#footer .copyright {
  position: absolute;
  bottom: 10px;
  width: 820px;
  text-align: center;
  font: 7pt verdana, sans-serif;
  }

#footer a { text-decoration:none; color: #999; }

/* CLEAR FIX STICKY FOOTER */
.clearfix:after {content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */