body {
			
      background-color : #ffffff; 
      font-family : Tahoma, Arial, Helvetica, sans-serif;
      color : #000000;
      margin: 10px; 
      }
	
.Header {
    margin-top: 10px;
    margin-left: 160px;
    } 

h1 {
  font-size: 13px;
	}
		
 .boxx {/*this is for page boxes*/
  background: #CDCDCD;
  color : #000099;
  top: 100px; 
  left: 3px;
  width: 420px;
  height: auto;
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  padding : 4px;
  margin: 4px;
  border-color : red;
  border-style : groove;
  border-width : 2px;/* the border property in longhand*/
  }
  
.navbox {/*button-like box for the left-side navigation*/
   font-size: 15px;/*readability for the links*/
   font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
   background-color: #000000;
   border-color: red;
   border-style: groove; /*border-properties would read:*/
   border-width: 2px;/*border: 2px groove #FF6633;*/
   padding: 1px;
   margin: 2px;
   }
	
P, OL, UL, DL {font-size: 13px;}
/*font-family is already defined, here I only set the font-size*/
P OL, P UL, P DL, OL UL {font-size: 13px;}
/*and here the I prevent the incredible shrinking text*/
    
a:link {/*normal links in the text*/
  color: #555555; 
  text-decoration : underline; 
  background: #FFFFFF;}
a:visited { 
  color: #999999; 
  text-decoration : underline; 
  background: #FFFFFF;}
a:hover { 
  color: #999999; 
  text-decoration : underline; 
  background: #FFFFFF;}

strong, b {font-weight: 800;}
/*NN 4.xx needs that...*/ 
big {font-size: larger;}
/*to emphasize words, use it inline with a <span> class*/ 
small {font-size: smaller;}
/*not really necessary, but one never knows...use it inline with a <span> class*/


.formElements {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}