html {
    height:100%; 
    max-height:100%;  
    padding:0; 
    margin:0; 
    border:0; 
    font-size:90%; 
    font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
    background:url(../images/WhiteBoxS3.jpg) #ddd; -18px 0 no-repeat; 
    /* hide overflow:hidden from IE5/Mac */ 
    /* \*/ 
    overflow: hidden; 
/* */ }

body {height:100%; 
      max-height:100%; 
      overflow:hidden; 
      padding:0; 
      margin:0; 
      border:0;}
      
#content {display:block; 
          height:100%; 
          max-height:100%; 
          overflow:auto; 
          padding-left:150px; 
          position:relative;
          margin-left:20px;
          padding-right: 20px;
          z-index:3;}
          
#content p {padding:5px;}
          
#head {position:fixed; 
      margin:0; 
      top:0; 
      right:18px; 
      display:block; 
      width:100%; 
      height:100px; 
	  background:url(../images/WhiteBoxS3.jpg) #ddd; /* stops the contents scrolling up through the header. */
      /* background:url(../images/WhiteBoxS2.png) #ddd;  */
      font-size:6em; 
      text-align:right;
      height:100px;  
	    color: blue;
	    font-weight: bold;
      font-style: italic;
      z-index:5; }
      
#foot {position:fixed; 
       margin:0; 
       bottom:-1px; 
       right:18px; 
       display:block; 
       width:100%; height:50px; 
       background:rgb(214,100,50); 
       color:#fff; 
       text-align:right; 
       font-size:1em; 
       z-index:4;}

#left {position:fixed; 
       left:0; 
       top:0; 
       height:100%; 
       width:150px; 
       font-size:1.2em; 
       color:#fff;
       z-index:4;}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:100px; float:left;}
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:100px;}

.bold {font-size:1.2em; font-weight:bold;}

h1 {text-align:center; color:blue;}
h2 {text-align:center; color:blue;}

.closeunder {margin-bottom:0px;}

.clearboth{clear:both;}

.itemtext {
    border: 0px solid #333333;
    padding: 12px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0; }
    
itemtext p { margin-top: 0; margin-bottom:0;}

p { margin-top: 0; margin-bottom: 0;}    
p.indent {margin-left: 30px;}

.nav a {
    display:block;
    min-height:25px;
    text-decoration:none;
    color:#000;
    line-height:35px; }

.nav a:hover {color: blue; }
 
ul { list-style: none;}

.dropthecap {
  float: left;
  margin-top: -18px;
  margin-right: 5px;
  color: blue;
  font-size: 60pt;
  height: 1em;
  font-weight: bold;
  font-style: italic;
  font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; }

.centre {
  text-align: center; }

img.floatLeft { 
    float: left; 
    margin: 4px; }
    
img.floatRight { 
    float: right; 
    margin: 4px; }