* {
		box-sizing: border-box;
	}
	.row::after {
		content: "";
		clear: both;
		display: table;
	}
	[class*="col-"] {
		float: left;
		/*padding: 15px;*/
		
	}

	/* For mobile phones: */
	[class*="col-"] {
		width: 100%;
		padding: 15px;
	}
	@media only screen and (min-width: 768px) {
		/* For desktop: */
		.col-1 {width: 8.33%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-2 {width: 16.66%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-3 {width: 25%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-4 {width: 33.33%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-4x5 {width: 37.5%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-5 {width: 41.66%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-6 {width: 50%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-7 {width: 58.33%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-8 {width: 66.66%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-9 {width: 75%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-10 {width: 83.33%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-11 {width: 91.66%; padding:0; padding-left: 15px; padding-right: 15px;}
		.col-12 {width: 100%; padding:0; padding-left: 15px; padding-right: 15px;}
	}	
	
	.color-darkblue	{color: #20396e;}	/* Dark blue: 32 / 57 / 110 */
	.color-green 	{color: #92c020;}	/* Green: 146 / 192 / 32 */
	.color-purple	{color: #84175a;}	/* Purple: 132 / 23 / 90 */
	.color-lightblue {color: #0083bf;}	/* Light blue: 0 / 131 / 191 */
	.color-lotteryblue {color: #00CCFF;}
	
	.back-darkblue {background-color: #20396e;}
	.back-green {background-color: #92c020;}
	.back-purple {background-color: #84175a;}
	.back-lightblue {background-color: #0083bf;}
	.back-white {background-color: #ffffff;}
	.back-lotteryblue {background-color: #00CCFF;}
	
	body {
		/*
		padding-top: 10px;
		padding-bottom: 10px;
		*/
		padding:0; margin:0;
		font-family: Avenir, Arial;
		font-size: 15px;
		color: grey;
		line-height: 1.3em;
		}
		
	#page {
		background-color: #ffffff; 
		max-width: 1200px;
		margin: 0 auto;}
	
	/*2020-11-18 .inner {max-width:1200px; margin: 0 auto;} */
	.inner {max-width:980px; margin: 0 auto;}
	.innerhead {max-width:1200px; margin: 0 auto;}
	
	.header {padding:0; margin:0; height: 65px; overflow: hidden; } /*margin-bottom:20px;*/
	
	#header {padding-top: 30px;}
	
	#header ul, #headerSmall ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		/*background-color: #92c020;*/ /* green */
	}
 
	#header li, #headerSmall li {
		float: left;
	}
	
	#header li.right, #headerSmall li.right {
		float: right;
	}
	
	#header li a {
		display: block;
		color: white;
		text-align: center;
		padding: 22px 30px;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.9em;
	}
	/* #header li a.logo { padding:0; padding-left: 10px; padding-right: 20px; } */
	#header li a.logo { padding:0; padding-left: 0px; padding-right: 15px; }
	
	/* #header li a.right  { padding-left:0; padding-right: 20px; } */
	#header li a.right  { padding-left:0; padding-right: 20px; }
	#header .iconscale {font-size: 1.1em;}
	
	#header li a:hover:not(.active) {
		color: #0083bf; /*light blue*/
	}

	#header .active {
		color: #84175a; /*purple*/
	}

	/* 2020-11-18 #headerSmall { width: 100%; padding:0; margin:0; height: 60px; overflow: hidden;} */
	#headerSmall { width: 100%; padding:0; margin:0; overflow: hidden;}
	#headerSmall li a {
		display: block;
		color: white;
		text-align: center;
		padding: 22px 30px;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.9em;
	}
	#headerSmall li a.logo { padding:0; padding-left: 20px; padding-right: 20px; padding-top:20px; }
	#headerSmall li a.right { padding-left:0; padding-right: 20px; padding-top: 17px; padding-bottom: 17px;}
	#headerSmall .iconscale {font-size: 1.8em;} /*was 1.1*/
	
	#popupmenu {z-index: 9999; position:fixed; top:0; left:0; width: 100%; background-color: #92c020;} /* green */
	#popupmenu ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
	#popupmenu li a{display: block;
		color: white;
		text-align: center;
		padding-top:10px; padding-bottom:10px;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.3em;
	}
	#popupmenu li a:hover {
		color: #0083bf; /*light blue*/
	}
	
	@media only screen and (max-width: 760px) {
		/* smaller screens */
		#header li.right {display: none;}
		
		/* change header to dropdown menu */
		#header {display: none;}
		#headerSmall {display: block;}

		.slide-text-title {display: block;}
		.slide-text {display: none;}		
	}
	@media only screen and (min-width: 760px) {
		/* larger screens */
		#header li.right {display: block;}
		
		/* change header to full menu */
		#header {display: block;}
		#headerSmall {display: none;}	
		
		.slide-text-title {display: block;}
		.slide-text {display: block;}
	}

	.fullwidth {float:left; width:100%; margin:0; padding:0;}
	
	#footer {padding:0; margin:0; padding-top:20px; padding-bottom:20px; background-color: #ffffff; color: #000000; font-size: 15px; line-height: 1.875em;} /*
	was purple: 84175a
	margin-top:10px;*/
		#footer a {color: #84175a; font-weight: normal; text-decoration: none;}
		#footer a:hover {color: #0083bf;}	/*was black 000000, now light blue*/
		#footer ul {list-style-type: none;
		margin: 0;
		padding: 0;}
		#footer li {display: block;
		color: white;
		text-align: center;
		padding: 22px 10px 0px 10px;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.9em;
		float: right;}
		#footer li a {font-weight: bold;}
		#footer .iconscale {font-size: 1.8em;}
		
		#footer .lower {font-size: 14px; line-height: 1.79em;}
		
	#bottom {background-color: #84175a; color: #ffffff;}	/*was green: 92c020*/
		#bottom p {text-align: center; font-size: 0.8em;}

	#slider {padding:0; margin:0; }
	#slider img {max-width:100%; height: auto; z-index:999;}
		.slide{width: 100%; padding:0; margin:0; }
	
	/* .slide-text-outer {position: absolute; bottom:5%; right:2%; max-width: 40%; max-height: 80%; overflow:hidden; background-color: #ffffff; opacity:0.9;} */
	.slide-text-outer {position: absolute; bottom:5%; right:2%; width: 30%; height: 20%; overflow:hidden; background-color: #ffffff; opacity:0.9;}
	.slide-text-title {font-family: Georgia; font-size: 2em; font-weight: normal; padding:10px; margin:0; }
	.slide-text-outer a {text-decoration: none; font-weight: normal; color: #84175a;}
	.slide-text-outer a:hover {color: #0083bf;}
	.slide-text {font-size: .9em; font-weight: normal; padding:10px; margin:0;}
				
	#panelgroup {padding:0; margin:0; }
		#panel {padding:0; margin:0;}
		
		#panelinner {padding-left: 10px; padding-right: 10px;} /*padding: 10px;*/
		#panelinner h3 {font-size: 1.5em; font-weight: bold; color: #20396e;}
		#panelinner h3 a {font-weight: bold; color: #20396e; text-decoration:none;}
		#panelinner img {max-width:100%; height: auto;}
		#panelinner p {text-align: justify;}
	
	#social {padding:0; margin:0;}
	
	/* .project-text-outer {position: absolute; bottom:20%; left:0%; max-width: 80%; max-height: 50%; overflow:hidden; background-color: #ffffff; opacity:0.9;} */
	/* .project-text-outer {position: absolute; bottom:20%; left:0%; width: 90%; height: 50%; overflow:hidden; background-color: #ffffff; opacity:0.9;} */
	.project-text-outer {position: absolute; bottom:10%; left:0%; width: 90%; height: 33%; overflow:hidden; background-color: #ffffff; opacity:0.9;}
	.project-text-title {font-family: Georgia; font-size: 1.4em; font-weight: normal; padding:10px; margin:0; } /*padding:10px;*/
	.project-text-outer a {text-decoration: none; font-weight: normal; color: #84175a;}
	.project-text-outer a:hover {color: #0083bf;}		
	
	/* spacers */
	.space10 {height: 10px; float:left; width:100%; padding:0; margin:0;}
	.space20 {height: 20px; float:left; width:100%; padding:0; margin:0;}
	.space30 {height: 30px; float:left; width:100%; padding:0; margin:0;}
	.space40 {height: 40px; float:left; width:100%; padding:0; margin:0;}
	.space50 {height: 50px; float:left; width:100%; padding:0; margin:0;}
	
	.spacer {float:left; width:100%; padding:0; margin:0; height: 0px; }
	h1.h1top {padding-top:30px;}
	@media only screen and (min-width: 768px) {
		/* For desktop: */
		.spacer {height: 70px;}
		h1.h1top {padding-top:0px;}
	}
	.homeheadspace {} 	/*home page header space only*/
	.articleheadspace {}	/*article header space only*/
	
	/* .textjust {text-align: justify; font-size: 1em;} */
	.textjust {text-align: left; font-size: 1em;}
	
	hr.purple { height: 2px; border:0 none; background-color: #84175a; margin-top:30px; }
	h1 {font-family: Avenir; font-size: 2.5em; font-weight: normal; padding:0; padding-left:10px; padding-right:10px; padding-top:30px; padding-bottom:30px; margin:0; color: #84175a; line-height: 1em;} /*padding:10px;*/
	h3.purple {font-weight: normal; font-size: 1.2em; padding:0; margin:0; color: #84175a; padding: 20px 0;}
		
	img.imgfull {width: 100%; height: auto;}
	img.imgwidthmax {max-width: 100%; height:auto;}
	
	/*p {padding:0; margin:0; padding-bottom:2em;} 2021-03-29*/
	p {padding:0; margin:0; padding-bottom:1.5em;}
	
	a.linkgreen {text-decoration: none; font-weight: normal; color: #92c020;}
	a.linkgreen:hover {color: #0083bf;}
	
	a.linkblue {text-decoration: none; font-weight: normal; color: #0083bf;}
	a.linkblue:hover {color: #92c020;}
	
	a.linkpurple {text-decoration: none; font-weight: normal; color: #84175a;}
	a.linkpurple:hover {color: #0083bf;}
	
	a.linkgrey {text-decoration: none; font-weight: normal; color: grey;}
	a.linkgrey:hover {color: #0083bf;}
		
	.fontsize1x5 {font-size: 1.5em;}
	
	/* image scaling */
	.divimgcrop {overflow: hidden;}
	.divimgcrop img {width: 100%;}
	
	/* ===============================================
		mods to fa */
	.fa.fa-pull-left {margin-right: .8em;}
	.fa.fa-pull-right {margin-left: .8em;}
	/* =============================================== */
	
	/* --------------------------------------------------------- */
		.popupdiv {
		position: fixed;
		 left: 50%;
		 top: 50%;
		 -webkit-transform: translate(-50%, -50%);
		 transform: translate(-50%, -50%);
		
		max-width: 800px;	/* 8 columns = max 100 x 8 */
		/* scroll content larger than page */
		max-height:95%; 
		overflow-y: auto;	
	}
		.popupdivcontent {
		border:5px solid silver; 
		background-color: #ffffff;
	}
	
		/* small screens */
		.hidelargescreen {display: inline;}
		.showlargescreen {display: none;}
	
	@media only screen and (min-width: 760px) {
		/* larger screens */
		.hidelargescreen {display: none;}
		.showlargescreen {display: inline;}
		.popupdivcontent {
			border:2px solid silver; 
			background-color: #ffffff;
		}
	}
	
	.padleft0 {padding-left: 0;}
	
	/* lottery link box */
	#linkrow {background-color: #84175a; color: #ffffff; padding-top: 10px; padding-bottom:10px;}	
	#linkrow a {color: white; text-decoration: none; font-weight: bold; font-size: 0.9em;}
	#linkrow a:hover {color: #0083bf;}
	#linkrow a.linkrowactive {color: #92c020;}
	
	.font1x1 {font-size: 1.1em;}
	.font1x2 {font-size: 1.2em;}
	.font1x3 {font-size: 1.3em;}
	.font1x4 {font-size: 1.4em;}
	.font1x5 {font-size: 1.5em;}
	.font1x6 {font-size: 1.6em;}
	.font1x7 {font-size: 1.7em;}
	.font1x8 {font-size: 1.8em;}
	.font1x9 {font-size: 1.9em;}
	.font2x0 {font-size: 2.0em;}
	.line1x1 {line-height: 1.1em;}
	.line1x2 {line-height: 1.2em;}
	.line1x3 {line-height: 1.3em;}
	.line1x4 {line-height: 1.4em;}
	.line1x5 {line-height: 1.5em;}
	.line1x6 {line-height: 1.6em;}
	.line1x7 {line-height: 1.7em;}
	.line1x8 {line-height: 1.8em;}
	.line1x9 {line-height: 1.9em;}
	.line2x0 {line-height: 2.0em;}
	.textcenter {text-align: center;}
	.textvertmiddle {vertical-align: middle;}
	
	/* misc */
	.boldstar {font-weight: bolder; font-size: 1.3em;}
	li {padding-bottom: 0.5em;}
	.li-top {margin-top:0; padding-top:0.5em;}