html, body {
  background:  #FFF;
  color:       #000;
  font-family: sans-serif; 
  height:      100%;
  max-height:  100%;
  overflow:    hidden;
  padding: 0; margin: 0; border: 0; }
  
img {
  border: 0; }

#pagelogo {
  z-index:  4;
  position: absolute;
  left:  0px;   top:    0px;
  width: 150px; height: 100px; 
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #000;
  background: url("images/page-logo.gif");
}

  
/* Position the Header */
#header {
  z-index:  2;
  position: absolute;
  top:  0px;   height: 100px;
  left: 150px; right:  0px;	}

* html #header {
  top:  0px;    height: 100px;
  left: 0px;    width:  100%;
  border-style: solid;
  border-width: 0px 0px 0px 150px;
  border-color: #FFF;	}    
  
#headlogo {
  width: 100%; height: 100%;
  text-align:   center; 
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #000; }
  
#headtitle {
  line-height: 100%;
  margin:      0px;
  padding-top: 5px;
  font-size:   4em;
  font-family: serif; }
  
#headsubtitle {
  font-size:   10px; }
  
  

/* Position the Menu bar */  
#menu {
  z-index:  3;
  position: absolute;
  top:  100px; height: 100%;
  left: 0px;   width: 150px;	}
  
* html #menu {
  top:  0px;    height: 100%;
  left: 0px;    width:  150px;
  border-style: solid;
  border-width: 100px 0 0 0;
  border-color: #FFF;	}   
  
#menupad {
  text-align: center;
  width: 150px; height: 100%;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #000; } 
  
#menutitle {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0 0 0; }
  
#menuitems li {
  text-align: left;
  margin: 0;
  padding: 0;
}  
  
#menuitems li.hidden {
  list-style-type: none;
}
 
/* Position the Content */
#content {
  background: url("images/main-back.gif");
  z-index:  1;
  overflow: auto;
  position: absolute;
	top:  100px; bottom: 0px; 
	left: 150px; right:  0px;	}
  
* html #content {
	width: 100%; height: 100%;
	top:   0;    left:   0;
  border-style: solid;
  border-width: 100px 0 0 150px;
  border-color: #FFF;	}
  
#contentpad {
  background: url("images/main-back.gif");
  padding: 20px;
  padding-top: 0px;
}

/* Hide the un-nesecary items */
#basemenu, #copyright {
  display:    none;
  visibility: collapse; } 

  
.centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.ref {
  margin: 10px;
  clear: both; }

.ref img {
  position: relative;
  left: 0px; top: 0px;
  width: 200px; height: 120px;
  margin: 10px;
  float: left;
  clear: both; }

.reftext {
  padding-left: 240px; }

.reftext h3 {
  padding-top: 15px; }