/*Menu
Line 5 		min width 799px
Line 340	max width 799px
Line 648	max width 799px
Line 753	max width 600px*/

@media all and (min-width: 799px){

body {
	margin: 0;
        	padding:0;
        	width:100%;
			border:0;			/* This removes the border around the viewport in old versions of IE */
        	/*background:#BFCEDE;*/
          		/* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
	font-size:100%;		
  	/*width: 950px;*/
		
	font-family: Arial,SunSans-Regular,sans-serif;
	    }

#fixed {
  margin: 0 auto;
  max-width: 950px;
  
}
html {
  overflow-y: scroll;
}

img {padding:0;}

/* site-wide styles*/

/*.flex-container {
	display: flex;
	column-gap:30px;
	row-gap:30px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}*/

.flex-container {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	justify-content: center;
	}
	

	
.item {
	margin: 5px;
}

figure {
    display: inline-block;
    border: 1px dotted gray;
    margin: 20px; /* adjust as needed */
}
figure img {
    vertical-align: top;
}
figure figcaption {
    border: 0px dotted blue;
    text-align: center;
	font-family: Calibri, Arial, SunSans-Regular, sans-serif;
	font-size: 14px;
}

.greytext{
	font-family: Arial, SunSans-Regular, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #3c3c3c;
	line-height:150%;
	text-align:left;
	margin: 0 40px 0 40px;
	}
	
.greytextcenter{
	font-family: Arial, SunSans-Regular, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #3c3c3c;
	line-height:150%;
	text-align:center;
	margin: 0 20px 0 20px;
	}
	
.greytextprintpage{
	font-family: Arial, SunSans-Regular, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #3c3c3c;
	line-height:150%;
	text-align:center;
	margin: 0 60px 0 60px;
	}
	
.leftmenaddtocart {
	font-family: Arial, SunSans-Regular, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #3c3c3c;
	line-height:150%;
	text-align:left;
	margin: 0 0 0 5px;
}

.center	{
    	text-align:center;
	}


.rightprint	{
    	width: 90%;  /* was 90% */
		text-align:right;
	}	
	
.rightcard	{
    	width: 72%;  /* was 90% */
		text-align:right;
	}
	
.rightprint a	{
	color:#51697B;
	font-weight:normal; 
	font-size:16px;
	text-decoration:none;
	}


.rightprint a:hover {
	color:#51697B;
	text-decoration:underline;
	font-weight:normal; 
	}
	
.rightcard a	{
	color:#51697B;
	font-weight:normal; 
	font-size:16px;
	text-decoration:none;
	}


.rightcard a:hover {
	color:#51697B;
	text-decoration:underline;
	font-weight:normal; 
	}


.castmob {
	display: none;
	}




.nolink{
	color:#fff;
	margin:0 0 0 0;
}

a {
   	color:#404040;text-decoration:underline;    /* Was #FAD85D */
		}
		
 a:hover {
		color:#a43512;
				text-decoration:underline;
	}

.col1 h2 {
    color:#51697B;
	margin: 0 0 20px 0;
	}

.col1 h3 {
    color:#51697B;
	text-align: left;
	margin: 0 40px 0 40px;
	}	
	
.col1 h4 {
    color:#51697B;
	text-align: center;
	margin: 0 40px 0 40px;
	}	

.col2 a {
    color:#51697B;
	text-decoration:none;    /* Was #FAD85D */
	line-height: 250%;

	}

/*.col2 a:hover {*/
		/*color:#A2861E;*/
		/*color:#fff;*/
		/*background:#505050;*/
		/*text-decoration:none;*/
	/*}*/
	

	
	h1 {
        margin:.8em 0 .2em 0;
        padding:0;
			font-family: Arial, Helvetica, sans-serif;
			color: #ffffff;
    }



/*h3 {
        	margin:3px 0 0 0;
        	padding:0;
	text-align:center;
	color:#404040;
	font-size: 1.6em;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    }*/

h1 {
        	
	color:#51697B;   /*colour of text in header*/
	
	
    }
		
h4 {
        	margin:3px 0 0 20px;
        	padding:0;
	text-align:left;
	color:#7F7F7F;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
    }





    
/*img {
		margin:0px 0  0;
	}*/
/* Header styles */
#header {
        	clear:both;
        	float:left;
        	width:100%;

	text-align: left;
	border-bottom:1px solid #3c3c3c;
	background-color: #CED7DE;
	    }
		



/*#col1 img {
  margin: 10px 0 5px;
	
}*/
	

	
	/* 'widths' sub menu */


/* column container */

.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
    width:100%;		/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}
	
