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

.btn1
{
    /* Hide the "First Page" button if there isn't room for it */
    display:none;
}

.leftbee
{
    float:left;
    margin:0;
    max-width:114px;
}
.header 
{
    background-color:White;
    /* Need a min-height to match the deckchair for each size */
    	min-height: 98px;
    
}
.offsetmen4
{
    position: relative;
    left: -57px;
}
.offsetmen41
{
    position: relative;
    left: -59px;
}

.titlefont
{
    font-size: 2.4em; 
    }
.TwentyPages
{
    display:none;
    }

.TenPages
{
    display:none;
    }    
    
    .MidDiv
{
        display:inline-block;
        white-space: normal;
        width:250px;
       
    }
.Headshrink
{
    /* Used for Capuchin Headings, shrinking from H1 downwards as the screen size reduces */
    font-size: 2.5em;
      }      
.HalfBoxLeft
{
    /* At this size it becomes a full box! */
    border-width:0px;
    border-style:none;
    border-right:none;
    width:99%;
    float:left;
    Margin:0px; 
   text-align:left;
    padding:2px;
    }
    .HalfBoxLeftNM
{
    /* At this size it becomes a full box! */
    border-width:0px;
    border-style:none;
    border-right:none;
    width:99%;
    float:left;
    Margin:0px; 
   text-align:left;
    padding:2px;
    }
.HalfBoxRight
{
    border-width:1px;
    border-style:solid;
   border-left:none;
    border-right:none;
    border-bottom:none;
        border-color:#000066;
    width:99%;
    float:left;
    Margin:0px; 
   text-align:left;
    padding:2px;
    padding-left:2px;
    }
    .HalfBoxRightNM
{
    border-width:0px;
   border-style:none;
    width:99%;
    float:left;
    Margin:0px; 
   text-align:left;
    padding:2px;
    padding-left:2px;
    } 
    .ShrinkingTextBox
{
    width:430px;
    }
.ChangeJustification
{
    /* Justifies right in a two column layout but switches when the layout goes to a single column */
    text-align:left;
    }
.QueryBoxB
{
   width:450px;
   border-style:none; 
   text-align:left;
   padding:2px;
   float:left;
   clear:both;
    }
.STB550
{
    width:450px;
    } 
.Cardpack2 {
    max-width: 64%;
    }
.IncredibleShrinkingBox
{
    width:425px;
    }