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);
  }

#head {position:absolute;  top:0; right:18px; display:block; width:100%; height:70px;  z-index:5;  background:url(../CSSimages/ERAHEADER.gif) no-repeat rgb(142,156,203); color:#0000; padding-left:30px; font-size: 95%; font-weight: bold;    text-align:left;}

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

#left {position:absolute;  left:0; 15px; height:100%; width:130px;  background-position0 100px;; font-size:100%; color:#fff; ;text-align:left;  background-color: rgb(255, 255, 204);  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:70px;}


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


/*lists*/

#left ul {
   list-style: none;
   float: left;
   padding:0 10px 10px 20px;
   margin:0 5px 0 0;}
#left li {
  background: none;
   line-height:1.0em;
   font-size:90%;
   padding: 5px 0px 10px 20px;
   font-weight: bold;
   color: #4B76A9;
   background: url(../CSSimages/bullet.gif) no-repeat left;
}



  #left li a { color: #375C8A; font-weight: bold; text-decoration: none;}
  #right li a { color: #375C8A; font-weight: bold; text-decoration: none;}
  #left li a:visited { color: #6CA4D0; text-decoration: none; }
  #right li a:visited { color: #6CA4D0; text-decoration: none; }
  #left li a:hover { color:#418723; text-decoration:underline;}
  #right li a:hover { color:#418723; text-decoration:underline;  }






/*paragraphs*/
#content p {line-height: 1.0em;
   margin: 3px;
   padding: 3px 0px;
   padding-left:25px;
}

#head p {line-height: 1.0em;
   margin: 3px;
   padding: 5px;

}

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

#content h1 {
   color: rgb(99,119,154);
   background-color: rgb(255, 255, 204);
   font-size: 150%;
   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);
}
#left h1 {
   float: left;
   color: #ffffff;
   width: 110px;
   font-size: 90%;
   margin: 0px 5px 3px 5px;
   background:url(menhead.gif) no-repeat ;
   font-style: bold;
   text-align: center;
   padding: 0px 20px 3px 10px;
}
h2 {
   color: rgb(99,119,154);
   background-color:rgb(255, 255, 204);
   font-size: 120%;
   margin: 20px;
   padding: 3px 20px 3px 10px;
}

h3 {
   color: red;
   margin: 20px;
   padding: 0.25em;
   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;
      }

         #box1b {
         width: 120px;
         float: right;
         color: blue;
         background-color: #C0C0C0;
         text-align:center;
         font-size: 125%;
         border:3px solid ;
         padding: 20px 20px 20px 20px;
         /*margin: 20px 20px 20px 20px;*/
      }

         #box1c {
         width: 120px;
         float: right;
         color: blue;
         /*background-color: #C0C0C0;*/
         text-align:center;
         font-size: 125%;
         border:3px solid ;
         /*padding: 10px 20px 10px 10px;
         /*margin: 20px 20px 20px 20px;*/
      }

    #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);
   }
/*content list*/
#content ul {

   margin:0 50px 0 50px;
      padding: 0px 10px 10px 15px;
}
 #content li {
  background: none;
   line-height:100%;
   font-size:110%;
   padding: 5px 10px 10px 25px;
   font-weight: bold;
   color: #000000;

}
/*Wrapper list*/

#wrapper ul {

   margin:0 0px 0 0px;
      padding: 0px 10px 5px 5px;
}
 #wrapper li {
  background: none;
   line-height:100%;
   font-size:90%;
   padding: 5px 5px 5px 5px;
   font-weight: bold;
   color: #000000;

}


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


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


/*  Menu*/