body {
  font-size: 16px;
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif 
}

.header 
{
    background-color:White;
    /* Need a min-height to match the deckchair for each size */
    	min-height: 135px;
    
}

.menuicon  /*Used to generate a three bar pseudo-icon*/
{
    width: 1.2em;
    height: 0.16em;
    background-color: black;
    margin: 0.16em 0;
}

.offsetmen2
{
    position: relative;
    left: -60px;
}
.offsetmen21
{
    position: relative;
    left: -62px;
}
.offsetmen22
{
    position: relative;
    left: -64px;
}
.offsetmen3
{
    position: relative;
    left: 30px;
}
.offsetmen31
{
    position: relative;
    left: -180px;
}
.offsetmenu3
{
    /* This version only offsets for lower screen sizes*/
    
}
.offsetmenu31
{
    /* This version only offsets for lower screen sizes*/
   
}
.offsetmen4
{
    /* This version only offsets for lower screen sizes*/
}
.offsetmen41
{
   /* This version only offsets for lower screen sizes*/
}
.MenuOverrides 
{
    background-color: #FFFFCC; 
    font-size: 0.8em;
}

.rightbee 
{
    /* No settings here, we display the right bee */

    margin:0;
    max-width:160px;
    float:right;
}

.notop
{    margin-top:0;}

.vbottom     
{
    vertical-align:bottom;
    margin: 0px;
}

.menu 
{
    text-align:center
}

.leftbee
{
    float:left;
    margin:0;
    max-width:160px;
}

.menubar 
{
    background-color: #FFFFCC; 
    font-size: 0.8em; 
    clear: both;
}

.titlefont
{
    font-size: 3.0em; 
    font-family:Constantia, serif
    }
    

.mw100 
{
        max-width:100%
        /*Used for images to fill the full width of the container*/
}
.mw50 
{
        max-width:50%
        /*Used for images to fill the half the width of the container*/
}

h1, h2, h3, h4, h5, h6
{
    color: #000000;
    font-variant: normal;
    text-transform: none;
    font-weight: bold;
}

h1
{
    font-size: 3em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 3em;
    
}

h3
{
    font-size: 2em;
}

h4
{
    font-size: 1.6em;
}

