.page {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
text-align : center;
padding-right : 20px;
padding-left : 6px;
padding-top : 20px;
}

.section {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
text-align : left;
padding-right : 40px;
padding-left : 20px;
list-style : none;
list-style-image : none;
}

.body {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
text-align : left;
padding-right : 0;
padding-left : 6px;
border : 0;
list-style : none;
list-style-image : none;
}



.body20 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
text-align : left;
padding-right : 0;
padding-left : 26px;
border : 0;
list-style : none;
list-style-image : none;
}

<!--
.textborder {
border: 3px solid #c86e24;



}
-->




.foot {
 font-family : Geneva, Arial, Helvetica, sans-serif;
 font : bold 8px Verdana, sans-serif;
}


body {
background-image : url('bggradient.jpg');
background-repeat : repeat-x;
background-color : #baa587;
list-style : none;
list-style-image : none;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
text-align : left;
padding-right : 6px;
padding-left : 6px;
}

container {
background-color : gray;
}


#registrationform  { 


font-family : Geneva, Arial, Helvetica, sans-serif;
text-align : justify;
background : white;
padding : 8px 8px 8px 8px;
border : none;


width: 800px;
}



#content {
font : 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
text-align : justify;
background : white;
padding : 8px 8px 8px 130px;
border : 2px solid black;
border-top : none;
z-index : 2;
}

#content a {
text-decoration : none;
color : #e8e9be;
color : blue;
}

#content a:hover {
color : white;
background : blue;
}

#tabmenu {
color : blue;
border-bottom : 2px solid black;
margin : 12px 0 0 0;
padding : 0;
z-index : 1;
padding-left : 10px;
}

#tabmenu li {
display : inline;
overflow : hidden;
list-style-type : none;
}

#tabmenu a, a.active {
color : blue;
font : bold 1em "Trebuchet MS", Arial, sans-serif;
border : 2px solid black;
padding : 2px 5px 0 5px;
margin : 0;
text-decoration : none;
}

#tabmenu a.active {
color : blue;
background : white;
border-bottom : 3px solid white;
}

#tabmenu a:hover {
color : white;
background : blue;
}

#tabmenu a.active:hover {
background : blue;
color : white;
}







/*  the sidebar */
/* this is vertical two level tab menu navigation --------------------------------------------*/

div#navigation {
    list-style : none;
    list-style-image : none;
    margin : 1px;
    padding : 0;
    position : absolute; left: 10px;
  /*  border : 1px solid #000; */
    border-bottom : none;
    background-color : #c8c8c8;
    width : 105px;
    font-size : 11px;
    font-family : Verdana, Arial, sans-serif;
    margin-left : 1px;
    margin-top: 1px;
    padding-top: 0px;

  }
 

div#navigation ul {
    list-style : none;
    list-style-image : none;
    margin : 10px;
    padding : 0;
    position : absolute; left: 10px;
    border : 1px solid #000;
    border-bottom : none;
    background-color : #c8c8c8;
    width : 105px;
    font-size : 11px;
    font-family : Verdana, Arial, sans-serif;
    margin-left : 10px;
    margin-top:10px;
    padding-top: 0px;

  }

/* horiz lines below each main item */

div#navigation ul.level1 li {
    position : relative;
    border-bottom : 1px solid #000;
  }

/* amount to shift right on hover  */



div#navigation li.submenu:hover ul.level2 {
    display: block;
    left: 104px;
    top: 5px;
  }

/* kill drop down when not selected left out of example!!  */

   


div#navigation ul ul {
    position: absolute;
    display: none;
    border-bottom: none;
  }

/* width of sub1 menu block when slected    */

   


div#navigation ul#sub1 {
    width: 170px;
  }

/*  block size color for  all (<li> a)  */
/* padding = top left bot right */

   


div#navigation li a {
    display: block;
    padding: 3px 0px 3px 3px;
    text-decoration: none;
    color:#00008b;
    font-weight:bold;
  }

/*  block size for  <li> duplicate of previous *//* padding = top left bot right */ 

 
div#navigation li {
    display: block;
    padding: 3px 0px 3px 3px;
    text-decoration: none;
    color:#00008b;
    font-weight:bold;
  }


div#navigation ul.level1 a {
    width : 77px;
  }


div#navigation ul#sub1 a {
    width : 167px;
  }


div#navigation li a:hover {
    color : #fff;
    background-color : #00f;
  }


div#navigation li:hover {
    color : #fff;
    background-color : #00f;
  }


/*----------------------------------------------------------------------*/

div#footnotes {
    list-style : none;
    list-style-image : none;
    display : inline;
    border : none;
    padding : 0 0 0 0;
    margin : 0 0 0 0;
    font : bold 8px Verdana, sans-serif;
    color : white;

  }


div#footnotes li {
    display : inline;
    border : none;
    font : bold 8px Verdana, sans-serif;
    color : white;
  }


div#footnotes a {
    display : inline;
    border : none;
    padding : 0 0 0 0;
    margin : 0 0 0 0;
    font : bold 8px Verdana, sans-serif;
    color : white;
  }


div#footnotes li img {
    display : inline;
    border-right : none;
    border : none;
    padding : 0 0 0 0;
    margin : 0 0 0 0;
    font : bold 8px Verdana, sans-serif;
    color : white;
  }

/*--------------------simple viewer styles--------------------------------------------------*/


    #wrapper {   
        width: 650px;    
        margin: 0 auto; /* centre page content */
        text-align: center;
      }
      h1 {
        color: #CCCCCC;
        font-size: x-large;
        padding: 19px 0 17px 0;
      }    
      p.adminlink {
        text-align: right; 
        font-size: small;		    
      }
      a:link, a:visited {
        color: #FFF;
      }
      a:hover {
        color: #CCC;
      }
      /* basic styles for default table layout */
      table {
        width: 650px;
       /* table-layout: fixed;  needed to cope with very long words */
      }
      td {
        font-size: 1em;
        overflow: hidden; /* very long words will be truncated */
        padding: 0 0.5em 1.8em 0.5em;
        vertical-align: top;
      }
      table.svlinks {
        width: 100%;
        padding:10px;
      }
      table.svlinks img {
        border-color: #FFF;
      }
      
      /* basic styles for div layout option */
      div.svlinks {
        text-align: left;
      }
      div.svlinks div {
        clear: both;
      }
      div.svlinks img {
        float: left;
        margin-bottom: 10px;
        border-color: #FFF;
      }
      div.svlinks p {
        float: left;
        width: 500px;
        padding-left: 10px;
      }
      .clearboth { /* see http://www.pixelsurge.com/experiment/clearers.htm */
      	clear: both;
      	height: 0;
      	margin: 0;
      	font-size: 1px;
      	line-height: 0;
      }