/* 2 column left menu settings */

.leftmenu {
	background:#ffffff;		/* left menu background colour */
	margin:0px;
	border-left:1px solid #DDDDDD;
	}

.leftmenu .colright {
        	float:left;
        	width:200%;
			position:relative;
			left:200px;
         	background:#ffffff; /* main section background colour */
						
		
		}

.leftmenu .col1wrap {
	    	float:right;
	    	width:50%;
	    	position:relative;
	    	right:201px;
			border-left:1px solid #DDDDDD;
	    	
		}
.leftmenu .col1 {
        		margin:0 0px 0 150px;
	    	position:relative;
	    	right:100%;
	    	overflow:hidden;text-align: center;
			
		}
.leftmenu .col2 {
       	 	float:left;
        	width:170px;			/* left column width */
        	position:relative;
        	right:185px;
			padding-top: 15px;
		
    		}
	

/* Footer styles */

#footer {
	clear:both;
	float:left;
	width:100%;
	padding:5px 0px 5px 0px;
	margin:0px 0px 200px 0px;
	border-top:1px dotted #3c3c3c;
	border-bottom:1px dotted #3c3c3c;
	text-align: center;
	font-size: 0.9em;
	font-weight: normal;
	color: #3c3c3c;
	font-family: Calibri, Arial, SunSans-Regular, sans-serif;
	background:#ffffff;
	}

#footer p {
        padding:0px;
        margin:0;
    }
		
#email a {
	color:#0079C1;
	font-weight:normal; 
	text-decoration:none;
}
#email a:hover {
	color:#0079C1;
	text-decoration:underline;
	font-weight:normal; 
	}
		

	


.floatleft{
	float:left;
margin-left: 20px;
margin-right: 25px;
margin-top: 9px;}
	

	
.floatright{
	/*display: inline;*/
	float: right;
	margin-left: 25px;
	margin-right: 40px;
	margin-top: 10px;
	}





.currentpage	{
	display: inline;
	color:#fff;
	background:#505050;
	text-decoration:none;
	font-weight: bold;
	}



/*img
{  border-style: none;
}*/



	


.header-user-dropdown {
	display: none;
	}
.statsmob {
	display: none;
	}
	
.weeklymob {
	display: none;
	}
	
.monthlymob {
	display: none;
	}
	
.runningmob {
	display: none;
	}
	
.imagemob {
	display: none;
	}
	
.imagecontainer {
	display: none;
	}
	
.centertextmobonly {
display: none;
	}
	
