/*  Default CSS for the Header/Navigation/Footer template   */

/* Start of header */
#header { margin: 0;
          padding: 0; 
          left: 0;
          top: 0;
        }
#header #banner { width: 100%;
                  height: 150px;
                } 

#header #namelogo { position: absolute;
                    left: 0;
                    top: 0;
                  }
#header #chklogo { position: absolute;
                   right: 0;
                   top: 0;
                 }                
#header h1 { position: absolute;
             top: 20px;
             right: 150px;
             margin: 0;
             padding: 0;
             font-size: 150%;
             color: #765429;    
           }                                                                  
/*  End of header  */

/*  Main Navigation Bar   */
#mainNav { margin-top: -.2em;
           padding: 0;
         }
#mainNav ul { float: left;
              width: 100%;
              height: 30px;
              margin: 0px;
              padding: 0px;
              list-style: none;
              background: #e13703 url('../images/nav_bg.gif') repeat-x bottom left;  
           }
#mainNav li { float: left;
              margin: 7px 5px 0 0;
              padding: 0;
              font-family: Verdana, sans-serif;
              font-size: 60%;
              font-weight: bold;
            }           
#mainNav a { float: left;
             display: block;
             margin: 0px;
             padding: 4px 8px;
             color: #08051a;                   
             text-decoration: none;
             border: 1px solid #765429;
             border-bottom: none;            
             background: #f9e3b8 url('../images/off_bg.gif') repeat-x top left;
           }
#mainNav a:hover { padding-bottom: 6px;
                   border-color: #765429;            
                   background: #e0e0e0 url('../images/on_bg.gif') repeat-x top left; 
                 } 
* html #mainNav a { height: 1px;
                  }
/*  End of Main Navigation */

#clearfooter { clear: both;
               height: 50px;
               margin: 50px;
             }

/*  Start of Footer  */
#footer { position: relative;
          margin: 0px auto;
          bottom: 0px; 
          width: 100%;      
          background: #f9e3b8;  /* same background color as #container  */
                               /* to cover space at bottom, IE       */                            
        }
#footer #ftrbanner { position: absolute;
                     width: 100%;
                     height: 50px; 
                     left: 0px;                      
                     bottom: 0px;
                     margin: 0px;
                     padding: 0px;
                   }         
#footer #bbhlogo { position: absolute;
                   left: 0px;
                   bottom: 0px;
                   width: 150px;
                   height: 50px;
                 }
#footer p#copyright { position: absolute;
  	                  bottom: 0px;
  	                  left: 170px;
  	                  color: #261688;
            	      font-size: 90%;
  	                  font-weight: bold;
                    }
#footer p#webmaster { position: absolute;
  	                  bottom: 0px;
  	                  right: 7px;
  	                  color: #261688;
  	                  font-size: 70%;
  	                  font-weight: bold;
                    }
/*  End of Footer  */