@charset "utf-8";
/* CSS Document */

	* {
    box-sizing: border-box;
    text-align: justify;
    font-style: normal;
    list-style-type: disc;
}
html { -webkit-text-size-adjust: 100%;} /* Prevent font scaling in landscape while allowing user zoom */
   
/*  FONT SIZING */
/* FONT SIZE CALCULATOR CODE*/
/*font-size: calc([minimum font size] + ([maximum font size] - [minimum font size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */

/* Font Size @ 350vw = 16px; @ 1120vw = 18px */ 

@media only screen and (min-width:320px)
    {html {font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1100 - 320)));}}
@media only screen and (min-width: 1100px) {html {font-size:18px;}}

/*use REM units below*/

p {font-size:1.0rem;}
h1 {font-size:1.8rem;}
h2 {font-size:1.5rem;}
h3 {font-size:1.4rem;}
h4 {font-size:1.2rem;}
h5 {font-size:1.1rem;}
ul {font-size:1.0rem;}
li {font-size:1.0rem;}

p {font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}

h1, h2, h3, h4, h5	{
    margin: 0px;
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
    font-weight: normal;
    font-style: normal;
    color: #3f2914;
}
    a {
    text-decoration: none;
    }
   
	/*  POSITION TEXT OVER AN IMAGE  */
	.img-container {
		width:100%;
		position:relative;
		text-align: center;
    	color: white;
	}
	/* Bottom left text */
	.bottom-left {
		position: absolute;
		bottom: 8px;
		left: 16px;
	}

	/* Top left text */
	.top-left {
		position: absolute;
		top: 8px;
		left: 16px;
	}

	/* Top right text */
	.top-right {
		position: absolute;
		top: 4px;
		right: 16px;
	}

	/* Bottom right text */
	.bottom-right {
		position: absolute;
		bottom: 8px;
		right: 16px;
	}

	/* Centered text */
	.centered {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* Top-Centered text */
	.top-centered {
		position: absolute;
		top: 8px;
		left: 50%;
		transform: translate(-50%, -50%);
	}

    /* Bottom-Centered text */
	.bottom-centered {
		position: absolute;
		bottom: 8px;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	/*  END - POSITION TEXT OVER AN IMAGE  */

    /*  PAGE LAYOUT */
	
    [class*="col-"] {    /* For mobile phones: */
        width: 100%;
}
	
	[class*="col-"] {    /* For Desktops */
		float: left;
		/*padding: 10px;*/
	}

    @media only screen and (min-width: 550px) {
/* For cell phones: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 769px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

@media only screen and (min-width: 1100px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

    .row {					/*container for series of columns*/
		width:100%;
	}
    .row::after {			/*row designation for collapsable divs*/
		content: "";
		clear: both;
		display: block;
	}
    img {				/*automatically centers all images*/
   		display: block;
    	margin: auto;
    	height: auto;
	}
    /*  PAGE LAYOUT END */
	
    .hideSmall {display: none;} 		/*automatic state for Phones*/
	
    .showSmallOnly  {display: block;}
    
    body {
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
        color: #515151;
        background-color: #edebe6;
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
        min-width: 350px;
		}
    body, html {
      -ms-text-size-adjust: none;
      -moz-text-size-adjust: none;
      -o-text-size-adjust: none;
      -webkit-text-size-adjust: none;
    }

/*  PAGE HEADER */
    
    .headerMax768 {
		display:block;
		}
	.headerMin769 {
		display:none;
		}
 	.headerMax768 h1, .headerMin769 h1{
		font-style:italic;
		color:white;
    }
	.headerMax768 h2, .headerMin769 h2{
		font-style:italic;
		color:white;
    }
   .headline {
       width:100%;
       /*padding-bottom:15px;*/
       padding:1% 0;
       background-color:rgba(42,38,30,1.00);
       border:thin 2px rgba(42,38,30,1.00);
       border-radius: 5px 5px 0 0;
    }
    .headline h1, .headline h2 {text-align:center;}
    
	.dateLine {
		margin: 0px 0px 0px 0px;
		font-style: normal;
		text-align: center;
		color:#db960b;
	}

/* FLEX BOX NAVIGATION BAR  */
   
    .headerMin769 .topNavBar, .headerMax768 .topNavBar {
		background-color: rgba(5,106,190,0.70); 
		padding: .5% 0;
		border:thin solid rgba(5,106,190,0.70);	
		border-radius: 6px;
	}
    .topNavBar {
		margin: 10px 0px;
        font-size:.8rem;
	}    	
    .topNavBar ul {
	 	display: flex;
	  	flex-direction: row;
		margin: 0;
	 	padding: 0;
	}
	
	.topNavBar ul li {
		list-style: none;
        font-size:.9rem;
	}
	.topNavBar ul li:first-child {
	 	border-left: none;
	}
	.topNavBar ul li a {
    	display: block;
        font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    	/*color: #3A2702;*/
        color:#B7D3E8;
		text-align:center; 
	}
	.topNavBar ul li a:hover {
    	color: #FFC38A;
   	}
	.topNavBar ul li {
		flex-grow: 1;
	}
	.nbWidth {width:60%;}  /* navbar width */

	/* END OF FLEX BOX NAVIGATION BAR  */

    /*  PAGE HEADER END */	


	/* DROP MENU */
	.myDropnav {
		width:100%;
		background-color:black;
		margin-top:0px;
	}
    .dropMenuItem {
        padding: 5% 0% 5% 0%;
        margin:10px;
        background-color: #1B1919;
        text-align: center;
        border: thin solid #282828;
        border-radius: 2px;
	}

	.dropMenuItem:hover {
		background-color:#2B2929;
	}
	.myDN {
		color:#DD960D;
		margin:0px 5% 0px 90%;
	}
	.myDN:hover  {color:red;}
	.myDropnav a {
		font-size:.9rem;
        color:#DD960D;
	}
	/* DROP MENU END */

    .mainWrapper {      /*wraps everything between header and footer - No margin on sides*/
		margin-left: auto;
		margin-right: auto;
		border-left:2px solid #D2CDC1;
		border-right:2px solid #D2CDC1;
		border-bottom:2px solid #D2CDC1;
		background-color: white;
		max-width: 1100px; 
    }
	.contentWrapper  {   /*wraps everything iside the Main Wrapper that needs margins on L & R */
		margin:0 20px;
	}
	footer {
		border-left: 2px solid #D2CDC1;
		border-right: 2px solid #D2CDC1;
		border-bottom: 2px solid #D2CDC1;
		margin-left: auto;
		margin-right: auto;
		/*padding:0 7px;*/
		background-color: #dcd8cf;  /* #776D56; */
		max-width: 1100px;
		}
	footer p{
		text-align: center;
		margin:0px;
	}
	footer a {
        text-align: center;
        color: #24211A;
    }
	footer a:hover {
    	color: #383329;
		text-decoration: underline;
    }
	.timer {
		font-size:1.3rem;
		font-family:Georgia,Times New Roman;
		padding:10px 0 0 0;
	}