/* shop */
.class1 a:link {text-decoration: none; color:#51697B; font-weight:normal; line-height: 140%;}						/* purple */			
.class1 a:visited {text-decoration: none; color:#51697B; font-weight:normal;}					/* purple */
.class1 a:active {text-decoration: none; color:#51697B; font-weight:normal;}					/* purple */
.class1 a:hover {text-decoration: none; color:#51697B; font-weight:normal;}				/* bg same as section bg*/
.class1 {margin: 3px 0px 0px 20px;}
}




/*from header-user-dropdown.css*/
@media all and (max-width: 799px){

body {
	margin: 0;
        	padding:0;
        	width:100%;
			border:0;			/* This removes the border around the viewport in old versions of IE */
        	/*background:#BFCEDE;*/
          		/* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
	font-size:100%;		
  	/*width: 950px;*/
	font-family: Arial,SunSans-Regular,sans-serif;
	    }
		
img {padding: 0;}

/*.flex-container {
	display: flex;
	column-gap:30px;
	row-gap:30px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}*/

.col1 h2 {
    color:#51697B;
	margin: 0;
		}	
		
.col1 h3 {
    color:#51697B;
	text-align: left;
	margin: 0 20px 0 20px;
		}	
		
.col1 h4 {
    color:#51697B;
	text-align: center;
	margin: 0 20px 0 20px;
	font-size: 18px;
	}	
	
.col1	{
	text-align:center;
	}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	justify-content: center;
	}
	
.item {
	margin: 10px;
}

.floatleftmob{
	float:left;
	margin-left: -17px;
	margin-right: 8px;
	margin-top: 0px;}

.header-user-dropdown {
	background-color:#CED7DE;	/* BG colour of whole menu bar */   /* original: #292c2f; */
	box-shadow:0 1px 1px #ccc;			
	padding: 12px 25px;												/* original: 20px 40px */  /* top&bottom = diff between orig height and new height divided by 2*/
	height: 80px;				/* height of whole menu bar */		/* original: 80px */
	color: #ffffff;
	box-sizing: border-box;
	width: 100%;
	/*position: fixed;*/
}

.header-user-dropdown .header-limiter {
	max-width: 1200px;
	text-align: left;
	margin: 0 auto;
}

/* Logo */

.header-user-dropdown .header-limiter h1{
	float: left;
	font: normal 28px Cookie, Arial, Helvetica, sans-serif;
	line-height: 27px;			/* line-height of title text */ 
	margin:0;
	color: #51697B;
	font-weight: bold;
}

.header-user-dropdown .header-limiter h1 span {
	color: #404040;								/* -- header title (span) font colour -- */
	font-weight: normal;	
}

/* The header links */

.header-user-dropdown .header-limiter a {
	color: #ffffff;								/* -- header title (main) font colour -- */   /* -- menu font colour -- */
	text-decoration: none;
	font-weight: bold;
	font:20px Arial, Helvetica, sans-serif;
	}
	


.header-user-dropdown .header-limiter nav{
	font:16px Arial, Helvetica, sans-serif;
	line-height: 40px;
	float: left;
	margin: 0 0 0 60px;
	padding: 0;
}

.header-user-dropdown .header-limiter nav a{
	font-size: 14px;
	display: inline-block;
	padding: 0 12px;
	opacity: 0.9;
	position: relative;
	text-decoration:none;
	line-height: 1;
}

.header-user-dropdown .header-limiter nav a:hover {
	opacity: 1;
}

/* The "new" badge */

.header-user-dropdown .header-limiter nav a span {
	position: absolute;
	top: -12px;
	border-radius: 2px;
	background-color: #2A6A92;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	height: 13px;
	font-size: 11px;
	right: -15px;
	padding: 1px 4px 0;
	}

/* The user menu */

.header-user-dropdown .header-limiter .header-user-menu{
	position: relative;
	float:right;
	background-color:#8BA2B3;	/* BG colour of menu selector */   /* original: #3a3c3e; */
	opacity: 0.95;
	width:75px;					/* width of menu selector */
	height:40px;				/* height of menu selector */
	border-radius:2px;
}

.header-user-dropdown .header-limiter .header-user-menu:before{
	content:'';
	width:0;
	height:0;
	top: 18px;          /* position of down arrow */ 
	left: 15px;			/* position of down arrow */ 
	position:absolute;
	border:5px solid transparent;
	border-top-color:#fff;
}

.header-user-dropdown .header-limiter .header-user-menu ul{
	display: none;
	font:bold 1em Arial, Helvetica, sans-serif;     /* font size for menu links */
	background-color: inherit;
	list-style: none;
	position: absolute;
	text-align: center;
	width: 220px; 									/*width of drop-down menu*/
	top: 27px;
	right: 0;
	padding: 30px 0 0 0;
	border-radius: 2px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;

}

.header-user-dropdown .header-user-menu:active ul,
.header-user-dropdown .header-user-menu:hover ul,
.header-user-dropdown .header-user-menu.show ul{
	display:block;
}

.header-user-dropdown .header-user-menu ul li{
	padding:5px;
}

.header-user-dropdown .header-user-menu ul li a:hover{
	opacity:0.5;
}

.header-user-dropdown .header-user-menu ul li a.highlight{
	color:#404040;
}

.header-user-dropdown .header-user-menu img{
	/*border-radius:50%;*/
	position:absolute;
	top:6px;          /* position of hamburger (original=6) */ 
	max-width: 28px;
	right:10px;
}
.hud {
	position:absolute;
	top:5px;          /* position of hamburger (original=6) */ 
	max-width: 28px;
	right:0px;
}


.greytext{
	font-family: Arial, SunSans-Regular, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #3c3c3c;
	line-height:150%;
	text-align:left;
	margin: 0 20px 0 20px;
	}
	
.greytextprintpage{
	font-family: Arial, SunSans-Regular, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #3c3c3c;
	line-height:150%;
	text-align:center;
	margin: 0 60px 0 60px;
	}
	
.greytextcenter{
	font-family: Arial, SunSans-Regular, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #3c3c3c;
	line-height:150%;
	text-align:center;
	margin: 0 20px 0 20px;
	}
	
.invisible{
	opacity:0.0;

/*from demo.css*/


html{
	background-color: #ffffff; /*main background colour*/
	
}

body{
	font:14px/1.5 Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;

}
#fixed {
    padding-top: 0px; /*was 78px*/
}

.menu{
	text-align: center;
	padding-top: 25px;
	margin-bottom:200px;
}

.menu img{
	opacity: 0.4;
	margin: 20px auto;
}

.menu h1{
	margin-top:0;
	font: normal 32px/1.5 'Open Sans', sans-serif;
	color: #3F71AE;
	padding-bottom: 16px;
}

.menu h2{
	color: #F05283;
}

.menu h2 a{
	color:inherit;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #F05283;
	padding: 10px 15px;
	border-radius: 3px;
	font: bold 14px/1 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.menu h2 a:hover{
	background-color:#F05283;
	transition:0.2s;
	color:#fff;
}

.menu ul {
	max-width: 600px;
	margin: 60px auto 0;
}

.menu ul a{
	text-decoration: none;
	color: #ccc;
	text-align: left;
	background-color: #B9C1CA;
	padding: 10px 16px;
	border-radius: 2px;
	opacity: 0.8;
	font-size: 16px;
	display: inline-block;
	margin: 4px;
	line-height: 1;
	outline: none;

	transition: 0.2s ease;
}

.menu ul li a.active{
	background-color: #66B650;
	pointer-events: none;
}

.menu ul li a:hover {
	opacity: 1;
}

.menu ul{
	list-style: none;
	padding: 0;
}

.menu ul li{
	display: inline-block;
}
html{
-webkit-text-size-adjust: 100%;}

.menuButton {
  display:block;
  cursor:pointer;
}
.navmenu {
  display:none;
}
.navmenu.active {
  display:block;
}

@media (max-height:800px){
	.menu { padding-top:40px; }
}


/* -- Demo ads -- */
figure {
    display: inline-block;
    border: 1px dotted gray;
    margin: 10px; /* adjust as needed */
}
figure img {
    vertical-align: top;
}
figure figcaption {
    border: 0px dotted blue;
    text-align: center;
		font-family: Calibri, Arial, SunSans-Regular, sans-serif;
	font-size: 14px;
}

@media (max-width: 1200px) {
	#bsaHolder{ display:none;}
}



.tz-link{
	text-decoration: none;
	color: #fff !important;			
	font: bold 36px Arial,Helvetica,sans-serif !important;
}

.tz-link span{
	color: #da431c;
}
#email a {
	color:#0079C1;
	font-weight:normal; 
	text-decoration:none;
}
#email a:hover {
	color:#0079C1;
	text-decoration:underline;
	font-weight:normal; 
	}

}


@media all and (max-width: 799px) {

.header-user-dropdown .header-limiter h1 {
		font-size: 24px;					/* -- header title font size -- */
	}

.header-user-dropdown .header-limiter nav a {
		padding: 0 5px;
	}

.header-user-dropdown .header-limiter nav {
		margin-left: 20px;
	}
#header {
		display: none;
	}
	
#footer {
	clear:both;
	float:left;
	width:100%;
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	border-top:1px solid #3c3c3c;
	border-bottom:1px dotted #3c3c3c;
	text-align: center;
	font-size: 0.9em;
	font-weight: normal;
	color: #3c3c3c;
	font-family: Calibri, Arial, SunSans-Regular, sans-serif;
	background:#F8F7F6;
	}
	
