/* CSS to do the general page layout */
div#wrapper {
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:600px; /* real browsers */
}
.content {
position: absolute;
top: 150px;
left: 150px;
background-color: #F5F5DC;
vertical-align: top;
min-height:590px;
width: 590px;
border-width: 2px;
border-style : solid;
border-color : #103B0E;
padding: 5px;
font-family: Arial; 
font-size: 9pt; 
color:#000000
}
a:link{
color:#103B0E;
}
.navigation {
position: absolute;
top: 150px;
left: 0px;
background-color: #103B0E;
vertical-align: top;
min-height:600px;
width: 250px;
border-width: 2px;
border-style : solid;
border-color : #103B0E;
}
.banner {
position: absolute;
top: 0px;
left: 0px;
vertical-align: top;
height: 150px;
width: 750px;
border-width: 2px;
border-style : solid;
border-color : #103B0E;
background: url(images/banner.jpg);
}

/* Mouseover Menu */
ul {padding: 0px; margin: 0px; }
li.menu {
  /*float the main list items*/
  margin: 0px;
  float: none;  /* left for horizontal menu, top for vertical menu*/
  display: block;
  padding: 0px;
  list-style-type: none;
  font-family: arial;
  font-size: 8pt;
}
li.menu a {
  /*for all links in the list*/
  color: #F5F5DC;
  font-weight: bold;
  display: block;
  height: 12px;
  width: auto;
  border: hidden;
  padding: 5px;
  text-decoration: none;
}
a.menu:hover, li.menu:hover a, li.over a {
  background: #F5F5DC;
  color: #103B0E;
}