/*Screen width<600 pixels.  We shrink components and hide right bee. */
.rightbee 
{
    /* Hide the right bee */
    display:none;
}

.leftbee
{
    float:left;
    margin:0;
    max-width:69px;
}
.header 
{
    background-color:White;
    /* Need a min-height to match the deckchair for each size */
    	min-height: 64px;
    
}

.titlefont
{
    font-size: 1.6em; 
    }
    
    .MidDiv
{
        display:inline-block;
        white-space: normal;
        width:100px;
       
    }
.offsetmenu3 {
    position: relative;
    left: -62px;
}
.offsetmenu31
{
        position: relative;
    left: -64px;
    
}
.offsetmen4
{
    position: relative;
    left: -62px;
}
.offsetmen41
{
    position: relative;
    left: -64px;
}
.MenuOverrides 
{
   font-size: 0.7em;
}

    .Headshrink
{
    /* Used for Capuchin Headings, shrinking from H1 downwards as the screen size reduces */
    font-size: 1.5em;
      }  
.ShrinkingTextBox
{
    width:300px;
    }
/*
.ShrinkingTable
{
     width:320px;
     }      
*/
.QueryBoxB
{
   width:300px;
   border-style:none; 
   text-align:left;
   padding:2px;
   float:left;
   clear:both;
    }
.QueryBoxB2
{
   width:300px;
   }       
.STB550
{
    width:300px;
    }       
.STB400
{
    /*Shrinking text box, initial width 400px */
    width:300px;
    }
.Cardpack2 {
    max-width: 50%;
    }
.IncredibleShrinkingBox
{
    width:250px;
    }