h5
{
    font-size: 1.2em;
}
h6
{
        font-size: 1.1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

.box800
{
    display:block;
    max-width:800px;
    border-color:Black;
    border-style:Solid;
    border-width:1px;
    text-align:center;
   
    }
.box800u
{
    /* Unbordered version of box800 */
    display:block;
    max-width:800px;
    border-style:none;
    text-align:center;
   
    }
.subbox
{
    width:97%;
    border-style:Solid;
    border-width:1px;
    text-align:center;
    margin-top:6px;
    margin-bottom:6px;
    padding:4px;
    margin-left:auto;
    margin-right:auto;
}
.subboxleft
{
    width:97%;
    border-style:Solid;
    border-width:1px;
    text-align:left;
    margin-top:6px;
    margin-bottom:6px;
    padding:4px;
    margin-left:auto;
    margin-right:auto;
}
.box600
{
    display:block;
    max-width:600px;
    border-style:none;
    text-align:center;
   
    }

.ResultsPan1
{
    border-style:none;
    text-align:center;
    float:left;
    margin:0;
    padding:0,2px,0,2px;
    }
.ResultsPan2
{
    border-style:none;
    text-align:left;
    float:left;
    margin:0;
    padding:0;
    min-width:320px;
    }    
.btn1
{
    float:left;
    margin:0;
    width:25%;
}
.btn2
{
    float:left;
    margin:0;
    width:25%;
}
.btn3
{
    float:right;
    margin:0;
    width:25%;
}
.pageno
{
   text-align:center;
}

.midcompact
{
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px;
}

.C98
{
        width:98%;
    border-style:Solid;
    border-width:1px;
    text-align:center;
}

.ResultsHeading
{
    text-align:left;
}
.BtnDiv
{
    display:inline-block;
    width:96px;
    
    }    
.MidDiv
{
        display:inline-block;
    }
.TwentyPages
{
    /*Controls the display of page numbers in search results */
    }

.TenPages
{
    display:none;
    }

.Medium
{
    font-family: 'times New Roman' , Times, serif;
    font-size: medium;
    font-weight: bold;
}
.MediumItalic
{
    font-family: 'times New Roman' , Times, serif;
    font-size: medium;
    font-weight: normal;
    font-style:italic;
}
.Large
{
    font-family: Constantia, serif;
    font-size: Large;
    font-weight: bold;
}

.PageHead
{
    font-size: 1.6em;
    font-family: Constantia, serif;
    font-weight: bold;
}
.ColumnHead
{
       font-weight: bold;
}
.CheckoutHeadCentre
{ 
    font-weight: bold;
    font-style: italic;
    font-size: x-large;
    color: #660066;
    text-align: center;
    background-color: #CCFFCC; 
    }
.CheckoutSubHead
{
    background-color: #FFCCFF;
    font-family: Constantia, serif;
    font-size: medium;
    font-weight: bolder;
    text-align: center;
}
.BasketHeadCentre
{
    font-weight: bold;
    font-style: italic;
    font-size: x-large;
    color: #660066;
    text-align: center;
}
h5.Maroon
{
    color: Maroon;
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}
h5.Green
{
    color: Green;
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}    
h5.Navy
{
    color: Navy;
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}
h5.compact
{   
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
    }
h6.Maroon
{
    color: Maroon;
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}
h6.Green
{
    color: Green;
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}    
h6.Navy
{
    color: Navy;
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}    
h4.Maroon
{
    color: Maroon;
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}
h4.Green
{
    color: Green;
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}    
h4.Navy
{
    color: Navy;
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}
h4.compact
{
       padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}
.smallit
{
    font-size: 0.7em;
    font-style: italic
}
.Indigo
{
    font-family: 'times New Roman' , Times, serif;
    font-size: Large;
    font-weight: bold;
    color: #000066;
}
.flush
{
    padding-top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    padding-bottom:0px;
    margin-bottom:0px;
}
.fl2
{
    padding-top: 0px;
    margin-top: 0px;
    margin-left: -25px;
    padding-bottom:0px;
    margin-bottom:0px;
}
.inabit
{
    margin-left: 25px;  
}

.FWPageDiv
{
    float:left;
    max-width:50%;
    text-align:left;
    margin:0px;
    
    }
.HWPageDiv 
{
    width:98%;
    /* float:left; */
    margin:0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:0px;
    }

.LeftImage{
    float:left;
    margin-Left:0px;
    margin-Right:5px;
    margin-bottom:0x;
    margin-top:0px;
}
.RghtImage{
    float:right;
    margin-Left:5px;
    margin-Right:0px;
    margin-bottom:0px;
    margin-top:0px;
}
.PageBlock {
    display:block;
    width:100%;
    clear:both;
}
.HomeSubhead
{
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px
}
.Capuchin
{
    background-color: Gold;
    border-color:Black;
    border-width:1px;
    border-style:solid;
    max-width:800px;
    padding:5px;
    clear:both;
    }
.Capuchin1000
{
    background-color: Gold;
    border-color:Black;
    border-width:1px;
    border-style:solid;
    max-width:1000px;
    padding:5px;
    clear:both;
    }    
.Headshrink
{
    /* Used for Capuchin Headings, shrinking from H1 downwards as the screen size reduces */
    padding: 0px; 
    margin-top: 2px; 
    margin-bottom: 2px;
    font-size: 3em;
      }    
.Wrapbox
{
   background-color: LightGoldenrodYellow;
   border-color:Gold;
    border-width:1px;
    border-style:solid;
    max-width:800px;
    padding:5px;
    clear:both;
    text-align:center;
    }
.Wrapbox1000
{
   background-color: LightGoldenrodYellow;
   border-color:Gold;
    border-width:1px;
    border-style:solid;
    max-width:1000px;
    padding:5px;
    clear:both;
    text-align:left;
    }
.InnerboxFull
{
    max-width:100%;
    border-width:1px;
    border-style:solid;
    border-color:#000066;
    clear:both;
    background-color: MintCream;
    Margin:5px; 
    overflow:hidden;
    /* the overflow parameter contains the children within the parent! */
    }
.HalfBoxLeft
{
    border-width:1px;
    border-style:dashed;
    border-color:#000066;
    width:49%;
    float:left;
    Margin:0px; 
    border-left:none;
    border-top:none;
    border-bottom:none;
   text-align:left;
    padding:2px;
    }
.HalfBoxRight
{
    border-width:0px;
    border-style:none;
   
    width:49%;
    float:left;
    Margin:0px; 
   text-align:left;
    padding:2px;
    padding-left:4px;
    }
    .HalfBoxLeftNM
{
   border-width:0px;
    border-style:none;
    width:49%;
    float:left;
    Margin:0px; 
    border-left:none;
    border-top:none;
    border-bottom:none;
   text-align:left;
    padding:2px;
    }
.HalfBoxRightNM
{
    border-width:0px;
    border-style:none;
   
    width:49%;
    float:left;
    Margin:0px; 
   text-align:left;
    padding:2px;
    padding-left:4px;
    }
.ShrinkingTextBox
{
    width:600px;
    }
.ShrinkingTable
{
     width:780px;
     }
.FixedTable
{ /*Fix the width to the width of the container */
    table-layout: fixed;
    width:100%;
    }
.AuthorLeftPic
{
    float:left;
    margin:0;
    width:33%;
    }
.AuthorRightPic
{
    float:Right;
    margin:0;
    width:33%;
    }
.AuthorCentreBar
{
    text-align:center;
     float:none;
     padding:2px;
    } 
.ClearBox
{
    border-style:none;
    clear:both;
    Margin:5px; 
    text-align:center;
    }
.SearchBoxA
{
   width:350px;
   border-style:none; 
   text-align:right;
   padding:2px;
      float:left;
      clear:none;
      font-weight:bold;
    
    }
.SearchBoxB
{
   width:260px;
   border-style:none; 
   text-align:left;
   padding:2px;
  float:left;
       clear:none;
    }
.SearchBoxC
{
   width:100px;
   text-align:right;
   padding:2px;
  float:left;
       clear:none;
    }
.SearchBoxD
{
   width:604px;
   border-style:none; 
   text-align:center;
   padding:2px;
      float:left;
      clear:none;
    }    
.Clearwrap
{
    max-width:100%;
    padding:0px;
    Margin:0px;
    clear:both;
}
.TermsHead
{
    font-weight: bold;
    font-size: x-large;
    color: #660066;
    text-align: center;
    background-Color:burlywood; 
    padding-bottom:5px; 
    padding-top:5px;
}
.AddPad {
    padding-left:3px;
    padding-right:3px;
}
.CentreBox300
{
    width: 300px;
    margin:0 auto;
    /* The last term forces centre alignment of the box within the page or its container*/
    }
.ChangeJustification
{
    /* Justifies right in a two column layout but switches when the layout goes to a single column */
    text-align:right;
    }

.Managedul {
    list-style-position: outside;
    padding-left: 20px;
    padding-bottom:0px;
    padding-top:0px;
    padding-right:0px;
    margin-top: 2px; 
    margin-bottom: 2px;
}    
.Managedli 
{
padding-left: 15px;
padding-bottom:3px;
}
.HangingIndent {
    padding-left: 30px;
    text-indent: -30px;
    }
.QueryBoxA
{
   width:184px;
   border-style:none; 
   text-align:right;
   padding:2px;
      float:left;
      clear:none;
    }
.QueryBoxA2
{
   width:280px;
   border-style:none; 
   text-align:right;
   padding:2px;
   float:left;
   clear:none;
    }    
.QueryBoxB
{
   width:550px;
   border-style:none; 
   text-align:left;
   padding:2px;
   float:left;
       clear:none;
    }
.QueryBoxB2
{
   width:450px;
   border-style:none; 
   text-align:left;
   padding:2px;
   float:left;
       clear:none;
    }   
 .STB550
{
    width:550px;
    } 
    
.STB400
{
    /*Shrinking text box, initial width 400px */
    width:400px;
    } 
    
 
    .videocontainer
    {
        margin:auto;
        max-width:560px;
    }    
 .videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Desktop 
{
    /*Show or hide the desktop version of a container */
    display:block;
}
.Mobile 
{
    /*Show or hide the mobile version of a container */
    display:none;
}
.Cardpack2 {
    border-style:none;
    text-align:center;
    float:left;
    margin:0px 4px 0px 4px;
    padding:0 4px 0 4px;
    max-width: 70%;
    display:inline-block;
    }

.Cardpack3 {
    border-style:none;
    text-align:center;
    float:left;
    margin:0 auto;
    margin-top:8px;
    margin-bottom:16px;
    padding:0 4px 0px 4px;
    display:block;
    clear:both;
    width:100%;
    }
.DIB {
    display: inline-block;
    float:left;
    text-align:left;
}
.BFL {
    float:left;
    }
.BPad 
{
    padding-bottom:5px;}

.Misty
{
    background-color:MistyRose;
}
.PaleGreen
{
    background-color: #CCFFCC;
    }
 .Clearboth
 {margin:auto;
  clear:both;}   

.SecondBlock
    {
    display: inline-block;
    float:left;
    text-align:left;
    max-width:90%;
    padding-left:5px;
    padding-right:2px;
    }   
.IncredibleShrinkingBox
{
    width:725px;
    }
.DownloadBlock {
    display:inline-block;
    text-align:center;
    padding:5px;
    width:"240px"
} 

hr
{
    border-color: #CCCCCC;
    height: 0px;
    border-width: 1px;
    border-style: solid;
}
.csstable{
  display: table;
  width: 100%;
  }
 
  
.cssrow {
    display:table-row;

}
 .csscell{
    display: table-cell;
    vertical-align: top;
    text-align:center;
    width:100%;
  }
.innerblock
{margin: 0;
 padding:0;
 overflow: hidden;
 }
.ib600
 {/*Inner block, used as a fixed-width element within a table cell to allow shrinking photos */
     max-width:600px;}
.ib500
 {max-width:500px;}
.w800
{max-width:800px;}
.tal
{text-align:left;
 color: Navy;
}
.CentreBox320
{
    width: 320px;
    margin:0 auto;
    /* The last term forces centre alignment of the box within the page or its container*/
    }
.CentreBox160
{
    width: 160px;
    margin:0 auto;
    /* The last term forces centre alignment of the box within the page or its container*/
    }
.CentreBox80
{
    width: 80px;
    margin:0 auto;
    /* The last term forces centre alignment of the box within the page or its container*/
    }