.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;
           position:    relative;   
        }
#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:     0px;
               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;
}
/*********************************Popup menu*********************/
#hideshow    {     width:      194px;                                      
                   position:   absolute;
                   top:        247px;
                   right:      -1px;
                   text-align: center;
                   z-index:    1;
               }
#hideshow-ie	 {
				   width:      194px;                                      
                   position:   absolute;
                   top:        245px;
                   right:      -1px;
                   text-align: center;
                   z-index:    1;
				 }
.noshow        {   visibility: hidden;
               }
               
#beastlydiv          {   width:            194px;
                         float:            right;
                         margin-right:     1px;
                         margin-top:       -1px;
                         border:           1px rgb(120,120,90) solid;
                   }
#beastlydiv:hover   {  font-weight:     bold;
                       background-color:rgb(120,120,90); 
                       color:rgb(210,210,166);
                       text-decoration: none;
                   }
#forumdiv          {   width:            194px;
                       float:            right;
                       margin-right:     1px;
                       margin-top:       -1px;
                       border:           1px rgb(120,120,90) solid;
                   }
#forumdiv:hover    {   font-weight:     bold;
                       background-color:rgb(120,120,90); 
                       color:rgb(210,210,166);
                       text-decoration: none;
                   }
#homepagediv    
                   {
                       width:            194px;
                       float:            right;
                       margin-right:     1px;
                       margin-top:       -1px;
                       border:           1px rgb(120,120,90) solid;
                   }
#homepagediv:hover {   
                       font-weight:     bold;
                       background-color:rgb(120,120,90); 
                       color:rgb(210,210,166);
                       text-decoration: none;
                   }
#quartermasterdiv  {
                       width:            194px;
                       float:            right;
                       margin-right:     1px;
                       margin-top:       -1px;
                       border:           1px rgb(120,120,90) solid;
                   }
#quartermasterdiv:hover    {
                               font-weight:     bold;
                               background-color:rgb(120,120,90); 
                               color:rgb(210,210,166);
                               text-decoration: none;
                           }
.cursor            {   cursor:  pointer;
                   }
/******************************************************************/
/********************************************************************/

/*This creates the main body and the side bar*/
.mainbody      {   width:           800px;                  
                   float:           left;
                   margin-top:      3px;
                   height:          870px;
               }
.sidebar       {   width:           200px;
                   height:          866px;
                   float:           left;
                   text-align:      left;
                   margin:          2px;
                   padding-left:    3px;
                   overflow:         auto;
                   position:        relative;
               }
/***************mobile***************/

.mainbodym		 {   width:           800px;                  
                   float:           left;
                   margin-top:      3px;
                   height:          900px;
               }
.sidebarm			 {
							 		 width:           200px;
                   height:          896px;
                   float:           left;
                   text-align:      left;
                   margin:          2px;
                   padding-left:    3px;
                   overflow:         auto;
                   position:        relative;
							 }
/*********************Firefox***********************/
.mainbodyff      {   width:           800px;                  
                   float:           left;
                   margin-top:      3px;
                   height:          920px;
               }
.sidebarff       {   width:           200px;
                   height:          916px;
                   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:             590px;
                   left:            345px;
               }
#scoutleaders  {   
                   font-size:       75%;
                   position:        absolute;
                   top:             590px;
                   left:            450px;
               }
#cubscouts     {   
                   font-size:       75%;
                   position:        absolute;
                   top:             590px;
                   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        {   
                   font-size:      80%;
                   text-align:     center;
                   width:           800px;
                   float:           right;
                   margin-top:      5px;
                   float:           right;
               }
/******************************************************************/
#calendar {
    color: rgb(210,210,166);
    font-size: 120%;
    font-weight: bold;
}