/* B-RESPONSIVE */

@charset "utf-8";
body  {
	font-size: 100%;
	font-family:abeezee,Arial,Helvetica,sans-serif;	
	/*background:  #f6f8ee; CREAMISH GREY */
	background: white;
	/*background-image: url('layout/2x162px-stripf.jpg'); /*BC FEB 2015 - now in page setup*/
	/*background-image: url('uploaded/layout/background-1px.jpg'); AM site
	background-repeat : repeat-x;
	*/
	margin: 0; 
	padding: 0;
	border:0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: black;
}


/*
@media screen and (min-width:980px) {
.MediumText, p, span.MediumText, GeneralBodyBlack{
	font-family:abeezee,Arial,Helvetica,sans-serif;
	color: #636363;
	/* PRESP font-size:100%!important;
	font-size:1.2em;
	line-height:26px;
	margin-bottom:12px;		
	}
}}	
*/

.masterstyles #container { 
	width:1140px; 
	margin:0 auto; 
	border:0;
	position:relative; 
	min-height:670px; 
	background-color:white;
	text-align: left; /* this overrides the text-align: center on the body element. */	

}
.masterstyles #headerdiv { 
	width:100%; 
	position:relative;
	/* Until problem with variable-height masthead:  */
	/*height:90px;*/
		
	/* For testing size:
	border-bottom-color:red;
	border-bottom-style:solid;
	*/
	/*margin-bottom:35px;*/
	/*height:88px;*/

}
.masterstyles #masthead-div {
     width:100%;
	 /*height:88px; PRE-2018*/
	 height:88px!important;
	 margin:0 0 0 0;
	 padding:0;
	 border-style:solid; 
	 /*border-width: 0 2px 1px 2px;  applies side borders*/
	 border-width:0;
	 border-color:white;
	 border-bottom-color:white; /*#D7D7D7; = gray */
	 /*border-left-color:#D20F76;
	 border-right-color:#88DF06;	 	 
	 */
	 position:relative;
	 background-color:white;
	 z-index:1;	
	 /*background-image: url('zuploaded/layout/Masthead.png'); /*BC FEB 2015 - now in page setup. 16: Still in use here*/
	 background-repeat : no-repeat;

}
.masterstyles  #TopnavContainer {
	 height:29px;
	 margin:0;
	 padding:0;
	 border-style:none; 
	 border-width: 0px;	 	
}
/* RESP ADDITION:*/
#MastheadImageDiv{
     width:100%;
}
/* ACTIVATE IF NEEDED ---
.thrColFixHdr #masthead-div img{
	 z-index:-50;	
	 position:relative;
}
*/
.MainPanel{
/* This is the box containing the main text columns (could be 0, 1, 2, 3, or 4 cols) */
	padding-bottom:1720px; 	
	margin-bottom:-1700px;

/* Above figures ensure that all columns extend to the same depth, and any background colour fills them.*/
}

.masterstyles #mainContent { 
display: inline; width:30%; float:left; margin-left:10px;padding-left:5px;padding-right:5px;padding-top:0px; vertical-align:top;
margin-top:-12px;
/*
background-color:#FEFFDF;
*/
}
.masterstyles #sidebar1 {
display: inline; float:left; width:140px; padding-left:5px;padding-right:5px;padding-top:0px; vertical-align:top;

/*
background-color:#DDEBFF;
*/
}
.masterstyles #sidebar2 {
display: inline;float:right; width:250px;padding-left:5px;padding-right:5px;padding-top:0px; vertical-align:top;

/*
background-color:#DDEBFF;
*/
}

.masterstyles #sidebar3 { 
display: inline; width:25%; float:left; margin-left:10px;padding-left:5px; padding-right:5px;padding-top:0px; vertical-align:top;

/*
background-color:#FEFFDF;
*/
}

#CentralPanel div{
	
	/* REMMED DURING PLAYER PROBLEMS JAN 2016:*/
	/*width:100%;
	margin-top:8px;
	*/
	
	/*background-image: url('uploaded/layout/seamlesstexture7_1200.jpg')*/
}
/* 205 moved to styles. Illogical to have these here: */
/*
	.MediumText, p, span.MediumText, GeneralBodyBlack{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:12px;		
	}
*/

div #UseMobileOrDesktop{	
	 /*position:absolute; left: 100px; top: 120px;*/
}


/* MEDIA QUERIES ----------------------------------------------------------------------------------- */

/*




/* WAS LIVE DOWN TO HERE UNTIL SWITCH TO MEDIAQUERIES.CSS

	 body {font-size:1.2rem;} 
	 
@media (min-width: 640px) { 
	body {font-size:1rem;} 
} 
@media (min-width:960px) { 
	body {font-size:1.2rem;} 
} 
@media (min-width:1100px) { 
	body {font-size:1.5rem;} 


} 
*/