html {
   margin: 0px;
   padding: 0px;
}

body {
   margin: 0px;
   padding: 0px;
   background-color: #ffffff;
   font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
   color: #336699;
   min-width: 750px;
}

.validator {
   float: right;
}

.newsflash {
   background-color: #cccccc;
   border: 2px solid #336699;
   margin: 25px 10px 10px 10px;
   padding: 1ex;
   width: 400px;
   font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
   color: #000033;
   float: left;
}

.author {
   padding: 0px 0px 0px 0px;
   margin: -10px 0px 0px 0px; 
   overflow: auto; /* Fix the 'IE7 float italic' bug */
   font-style: italic; 
}

h1 {
   color: #000000;
   font: 200% Arial, Helvetica, sans-serif;
}

h2 {
   color: #336699;
   font: 150% Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------ */

a:link, a:visited, a:hover {
   color: #000033;
   text-decoration: underline;
}

a img {
   border: none;
}

/* ------------------------------------------------------------------ */
#header {
   margin: 0px;
   background: #fcfe9e;
   padding: 0px;
   height: 90px;
}

#header img {
   position: absolute;
   margin-left: 100%;
   left: -160px;
}


/* ------------------------------------------------------------------ */
#nextmeet {
   margin: 0px;
   padding: 2px 0px 0px 10px;
   border-top: 2px solid #336699;
   background: #ffffff;
   font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif ;
   color: #000033;
   text-align: left;
   height: 20px;
}

/* ------------------------------------------------------------------ */
#menu {
   margin: 0px;
   padding: 0px;
   border-top: 2px solid #336699;
   background: #cccccc;
   text-align: center;
   height: 20px;
}

#menu ul {
   margin: 0px;
   padding: 0px;
   text-align: center;
   list-style-type: none;
}

#menu ul li {
   font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif ;
   float: left;
   margin: 0px 10px 0px 5px;
   padding: 0px;
   color: #000033;
}

#menu ul li a {
   color: #000033;
}

#menu ul li#selected a {
   font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
   color: #336699;
}

#menu a {
   text-decoration: none;
}

#menu li:before { 
   content: "> "; 
}

/* ------------------------------------------------------------------ */
#maintext {
   border-top: 2px solid #336699;
   margin: 0px;
   padding: 0px 10px;
   background: #ffffff;
}

/* ------------------------------------------------------------------ */
#footer {
   clear: both;
   margin: 20px 0px 10px 0px;
   padding: 10px;
   border-top: 2px solid #336699;
   border-bottom: 2px solid #336699;
   background: #cccccc;
   height: 90px;
}
#footer img {
   float: left;
}

.lastmodified {
   margin: 40px 10px 10px 10px;
   text-align: right;
   font-style: italic;
}

/* ------------------------------------------------------------------ */
/* Produce a boxed-out picture with greyish outlines. Default is to float
   it to the right.

   Use with:
   <div class='boxedpic' style='width: 100px'>
      <img src='foo.jpg' alt='foo' width='100' />
      <p>Text</p>
   </div>

   To float it to the left use:
   <div class='boxedpic' style='width: 100px; float: left'>
      <img src='foo.jpg' alt='foo' width='100' />
      <p>Text</p>
   </div>
*/
.boxedpic {
   float: right;
   border: 1px solid #E8ECD8;
   margin: 0px 5px 2px 5px;
   padding: 0;
   background-color: #E8ECD8;
}
.boxedpic p {
   text-align: left;
   font: 10pt Verdana, Arial, Helvetica, sans-serif;
   margin: 0px 2px 0px 2px;
   padding: 0;
   color: black;
}

/* ------------------------------------------------------------------ */
/* Create a quotation box with quoted text and an author
   Use as:
   <blockquote>
   <p>Some quoted text</p>
   <address>Source</address>
   </blockquote>
*/
blockquote {float: right;
          padding: 0px;
          width: 200px;
          margin: 0px 4px;
          background-color: #E8ECD8;
          color: black;
          background-image: url(openquote.gif);
          background-repeat: no-repeat;
          background-position: 0px 4px;
}

blockquote p {
          color: black;
          margin: 0px;
          padding: 9px 20px 0px 22px;
          font: bold 8pt Verdana, Helvetica, sans-serif; 
          background-image: url(closequote.gif);
          background-repeat: no-repeat;
          background-position: bottom right;
}
blockquote address {
        color: black;
        margin: 0px;
        padding: 10px 4px 4px 4px;
        font: 8pt Verdana, Helvetica, sans-serif; 
}

.clearboth {
   clear: both;
}

/* ------------------------------------------------------------------ */
/* The Holly Hack */
/* hide from Mac IE5 \*/
* html #mainpage {
   height: 1%;
}
/* end hide from Max IE5 */