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

div { background-color: #f7d009; margin-right: 10px; padding: 5px;
      border-left: 1px solid gray; border-right: 2px solid black;
      border-top: 1px solid gray; border-bottom: 2px solid black; }

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


#nav_oi { width: 20%; }
#main_oi {width: 44%; }
#news_oi {width: 30%; }

#nav, #main, #news {position: relative; float:none; display:block; width: 100%; 
                    min-width:170px; height: 100%; padding-top: 2em;
                    margin: 0px 0px 0px 0px; }

#banner { display: inline-block; float: none; 
          position:static; margin-left: auto; margin-right:auto;
          text-align:center; width: 100%;}
#banner img {width:   15em;}

#nav img, #main img, #news img   {width: 100%;}

#news { background-image: url("http://www.sarayramirez.com/images/right_corner.jpg");        
        background-position: top right;
        background-repeat: no-repeat;
        padding-top: 2em;}


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