a:link {text-decoration: underline; color:#000000;}
a:visited {text-decoration: underline; color:#000000;}
a:hover {text-decoration: underline; color:#009000;}

body {background-color: #ffffff; background-image: url(images/background.gif); background-repeat: repeat-y;}
th.main {background-color: #009900; color: #ffffff;}
td.main {background-color: #fffff; color: #000000; valign: center;}
b.title {color: #009900;}

#link {
  position: absolute;
  right: 0px;
  top: 75px;
  bottom: 0px;
  padding: 0px;
  color: #ffffff;
  background-color: #ffffff;
}

#corner {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0px;
  height: 100px;
  background-color: #ffffff;
  background-image: url(images/corner.gif);
  background-repeat: repeat-y;
  background-attachment: fixed;
}

#header {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0px;
  height: 100px;
  width: 100%;
  color: #009900;
  background-color: #ffffff;
  background-image: url(images/background.gif);
  background-repeat: repeat-y;
  background-attachment: fixed;
}

#menu {
  position: absolute;
  left: 0px;
  top: 100px;
  padding: 10px;
  width: 170px;
  height: 100%;
  background-image: url(images/background.gif);
  background-repeat: repeat-y;
  background-color: #ffffff;
  background-attachment: fixed;
  Z-index: 2;
}

#content {

  margin-left: 190px;
  padding: 10px;
  margin-top: 100px;
  margin-right: 0px;
  background-color: #ffffff;
  color: #000000;
  Z-index: 1;
}

/* These define how header levels look. I did not like the browser defaults and made these to my */
/* personal tastes. You can edit, but remember that if you change one you will have to change all */
/* of them to maintain the relative sizes */
h1 { font-family: verdana, sans-serif; font-size: 24px; color:#009000; background-color:#ffffff; }
h2 { font-family: verdana, sans-serif; font-size: 20px; color:#009000; background-color:#ffffff; }
h3 { font-family: verdana, sans-serif; font-size: 18px; color:#009000; background-color:#ffffff; }
h4 { font-family: verdana, sans-serif; font-size: 16px; color:#009000; background-color:#ffffff; }
h5 { font-family: verdana, sans-serif; font-size: 14px; color:#009000; background-color:#ffffff; }
h6 { font-family: verdana, sans-serif; font-size: 12px; color:#009000; background-color:#ffffff; }

hr { color:#003963; background-color: #afc6db }

/* Menubar buttons */
div.menuBar,
div.menuBar a.menuButton {
  font-family: "Times New Roman,Verdana,Tahoma,Arial";
  font-size: 8pt;
  background-color: #ffffff;
  background-image: url(images/background.gif);
  background-repeat: repeat-y;
  color: #000000;
}

div.menuBar {
  background-color: #009900;
  background-image: url(images/background.gif);
  padding: 10px 2px 10px 2px;
  text-align: left;
  margin-left:0px;
}

div.menuBar a.menuButton {
  background-color: #ffffff;
  background-image: url(images/background.gif);
  border: 1px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #000000;
  cursor: pointer;
  left: 0px;
  width: 130px;	/* Button fixed width */
  margin: 1px;
  padding: 2px 10px 2px 10px; /* top, left, bottom, right */
  position: relative;
  text-align: center;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: #ffffff;
  background-image: url(images/background.gif);
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #000000;
}