/* 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 < 674 ? "673px" : "auto" );
              min-width:673px }
#header { height:126px }
#headerimage { float:left; width:160px; height:120px; padding:3px; /* border:3px dotted red; */
               background-image:url('../exparty08/images/meeting.jpg'); background-repeat:no-repeat;
               background-position:center center; }
#headercaption { margin-left:171px; padding-top:10px; text-align:left; font-size:18pt; white-space:nowrap }

.item { text-align:left }  /* because content is text-align:center for captions */

/* ---------- Custom elements for this page ---------- */

#content { width:636px; margin:0 auto; text-align:center }
#content img { border:2px solid #CC0066; } 
#content img.nb { border:none } 
.leftover { width:264px; height:20px; border-top:1px solid #CC0066 }
.leftunder { width:264px }
.leftframe { width:318px; border-right:1px solid #CC0066; padding:right:58px }
.rightover { float:right; width:264px; height:20px; border-top:1px solid #CC0066 }
.rightunder { float:right; clear:right; width:264px }
.rightframe { float:right; clear:right; width:264px; border-right:none; padding:right:58px }
.missing { clear:both; text-align:left; margin-left:100px; margin-right:140px; font-weight:bold }
.endline-spacer { height:40px; margin-left:150px; margin-right:140px; border-top:1px solid #CC0066; margin-top:20px }