html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
font-size:90%;
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;

/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;
   font-family: arial, helvetica, sans-serif;    font-size: 90%;    color: black;
   background-color: rgb(255, 255, 204);
  }

#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:140px; position:relative; z-index:3;}

/* menu code */

#menu a {
  position:relative;
  text-decoration:none;
  font-size: 95%;
  font-weight: bold;
  text-align:center;
  background-color: rgb(99,119,154);
  color:#fff;
  display:block;
  width:115px;
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
  margin:0.3em auto;
  }

#menu a:visited {
  position:relative;
  text-decoration:none;
  font-size: 95%;
  font-weight: bold;
  text-align:center;
  background-color: rgb(137,184,204);
  color:#fff;
  display:block;
  width:115px;
  border:2px solid #fff;
  border-color:#003333 #678 #345 #cde;
  padding:0.25em;
  margin:0.3em auto;
  }

#menu a:hover {
  position:relative;
  background-color: rgb(185,230,207);
  color:#FF0000;
  border:3px solid #fff;
  border-color:#345 #cde #def #678;
  }
/* end of menu code */


/* menu2 code */
#menu2 a {
  position:relative;
  text-decoration:none;
  font-size: 80%;
  font-weight: bold;
  text-align:center;
  background-color: rgb(99,119,154);
  color:#fff;
  display:block;
  width:9.5em;
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0em;
  margin:0em auto;
  }

#menu2 a:visited {
  position:relative;
  text-decoration:none;
  font-size: 90%;
  font-weight: bold;
  text-align:center;
  background-color: rgb(137,184,204);
  color:#fff;
  display:block;
  width:9.5em;
  border:2px solid #fff;
  border-color:#003333 #678 #345 #cde;
  padding:0em;
  margin:0em auto;
  }

#menu2 a:hover {
  position:relative;
  background-color: rgb(185,230,207);
  color:#FF0000;
  border:2px solid #fff;
  border-color:#345 #cde #def #678;
  }
/* end of menu2 code */

/* menu3 code */
#menu3 {position:fixed;
left:11em;

  text-decoration:none;
  font-size: 80%;
  font-weight: bold;
  text-align:center;
  margin:1.2em auto;
  }
#menu3 a {
  text-decoration:none;
  background-color: #FF8000;
  color:#fff;
  width:12.5em;
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0px;

  }

#menu3 a:visited {
  text-decoration:none;
  background-color: rgb(137,184,204);
  color:#fff;
  width:12.5em;
  border:2px solid #fff;
  border-color:#003333 #678 #345 #cde;
  padding:0px;

  }

#menu3 a:hover {

  background-color: rgb(185,230,207);
  color:#FF0000;
  border:2px solid #fff;
  border-color:#345 #cde #def #678;
  }
/* end of menu3 code */
/* Normal, standard links. */



/*paragraphs*/
    p {line-height: 1.0em;
   margin: 3px;
   padding: 5px;
   padding-left:25px;

}

#p2 {
   line-height: 1.5em;
   color: rgb(99,119,154);
   font-size: 1.2em;
   padding-left:25px;
}

#p3 {
   line-height: 1.5em;
   color: #808080;
   font-size: 1.1em;
   font-weight: bold;
   padding-left:25px;
}
#p4 {
   line-height: 1.0em;
   margin: 0.1em;
   padding: 2px;
   padding-left: 25px;
   }

p {
   line-height: 1.0em;
}

h1 {
   color: rgb(99,119,154);
   background-color: rgb(255, 255, 204);
   font-size: 2em;
   margin: 20px;
   margin-top: 0.5em;
   margin-bottom: 0.2em;
   padding: 0.25em;
   font-style: italic;
   text-align: left;
   letter-spacing: 0.2em;
   border-bottom-style: solid;
   border-bottom-width: 0.1em;
   border-bottom-color: rgb(99,119,154);
}

h2 {
   color: rgb(99,119,154);
   background-color:rgb(255, 255, 204);
   font-size: 1.5em;
   margin: 20px;
   padding: 0.1em;
   padding-left: 0.5em;
}

h3 {
   color: red;
   margin: 20px;
   padding: 0.05em;
   padding-left: 0.5em;
   font-size: 1.1em;
   font-weight: bold;
}

h4 {
   color: #000000;
   margin: 20px;
   padding: 0.05em;
   font-style: italic;
   font-size: 1em;
   font-weight: bold;
}
      #box0 {
         width: 100px;
         float: left;
         color: blue;
         text-align:center;
         font-size: 90%;
         padding-left: 10px;
         margin:0;
}

      #box1 {
         width: 12em;
         float: left;
         color: blue;
         text-align:center;
         font-size: 90%;
         padding: 0.1em;
         margin: 0.5em;
      }

      #box1a {
         width: 12em;
         float: right;
         color: blue;
         text-align:center;
         font-size: 75%;
         padding: 1em;
         margin: 0.5em;
      }

      #box2 {
         width: 9em;
         float: right;
         color: blue;
         text-align:center;
         font-size: 120%;
         padding: 0.25em;
         margin: 1.05em;
      }
      #box3 {
/*box 3 big central*/
         width: 30em;
         text-align: center;
         background-color: #B9E6CF;
         text-align:left;
         font-size: 120%;
         padding: 1em;
         border:3px solid ;
         border-color:#003333 #678 #345 #003333;
         margin: 0.5em;
      }
      #box4 {
/*box 3 med central*/
         width: 30em;
         text-align: center;
         background-color: #FFFF80;
         color: #800000;
         text-align:center;
         font-size: 110%;
         font-weight: bold;
         padding: 1em;
         border:3px solid #fff;
         border-color:#008080 #678 #345 #003333;
         margin: 0.5em;
      }
/*Round Corner box 1*/
.bl {background: url(CSSimages/bl.gif) 0 100% no-repeat #F8CD6B; width: 30em}
.br {background: url(CSSimages/br.gif) 100% 100% no-repeat}
.tl {background: url(CSSimages/tl.gif) 0 0 no-repeat}
.tr {background: url(CSSimages/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

#box5 {
/*box 5 for use in navigation*/
         width:9.5em;  float: left;  text-align:left;  font-size: 1em; font-weight: bold;  color:#fff;  padding: 0.4em;
      }

 #box6 {
         width: 18em;
         float: left;
         color: blue;
         text-align:center;
         font-size: 90%;
         padding: 0.1em;
         margin: 0.5em;
}

img {
   border-style: none;
   border-width: 0;
   border-color: #ccc;
}

strong {
   font-weight: bold;
   font-style: italic;
   color: red;
   background-color: rgb(255, 255, 204);
   }

#head {position:fixed;  top:0; right:18px; display:block; width:100%; height:120px;  z-index:5;  background-color: rgb(142,156,203);; color:#0000; padding-left:30px; font-size: 95%; font-weight: bold;    text-align:centre;}






#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:20px; background-color: rgb(142,156,203); color:#FFFFFF; text-align:right; font-size:80%; z-index:4;}

#left {position:fixed; left:0; 15px; height:100%; width:130px;  background-position:0 100px;; font-size:90%; color:#fff; ;text-align:center;  background-color: rgb(142,156,203);  z-index:4;}




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

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

/*#content p {padding:5px;}*/



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


/*normal links*/
a { color: blue; text-decoration: underline; }
  a:visited { color: purple; text-decoration: underline;}
  a:hover { color:#008000; text-decoration: none;}

/*  Menu*/