body {max-width:1000px; margin-left:auto; margin-right:auto; background: blue;}
#container {display: block; float:left; padding:0; margin:0; min-width: 50em; border:none;
            background-color:blue;}

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: 22%; background-color:#530046}
#main_oi {width: 58%; background-color:blue;}
#news_oi {width: 20%; background-color:#023A67}

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

#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: #63c7fb; border-right: 0; }
#main {background: #f79927;}
#news {background: #629739;}

#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:   75%; border: none;}
#banner h1,#banner h2{margin: 0 0 0 0; padding: 0 0 0 0;}

#main .figure {float:left; width: 48%; background:#f79927;
               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: 75%;}

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