.tan {background-color:rgb(210,210,166); color:rgb(120,120,90); }

.olive {background-color:rgb(120,120,90); color:rgb(210,210,166); }

*  {
       padding:    0;
       margin:     0;
   }

/*This is the container for the whole page*/
.maincontainer {    width:          800px;
                    margin-left:    auto;
                    margin-right:   auto;
                    margin-top:     5px;
                    position:       relative;         
               }
/****************************************************/

/*This creates the header body*/
.header {  width:  800px;
           height: 150px;
           float:  left;   
        }
#mainpic { 
           position:    absolute;
           top:         10px;
           left:        20px; 
          }
#header_text { position:   absolute;
               top:        30px;
               right:      10px;
             }

#motto       { position:   absolute;
               top:        100px;
               right:      10px;
               font-size:  125%;
             }
#logout    {
               position:   absolute;
               bottom:     -110px;
               right:      10px;
           }
#login     {
               position:   absolute;
               bottom:     -110px;
               right:      90px;
           }
#register  {
               position:   absolute;
               bottom:     -110px;
               right:      10px;
           }
/*****************************************************************/

/*This is the body for the tagline and the pictures*/
.taglinebody   {   
                   margin-top: 3px;
                   width:      800px;
                   height:     70px;
                   float:      left;
               }
.tagline-text  {   
                   float:           left;
                   font-size:       85%;
                   margin-top:      15px;
                   margin-right:    40px;
                   margin-left:     40px;
                   text-align:      center;
               }
.pics      {   float:         right;
               width:         145px;
               height:        70px;
               margin-left:   3px;  
           }

/*********************************************************/

/*This creates the nav bar*/
.navbarbody    {
                   float:           right;
                   margin-top:      3px;
               }
.troop         {   width:           195px;
                   margin-left:     3px;
                   float:           right;
                   text-align:      center;
               }

.pack          {   width:           194px;
                   margin-left:     3px;
                   float:           right;
                   text-align:      center;
               }
.leaders       {   width:           194px;
                   float:           right;
                   text-align:      center;
               }
a:hover,.link:hover        {   text-decoration: underline;
               }
a,.link { text-decoration: none;
   }
.olivelink:hover {
                         text-decoration: none;
}
/********************************************************************/

/*This creates the main body and the side bar*/
.mainbody      {   width:           800px;                  
                   float:           left;
                   margin-top:      3px;
                   height:          821px;
               }
.sidebar       {   width:           200px;
                   height:          817px;
                   float:           left;
                   text-align:      left;
                   margin:          2px;
                   padding-left:    3px;
                   overflow:         auto;
                   position:        relative;
               }
#calpic        {
                   width:  220%;
                   height: 220%;
               }
#boyscouts     {   
                   font-size:       75%;
                   position:        absolute;
                   top:             580px;
                   left:            345px;
               }
#scoutleaders  {   
                   font-size:       75%;
                   position:        absolute;
                   top:             580px;
                   left:            450px;
               }
#cubscouts     {   
                   font-size:       75%;
                   position:        absolute;
                   top:             580px;
                   left:            555px;
               }

.hr-style      {   color:           rgb(120,120,90);
                   width:           65%;
               }
.underline     {   text-decoration: underline;
               }
.nounderline   {   text-decoration: none;
               }
.center        {   
                   text-align:      center;
                   margin-left:    auto;
                   margin-right:   auto;
               }

/*Up coming events styles*/

#events        {    overflow:       auto;
                    text-align:     center;
               }
#events-text   {   font-size:       85%;
               }
/***************************************************************/

/*This is the footer*/
.footer        {   
                   color:           rgb(0, 0, 0);
                   font-size:      75%;
                   text-align:     center;
                   position:       absolute;
                   top:              1080px;
                   width:           800px;
               }
/******************************************************************/