body {
   background-color: #59769C;
}

 #container { 
   border: 1px #ccc solid; 
   margin: 10px auto; 
   width: 770px;
   font-family: arial; 
   font-size: 10pt;
   background-color: #fff;
 }

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

  A:link { color: blue } 
  A:visited { color:#000000 }
  A:hover { color:#000000 }

 #content { 
   float: right; 
   width: 590px;
   margin-top: 20px; 
   padding: 0px 15px 25px; 
   line-height: 20px;
}


#content h1, h2, h3 {
   text-shadow: 1px 1px 0 #333;
   color: blue;
   font: 150% georgia, times, "times new roman", serif;
}

 
 #sidebar-a  { 
   float: right; 
   padding: 12px;
   width: 120px; 
}

 #sidebar-b { 
   float: left; 
   width: 140px; 
   margin-top: 100px;	
   margin-left: 10px;
   font-family: arial; 
   font-size: 11px;
   line-height: 15px;
} 

 #footer { 
   font-size: 8pt;
      text-align: center;
      clear: both;
      padding: 20px;
     background: #fff url(css/footerview.jpg);
     background-repeat: no-repeat;
      color: #fff; 
} 

 #footer a{ 
   color: #fff; 
} 

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

@media screen and (max-width: 960px) {
  #container,
  #content,
  #sidebar-b {
    float: none;
    width: auto;
    font-size: 15px;
    line-height: 25px;
  }
}