TABLE    {text-align: center; margin-left: auto; margin-right: auto;}
TD       { color: #000000; padding: 1em}

/* this sets paragraph class   <p class="page">    */
p.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;
}

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

p.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;
}


/*  sets body style       */
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;
}



/*   the # is for id=        */
#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;
}





/*   the # is for id=        */
#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 --------------------------------------------*/

/*  the # is for id=  */

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 : 205px;
    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 :  #808080;

  }


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


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


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 : #808080;
  }