body {
   background-color: #91BDBF;
}

 #container { 
   border: 1px #000 solid; 
   margin: 10px auto; 
   width: 770px;
   max-width: 100%;
   font-family: Arial, Helvetica, sans-serif; 
   background-color: #fff;
 }

 #banner { 
     height: 250px;
     background: #fff url(css/pivlogo.gif);
     background-repeat: no-repeat;
}

a, a:link, a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}
a:active {
   color: #000; 
   background: #F6C5A1;
}

 #content { 
   float: right; 
   width: 573px;
   max-width: 70%;
   padding: 0px 15px 25px; 
   line-height: 20px;
}

 #content h1, h2 {
   font-size : 120%;
   color: #023A3D;
   margin-top: 50px;
   border-bottom: 1px #023A3D solid; width: 90%; 
 }

 #sidebar-a  { 
   float: right; 
   margin-top: 1px; 
   padding: 5px 0px 5px 10px; 
}

 #sidebar-b { 
   float: left; 
   width: 148px; 	
   margin: 80px 0 0 20px;	
   font-size: 15px;
   line-height: 30px;
} 

 #footer { 
   font-size: 15px;
      text-align: center;
      clear: both;
      padding: 7px;
      background: #fff url(css/footerlogo.gif);
      background-repeat: no-repeat;
      color: #fff; 
} 

 
h1 {
          font-size : 150%;
 }

@media screen and (max-width: 700px) {
#container, #content, #footer {
   max-width: 98%;
   padding: 5px;
}

#sidebar-b {
   clear: both;
   float: right;
   margin: 0;
   width: 65%;
}

img {
   max-width: 90%;
   height: auto;
}
}