html, body { margin: 0pt;
    padding: 0pt;
    }  
  #wrapper {
  background-color#ffffff;
  width: 100%;
  height:auto;
  padding:0px;
  margin:auto;
    }
  
  #wrapper #header { 
        width: 960px;  
    overflow: hidden;
    background-size: 10%;
    } 
  #wrapper #header #logo   {
  font-size:0; /* to bring the three image together with no white-space between */
  }
  #wrapper #header h1 {
    font-family: "Times New Roman",Times,serif; 
    padding: 0px 0px 0px 0px;
    color: black;
    text-align:center; 
    }

 body { 
 width:960px; 
 background-color:white;
 background-image: url("American_Flag_Waving.gif");
 background-repeat:repeat-y;
    background-size:80%;  
    font-family: TrebuchetMS,Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 85%;
    line-height: 1.3;
    text-align: left;
    overflow:auto;
    }
   #wrapper #content {
    margin: 0pt auto;
    width:960px:  
    padding: 0px 25px 25px 25px; 
    font-family: TrebuchetMS,Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 75%;   
    line-height: 1.3;
    
     }
     
     <img src="4thdegreelogo_header.jpg" id="" onmouseover="this.src='4thdegreelogo_header_blue.jpg';" onmouseout="this.src='4thdegreelogo_header.jpg';" />
  a { background: inherit inherit inherit inherit inherit;
     text-decoration: none;
    color: #000000;
    }

  h1 { font-family: "Arial Black",Arial,Sans-Serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 2.1em;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: #036d43;
    }

  h2 { margin: 0pt;
    padding: 0pt;
    font-family: Arial,Arial,Sans-Serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 1.1em;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    }

 
/* 2.4 - Navigation - Level 2 */
/*----------------------------*/
.nav2 {clear: both; margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav2 ul {float: left; width: 960px; margin: 0px; padding: 0px; border-top: solid 1px rgb(54,83,151); border-bottom: solid 1px rgb(54,83,151); background-color: rgb(127,162,202); font-weight: bold;}	
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px rgb(54,83,151); color: rgb(255,255,255); text-transform: uppercase; text-decoration: none; font-size: 100%;}
.nav2 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none;}
.buffer {clear: both; width: 960px; height: 30px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

    
       .centerpage{
       text-align:center;
       }
    
 
 #picofficer {
 	text-align:left;
 	font-family: Verdana,Verdana,Arial;
 	font-style: normal;
 	font-variant: normal;
 	font-weight: bold;
 	font-size: 2.1em
	}
 	#picofficer #Otable tr {
 	height:200px;}