/* AnneCSS   */
html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	}

body {
  background-color : #FFEBCD; /* BlanchedAlmond  http://www.w3schools.com/HTML/html_colornames.asp */
  color : #000080;            /* Navy  */
  margin: 0px;
  padding: 5px;
  font-size: 13px;
  
}
.c /* centred */
{ text-align:center;
}



img.pad {  /* Images with  px padding */
padding: 3px;

}

.Navigation {/*The navigation on the left side, positioned absolutely*/
    position: absolute;
    top: 28px;
    left: 3px;
    width: 165px;
    height: auto;
    line-height : 110%;/*line-height set to 110% in order to*/
    
}  

.Content {/*this is the main content area*/
    position: relative;
    top: 0px;
    margin-left: 165px;
    /*to position the content area to the right of the navigation*/
    margin-right: 5px;/*breathing space for the text*/
    padding: 5px;     /* space to separate navigation and content*/
    width: auto;
    border: 0.1px solid #FFFFFF; 
    /* background-color : #FFF8DC;  Cornsilk  http://www.w3schools.com/HTML/html_colornames.asp */
    background-color : #FFFFFF;  /* White */
    background-image: url("gradienth.jpg");
    background-repeat: repeat-y;
   /*to insure that NN4.xx renders the background-color of the content area*/
}
.PageHead { /* Page heading within Content */
    margin-top: 5px;
    margin-left:5px;
    text-align: center
    } 
    
.Box {/*this is a box where the bottom-navigation*/
      /* and the copyright will be placed*/
      text-align: center;
  background: #FFFFFF;  /*  white */
  color : #000099;
  padding : 2px;
  margin: 2px;
  border-color : #48D1CC;
  border-style : groove;
  border-width : 2px;/* the border property in longhand*/
  }
  
  .navbox {/*button-like box for the left-side navigation */
  /*  Add button image later  */
    /* background-image:url('UpButton.png');  */
    /* background-repeat:no-repeat;           */  
     padding: 1px;
     margin: 2px;
     font-size:1em;
   }
   
   
   P, OL, UL, DL {font-size: 1em;}
   /*font-family is already defined, here I only set the font-size*/
   
   P OL, P UL, P DL, OL UL {font-size: 1em;}
   /*and here the I prevent the incredible shrinking text*/
   
   
      H1{
      /* color:FF0000;   Use default colour */
      font-style:bold;
      font-size:1.8em;
      }
   
      H2{
      /* color:          Use default colour */
      font-style: italic;
      font-size:1.8em;
      }
      
      H3{
      /* color:#FF0000;         Use default colour */
      font-style: italic;
      font-size:1.2em;
   }
   
/* The TABLE has the annoying feature of non-inheritance in CSS hierarchies.*/

   
table.norm th, table.norm td {
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 13px;
  
  }
   
   
   .six {font-size: 11px; 
     color: #999999; /*this is for small text*/
     background: transparent;}
     
   .mit {text-align: justify;}/*justified text*/
   
   .red {color : #FF0000; background: #FFFFFF;}
   
   .mint {color: #009999; background: #FFFFFF;}
   
   .ROT {font-size: 16px; /*also red, but bigger and in bold*/
     color: #FF0000; 
     font-weight: 600; 
     background: #FFFFFF;}
       
   a:link {/*normal links in the text  (default colour, but underlined) */
      color: #000080;  /* Navy */
      text-decoration : underline;  
     }
     
   a:active {
     color: #000080;  /* Navy */
     text-decoration : underline; 
     }
     
   a:visited {
      color: #4B0082;   /* Indigo  */
     text-decoration : underline; 
     }
     
   a:hover { 
     color: #000000; /* Black */
     text-decoration : underline; 
     }
   
   /*now follow the section links in the navigation bar on the left side*/      
   
   
		   a.nav:link {
		    color: #000080;  /* Navy */
		   /*  text-decoration : none; */
		     background: transparent;}

		   a.nav:visited {
		     color: #4B0082;   /* Indigo  */
		     /*  text-decoration : none; */
		     background: transparent;
		     }

		   a.nav:hover { 
		     color: #000000; /* black  */
		     /*  text-decoration : none; */
		     background: transparent;}

		   a.navtot {/*the style for the actual page*/
		     color: #CDCDCD; 
		     text-decoration: none; 
		     background: transparent;}