body {
      background-color : #FFffcc;
      font-family : Verdana, Arial, Helvetica, sans-serif;
	  font-size : 12pt;
      margin: 2px; 
      }

h1    {
	  color: #666666;
	  font-size : 12pt;
	  }

<LI>  {
	  color: #666666;
	  font-size : 12pt;
	  }
	  
.infobox {

position: absolute;
left:2%;
width:700px;
top:160px;

margin-left: 0;

margin-right: 0;

background-color: #e0e0e0;

border-style: solid;

border-color: #000000;

border-width: thin;

padding-left: 5px;

padding-right: 5px;

text-align : justify;

}
	
P, OL, UL, DL, LI {font-size: 12px;}
/*font-family is already defined, here I only set the font-size*/
P OL, P UL, P DL, OL UL, LI {font-size: 12px;}
/*and here the I prevent the incredible shrinking text*/
    
p.title {text-decoration : underline; }

a:link {/*normal links in the text*/
  color: #000032;
  font-size:12px; 
  text-decoration : none; 
  font-weight: 600;}
a:visited {
  color: #000032; 
  font-size:12px; 
  text-decoration : none;
  font-weight: 600;}
a:hover { 
  color: #999999; 
  font-size:12px; 
  text-decoration : underline; 
  background: #FFFFFF;
  font-weight: 600;}

/*for links in the navigation bar at the top*/    
a.nav:link {
  color: #008000; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}
a.nav:visited {
  color: #008000; 
  text-decoration : none;
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}
a.nav:hover { 
  color: #000000; 
  text-decoration : none; 
  font-weight: 600; 
  font-size:14px; 
  background: transparent;}