html {
height: 100% ;
}

body {
  font-family: "Verdana", "Tahoma", "Helvetica", "Arial", sans-serif ; 
/*  margin: auto ;
  position: relative;*/
  padding: 0px;
  padding-top:0.5em;
  min-width: 750px; 
  font-size:0.9em ;
  height: 100% ;
}
h1 {
  font-family:"Comic Sans MS", cursive; 
  font-size:2em ; 
  color:#3300CC; 
  line-height:1.1em;
  padding-top: 0em ;
  padding-bottom: 0px;
  text-align:center;
  vertical-align:middle;
  
}
h2 {
   font-family:"Comic Sans MS", cursive;
   text-align:center; 
   font-size:1.6em; 
  color:#3300CC; 
  line-height:1em;
  padding-bottom: 0px;
}
h3 {
   font-family:"Comic Sans MS", cursive;
   text-align:center; 
   font-size:1.2em; 
  color:#3300CC; 
  padding-top: 0.5em ;
  padding-bottom: 0px;
}

h4 {
  font-family: "Verdana", "Tahoma", "Helvetica", "Arial", sans-serif ; 
  text-align:left; 
  font-size:1.6em; 
  color:#3300CC; 
  line-height:1em;
  padding-top: 0.5em ;
  padding-bottom: 0px;
}

h5 {
  font-family: "Verdana", "Tahoma", "Helvetica", "Arial", sans-serif ; 
  text-align:left; 
  text-decoration:underline;
  font-size:1.2em; 
  color:#3300CC; 
  line-height:1em;
  padding-top: 0.5em ;
  padding-bottom: 0px;
}
p, td {
  text-align: left ;
  font-size: 1em ;
  color:#3333CC ;
  padding: 0 0.5em;
}

td {
  font-size: 0.9em ;
  vertical-align:top;
}

.highl_1 {
  font-size: 1em; 
  color:#3300cc; 
}
.highl_2 {
  text-align:left ;
  font-size: 1em; 
  font-weight:600;
  color:#3300cc; 
}

#footer a,
a:link {color: #3333CC;}
a:visited {color: #3333CC;}
a:hover {color: #3d493b;}
a:active {color: #3d493b;}

#container {
/*  background: #b4d7ae;*/ 
  background: #FEFED1; 
  width:750px;
  margin: auto;
/*  margin-right:auto;*/
  border: 1px solid #332B2B;
  position:relative;
  overflow:hidden; 

}

#header {
  width:748px;
  background:#FCFC07 ; 
  border-bottom: 1px solid #332B2B;
 }
#nav {
  float:left;
  border-bottom: 1px solid #332B2B;
 }
 
#nav ul {
  float:left;
  list-style:none ;
  margin-left: 0 ;
  padding-left: 0.3em ;
  padding-right: 0.3em ;
  padding-top: 0.3em ;
}

#nav ul li a {
  display:block;
  text-decoration: none ;*/
  font-size:1em;
/*  background: #78AC70 */;
  background: #3333CC ;
  color : #ffffff ;
  text-align: left ;
  padding: .3em .2em;  
/*  border-bottom: 4px solid #b4d7ae ;*/
  border-bottom: 4px solid #FEFED1 ;
  width: 10em  ;
}

#nav ul li a:hover {
  background : #69c ;
  color: #fff ;
  }
#content {
  float: left ;
  border-left: 1px solid #332B2B ;
  padding: 0em 0.9em;
  width: 560px;
 }
  
 
#footer {
 /*  border: 1px solid #332B2B ;*/
   border-top: 1px solid #332B2B ;*/
/*   clear: both ;*/ 
   background:#FEFED1 ;
 }  
 
#footer .small_L {
  font-family: "Verdana", "Tahoma", "Helvetica", "Arial", sans-serif ; 
  font-size: 0.7em; 
  color: #3333CC ; 
  float: left;
  padding-left: 1em;
  padding-top: 1em;
}
#footer .small_R {
  font-family: "Verdana", "Tahoma", "Helvetica", "Arial", sans-serif ; 
  font-size: 0.7em; 
  color:#0C110B; 
  float: right;
  padding-right: 1em;
  padding-top: 1em;
}