@import url('ie.css');

.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;
                    position:       relative;
                    margin-top:     5px;         
               }
/**************************************************************/

/*This creates the header body*/
#header {
           width:  800px;
           height: 150px;
           float:  right;
           position:            relative;          
        }
#mainpic { 
           position:    absolute;
           top:         10px;
           left:        20px; 
          }
#header_text { position:   absolute;
               top:        30px;
               right:      10px;
               margin:     0;
             }
#motto       { position:   absolute;
               top:        100px;
               right:      10px;
               font-size:  125%;
               margin:     0;
             }
#logout    {
               position:   absolute;
               bottom:     -150px;
               right:      10px;
           }
#login     {
               position:   absolute;
               bottom:     -150px;
               right:      90px;
           }
#register  {
               position:   absolute;
               bottom:     0px;
               right:      10px;
           }
#chat     {
               position:   absolute;
               bottom:     -150px;
               right:      150px;
           }
/*****************************************************************/

/*This is the body for the tagline and the pictures*/
#taglinebody   {   
                   width:      800px;
                   height:     70px;
                   float:      right;
                   margin-top: 3px;
               }
#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 linknav bar*/
#navbarbody    {
                   width:      600px;
                   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;
                       }
.tanlink: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:      2px;
                   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;
                   font-size:       85%;
                   float:           right;
                   margin-top:      3px;
                   position:        relative;
               }
#sidebar       {   
                   width:           200px;
                   height:          900px;
                   float:           left;
                   text-align:      left;
                   margin:          2px;
                   padding-left:    3px;
               }

#boyscouts     {   position:        absolute;
                   top:             150px;
                   left:            345px;
                   font-size:       90%;
               }
#scoutleaders  {   position:        absolute;
                   top:             150px;
                   left:            450px;
                   font-size:       90%;
               }
#cubscouts     {   position:        absolute;
                   top:             150px;
                   left:            555px;
                   font-size:       90%;
               }
.underline     {   text-decoration: underline;
               }
.nounderline   {   text-decoration: none;
               }
.center        {
                   text-align:      center;
                   margin-left:     auto;
                   margin-right:    auto;
               }
.iphonefont    {
                   font-size:                   95%;
                   -webkit-text-size-adjust:    none;
               }
/***************************************************************/

/*This is the footer*/
#footer        {
                   font-size:       80%;
                   text-align:      center;
                   float:           left;
                   width:           800px;
                   margin-top:      5px;
               }
/******************************************************************/


#hideshow2     {  background-color:rgb(210,210,166);
                  color:       rgb(120,120,90);
                  height:      100px;
                  width:       200px;
                  position:    absolute;
			       top:         290px;
			       left:		4px;
			       text-align:	center;
		   }
.margin0       {   margin:     0;
               }

.popup         {   position:   relative;
                   left:       0px;
                   height:     15px;
                   width:      55px;
                   text-align: left;
               }
.hidelink      {   font-size:  17px;
                   
               }
.cursor        { cursor:       pointer;
               }
h2,h3          {
                   margin: 7px;
               }