html {
  padding: 0px;
  margin: 0px;
  background-image: url('./pics/bg4.gif');
  background-position: center top;
  background-repeat: repeat-y;
}

body {
  margin: auto;
  margin-top: 5px;
  width: 900px;
  font-family: Book Antiqua, Arial, Helvetica, sans-serif;
  font-size: smaller;
  
  border-left-color: green;
  border-left-style: solid;
  border-left-width: 2px;  

  border-right-color: rgb(102,204,255);
  border-right-style: solid;
  border-right-width: 2px;  
}

.top {
  background-image: url('../pics/top_logo3.jpg');
  background-position: center top;
  
  /*
  border-top-color: red;
  border-top-style: solid;
  border-top-width: 2px;
  */  
  
  height: 200px;
}

.menu {
  height: 40px;
}

.menu td.first a {
  background-image: url('../pics/menu-first.gif');
  width: 127px;
  height: 33px;
  DISPLAY: block;
  text-align: center;
  font-family: Book Antiqua, Arial;
  font-weight: bold;
  font-variant: small-caps;
  font-size: medium;
  color:black;
  text-decoration: none;
  padding-top: 13px;   
  /* -moz-box-sizing: border-box; */ 
}

.menu td.first a:hover,
.menu td.first a-active,
.menu td.first a-active:hover {
  background-image: url('../pics/menu-first.gif');
  background-position: bottom;
  width: 127px;
  height: 33px;
  DISPLAY: block; 
  color: white;
  text-align: center;
  text-decoration: underline;
  padding-top: 13px;   
  /* -moz-box-sizing: border-box; */   
}

.menu td.normal a {
  background-image: url('../pics/menu-normal.gif');
  width: 150px;
  height: 33px;
  DISPLAY: block;
  text-align: center;
  font-family: Book Antiqua, Arial;
  font-weight: bold;
  font-variant: small-caps;
  font-size: medium;
  color:black;
  text-decoration: none;
  padding-top: 13px;   
  /* -moz-box-sizing: border-box; */ 
}

.menu td.normal a:hover,
.menu td.normal a-active,
.menu td.normal a-active:hover {
  background-image: url('../pics/menu-normal.gif');
  background-position: bottom;
  width: 150px;
  height: 33px;
  DISPLAY: block; 
  color: white;
  text-align: center;
  text-decoration: underline;
  padding-top: 13px;   
  /* -moz-box-sizing: border-box; */   
}

.menu td.last a {
  background-image: url('../pics/menu-last.gif');
  width: 150px;
  height: 33px;
  DISPLAY: block;
  text-align: center;
  font-family: Book Antiqua, Arial;
  font-weight: bold;
  font-variant: small-caps;
  font-size: medium;
  color:black;
  text-decoration: none;
  padding-top: 13px;   
  /* -moz-box-sizing: border-box; */ 
}

.menu td.last a:hover,
.menu td.last a-active,
.menu td.last a-active:hover {
  background-image: url('../pics/menu-last.gif');
  background-position: bottom;
  width: 150px;
  height: 33px;
  DISPLAY: block; 
  color: white;
  text-align: center;
  text-decoration: underline;
  padding-top: 13px;   
  /* -moz-box-sizing: border-box; */   
}

.content {
  
}

.content .center {
  text-align: center;
}

.content .left {
  text-align: left;
  margin-left: 20px;
}

.content hr {
  color: red;
}

.content h1 {
  font-variant: small-caps;
  font-weight: bold;
  font-size: xx-large;
  text-decoration: underline;
}