body {margin: 0 auto 0 auto; background: blue;}
#container {min-width: 50em; display: block; float:left; 
            padding:0; margin:0;  border:none; background-color:#f7d009;
            width:100%;}

h3 {text-align:center;}
p {margin: 3% 3% auto 3%;}

#nav_oi, #main_oi, #news_oi 
    {float:left; border:none;padding:0;margin:0; height:100%;}

#nav_oi { width: 20%; background-color:#f7d009}
#main_oi {width: 60%; background-color:#f7d009}
#news_oi {width: 20%; background-color:#f7d009}

#nav, #main, #news 
    {position: static; display:block; float:left;
     width: auto; height: 100%; }

#nav,#main,#news{border:0; padding:0 0 0 0 ; margin: 0 auto 0 auto;}

#nav {background: #fd82b0; border-right: 2px; }
#main {background: #4288c4;}
#news {background: #b6f954;}

#banner { display: inline-block; float: none; 
          position:static; margin-left: auto; margin-right:auto;
          text-align:center; width: 100%;
	  margin-bottom:1em;}
#banner img {width:   10em; border: none;}
#banner h1,#banner h2{margin: 0 0 0 0; padding: 0 0 0 0;}

#nav  .figure {width:100%;}
#news .figure {width:100%; height: 100%;}
#main .figure {float:left; width: 98%%; background-color:inherit;
               margin: 0 1% 0 1%;
               min-height:25em;}

.figure p {width:auto; margin: 0 auto 0 auto;padding: 0 1em 0 1em;}

#nav  .figure .photo img, #news .figure .photo img, #main .figure .photo img  {
    display: block; float: none; position:static; 
    margin: 0 auto 0 auto;
    width: 80%;}

*.float-divider {clear:both;
                 height:1px;
                 margin-bottom:0px;
                 border-bottom:0px;
                 font-size:1px; line-height:1px;}