/* As a general proposition for headers, set the height of header to accomodate the image + border.
   All headercontent does is set everything 37px to the right so that it clears the red bar. 
   Float the image left, and give the content a left margin equal to the image + border.  
   A larger left margin will set a left aligned caption off a little to the right, like padding.  
   A right margin will push centered or right aligned content to the left if that effect is desired.
   DON'T USE % WIDTHS for the header elements, as browsers don't render them the same way.  

*/


/* ---------- Cascaded from main style sheet ---------- */

#container {  width: expression( document.body.clientWidth < 726 ? "725px" : "auto" );
              min-width:725px }
#header { height:156px }
#headerimage { float:left; width:200px; height:150px; padding:3px; /* border:3px dotted red; */
               background-image:url('../images/26s2.jpg'); background-repeat:no-repeat;
               background-position:center center; }
#headercaption { margin-left:207px; margin-right:125px; padding-top:50px; 
                 text-align:center; font-size:14pt }
#yellow { padding:20px;  padding-top:0 }
#footer { font-family:Times New Roman, Times, serif; font-style:italic }



/* ---------- Custom items for this page ---------- */

.item { width:90%; padding-top:20px; padding-bottom:20px }
.heading { font-size: 12pt; font-weight: bold; color: #0099CC}
.leader { font-weight:bold; font-size:12pt }