/*	h3 {
    margin:0 0 0 0;
    padding:0;
	text-align:center;
	color:#404040;
	font-size: 1.8em;
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    }*/
	
.col2 {
	display: none;
	}
	
.statsdesk {
	display: none;
	}
	
.weeklydesk {
	display: none;
	}
	
.monthlydesk {
	display: none;
	}
	
.runningdesk {
	display: none;
	}
	
.imagedesk {
	display: none;
	}
	
.imgcontainer {
	display: flex;
	flex-wrap: wrap;
	padding: 0px;
	justify-content: center;
	}
html{
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
}
}

	
table{ 
	font-size: 14px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #B5CDB6;
	}
	
.center	{
    	text-align:center;
		padding: 0;
	}
	
.rightmob	{
    	width: 100%;
		text-align:right;
		padding: 0;
	}	
	
.rightmob a	{
	color:#51697B;
	font-weight:normal; 
	font-size:16px;
	text-decoration:none;
	}


.rightmob a:hover {
	color:#51697B;
	text-decoration:underline;
	font-weight:normal; 
	}
	
.paratext	{
	margin:0 20px 0 20px;	
	text-align:center;
	color:#404040;
	font-size: 15px;
	font-weight: bold;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	}
a {
   	color:#404040;text-decoration:underline;    /* Was #FAD85D */
		}
		
.casttext {
	color:#006600;
	font-size: 24px;
	font-weight: bold;
	font-family: Courier New,Courier,monospace;
	}
	

@media all and (max-width: 600px) {

	.header-user-dropdown .header-limiter nav {
		display: none;
	}

	
}