/**********************/
/*   General Tags     */
/**********************/

      body 
      {  
         background-color: #FFF ;
         color: #000066 ;
         font-family: Myriad Web, Geneva, Arial, Helvetica, sans-serif;
      }
      
      p
      {
         margin-left: 2em;
      }
      
      h1   
      {   
        font-family:   Impact, Arial Black, Helvetica Black, sans-serif;
        font-size-adjust:   .46;
        font-size:   2.33em;
        font-weight:   400;
        font-style:   normal;
        text-decoration:   none;
        word-spacing:   normal;
        letter-spacing:   normal;
        text-transform:   none;
      }
      
      h2   
      {   
         font-family:   Arial Narrow, Helvetica Narrow, sans-serif;
         font-size-adjust:   .46;
         font-size:   1.75em;
         font-weight:   700;
         font-style:   normal;
         text-decoration:   none;
         word-spacing:   normal;
         letter-spacing:   normal;
         text-transform:   none;
         margin-left: 0.4em;
      }   
            
      h3   
      {   
         font-family:   Arial Narrow, Helvetica Narrow, sans-serif;
         font-size-adjust:   .46;
         font-size:   1.58em;
         font-weight:   700;
         font-style:   normal;
         text-decoration:   none;
         word-spacing:   normal;
         letter-spacing:   normal;
         text-transform:   none;
         margin-left: 0.8em;
      }   
            
      h4   
      {   
         font-family:   Arial Narrow, Helvetica Narrow, sans-serif;
         font-size-adjust:   .46;
         font-size:   1.33em;
         font-weight:   600;
         font-style:   normal;
         text-decoration:   none;
         word-spacing:   normal;
         letter-spacing:   normal;
         text-transform:   none;
         margin-left: 1.2em;
      }   
            
      h5, dt   
      {   
         font-family:   Arial Narrow, Helvetica Narrow, sans-serif;
         font-size-adjust:   .46;
         font-size:   1.17em;
         font-weight:   600;
         font-style:   normal;
         text-decoration:   none;
         word-spacing:   normal;
         letter-spacing:   normal;
         text-transform:   none;
         margin-left: 1.6em;
      }   
            
      h6   
      {   
         font-family:   Arial Narrow, Helvetica Narrow, sans-serif;
         font-size-adjust:   .46;
         font-size:   1em;
         font-weight:   600;
         font-style:   normal;
         text-decoration:   none;
         word-spacing:   normal;
         letter-spacing:   normal;
         text-transform:   none;
         margin-left: 2em;
      }

/**********************/
/*     Chunks         */
/**********************/

      #container  
      {  
         width: 92%; 
         margin-top: 0.5em;
         margin-right: 2em;
         margin-left: 2em;
         margin-bottom: 0.5em;
         padding; 0.5em;
      }
      
      /*  original size:  390x450 */
      #photo 
      {  
         position: absolute;
         float: right;
         display: inline;
         clear:  left;
         right:  3em;
         width:  190;
         height:  204px;
         top:     2em;
         padding:  3px;
         margin:   0em;
         /* border: 1px solid black;  */
      }
      
      #heading 
      {   
         width: 90%;
         height: 270px;
         clear: none:
         padding: 2px;
      }
      
      #headingtext 
      {  
         clear: left;
         display: inline;
         width: 70%;
         height: 270px;
         padding: 1em;
      }
      
      img.topline
      {  clear: none;
         width: 100%;
         height: 9px;
         margin-top: 1px;
         margin-bottom: 1px;
         padding-top: 0px;
         padding-bottom: 0px;
      }

      img.bottomline
      {  clear: none;
         width: 70%;
         height: 9px;
         margin-top: 1px;
         margin-bottom: 1px;
         padding-top: 0px;
         padding-bottom: 0px;
      }

      #clearing1 
      {  
         clear: none;
         width: 95%;
         height: 9px;
         margin: 0px;
         padding: 0px;
      }
      
      #clearing2 
      {  clear: none;
         width: 95%;
         height: 3px;
         margin: 0px;
         padding: 0px;
      }
      
      #clearing3 
      {  clear: none;
         width: 95%;
         height: 3px;
         margin: 0px;
         padding: 0px;
      }
      
      #clearing4 
      {  clear: none;
         width: 95%;
         height: 0.5em;
         background-color: white;
      }
      
      #clearing5
      {  
         clear: none;
         width: 95%;
         height: 0.5em;
         background-color: white;
      }
      
      #content 
      {  
         clear: right;
         width: 85%;
         padding-left:  1em;
         padding-right:  1em;
         padding-top:  1em;
         padding-bottom:  1em;
      }
      
      #footer 
      {  
         text-align: right;
         width: 95%;
         height:  4em;
         font-style: italic;
         font-height: 6px;
         font-size: small;
      }

/*************************/
/*    Button list        */
/*************************/
      .navcontainer, .navcontainer ul 
      {  
        margin: 0;
        padding: 0;
        list-style-type: none;
      }
      
      .navcontainer ul li 
      { 
        display: inline; 
      }
      
      .navcontainer ul li a 
      { 
        text-decoration: none;
        padding: .2em 1em;
        color: #fff;
        background-color: #036;
      }
      
      .navcontainer ul li a:hover 
      { 
         color: #fff;
         background-color: #369;
      }
      
      #here
      {
        background-color: #369;
      }