/*FINISH do something with this to ensure it looks good in dark mode
@media (prefers-color-scheme: light) {
    body {
        background-color: white;
        color: black;
    }
}
@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
        color: white;
    }
}
*/

@font-face {
    font-family: 'SourceSans3';
    src: url('/fonts/SourceSans3-Regular.woff') format('woff'),
         url('/fonts/SourceSans3-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Regular.woff') format('woff'),
         url('/fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Corsiva';
    src: url('/fonts/Corsiva.woff') format('woff'),
         url('/fonts/Corsiva.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
* { box-sizing: border-box; }
HTML,BODY { margin:0px; height:100%; text-align:left; padding:0px; scroll-behavior:smooth; }
BODY,TD,FORM { font:1.2em 'SourceSans3','Open Sans',sans-serif; color:#000000; }
BODY { background-color:#FFFFFF; }
H2 { margin:5px 0px; }
A { color:#005599; }
A:visited { color:#005599; }
A:hover { color:#CC4400; text-decoration:underline; }
P,DL { margin:15px 10px; padding:0px; text-align:justify; }
.indent { padding-left:20px; }
.centered { text-align:center; margin:0px auto; }
.centered TABLE { text-align:center; margin:0px auto; }
UL { padding-left:20px; }
UL,DD { margin:10px 25px; text-align:left; color:#333333; }
LI { padding:5px; }
OL { text-align:left; color:#333333; }
DT { font-weight:bold; }
.titleText {overflow:hidden; font-weight:bold; font-size:1.8em; padding:5px 20px; color:#FFFFFF; background-color:#4988BC; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.titleText A {color:#FFFFFF;}
.fancyText {font:Italic 1.2em "Corsiva", Script, cursive;}
.largeText {font-variant:small-caps; font-weight:bold; font-size:1.4em;}
.strongText {font-weight:bold; font-size:1.1em;}
.strongUText {font-weight:bold; font-size:1.1em; text-decoration:underline;}
.smallText {font-weight:bold; font-size:0.8em; color:#444444;}
.noteText {font-size:0.8em;}
.tinyText {font-size:0.7em;}
.newsTable {background-color:#EEEEEE;padding:10px;border-radius:10px;margin:0px 0px 10px;table-layout:fixed;}
.newsTable a {text-decoration:none;}
.newsHead {font-weight:bold;font-size:1em;}
.newsTitle {color:#000000;font-weight:bold;font-size:1.1em;}
.newsContent {background:#FFFFFF;color:#222222;padding:10px;margin:5px 0px;border-radius:10px;font-size:0.8em;opacity:0.75;filter:alpha(opacity=75);}
.newsContent:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.newsArticle {background:#FFFFFF;color:#222222;padding:10px;margin:5px 0px;border-radius:10px;font-size:1em;display:inline-block;}
.newsThumb {position:relative; width:200px; height:133px;}
.newsThumbOverlay {display:none;position:absolute;font-size:1em;top:0.2em;right:0.15em;border-radius:4px;padding:0.2em;margin-left:0.15em;color:#fff;background-color:rgba(0,0,0,0.45);}
.articleContent {text-align:left;}
.eventsTable {background-color:#EEEEEE;padding:10px;border-radius:10px;margin:0px 0px 15px;table-layout:fixed;}
.eventsHead {background:#CCCCD6;font-weight:bold;font-size:1em;padding:10px;border-radius:10px 10px 0px 0px;margin:10px auto 0px auto;width:90%;min-width:320px;}
.eventsTitle {color:#000000;font-weight:bold;font-size:1.1em;}
.eventsContent {background:#DDDDE6;padding:10px 10px 10px 20px;margin:0px auto 10px auto;border-radius:0px 0px 10px 10px;width:90%;min-width:320px;font-size:1em;}
.subTitle {font-weight:bold;font-size:1.4em;padding:10px 10px 0px;}
.tableheader {font-size:1.3em; background-color: #DDDDDD; padding: 5px; }
.tablebody {font-size:0.9em; background-color: #EEEEEE; padding: 10px; }
.tablenested {font-size:0.9em; background-color: #E6E6E6; padding: 4px; }
.shadowRight {box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.2);}
.shadowText {text-shadow:2px 2px 4px #000;}
.outline {text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000;}
.outlineShadow {text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000, -1px 1px 2px #000, 1px 1px 2px #000;}
.outlineStrong {text-shadow: -3px -3px 0 #000, -3px 0px 0 #000, 3px -3px 0 #000, 3px 0px 0 #000, 0px 3px 0 #000, 0px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;}
.outlineStrongShadow {text-shadow: -1px -1px 0 #000, -2px 0px 0 #000, 1px -1px 0 #000, 2px 0px 0 #000, 0px 2px 0 #000, 0px -2px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 2px 2px 3px #000, 4px 4px 5px #000;}
.breakWrap { overflow-wrap:break-word; word-wrap:break-word; -ms-word-break:break-all; word-break:break-all; word-break:break-word; hyphens:auto; }
.shaded { background-color:rgba(0,0,0,0.2); border-radius:7px; padding:5px; }
.adminTable { background-color:#CCCCCC; }
.adminTable TD { background-color:#EEEEEE; }
.flexcontainer{
	padding: 10px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.flexitem {
	margin: 10px;
	flex: auto;
}
.flexitemfixed {
	margin: 10px;
	flex: 1 1 auto;
}
#popLayer { width:100%;border-radius:10px;background-color:#FFFFFF;border:2px solid #EE0000;margin-bottom:5px; }
#searchForm { padding:2px 10px; margin:0px 0px 0px 40px; }
#searchBox { border:0px; padding:0px 5px; margin:0px; border-radius:5px 0px 0px 5px; background-color:rgba(255, 255, 255, 0.90); height:30px; vertical-align:middle; }
#searchBtn { border:0px; padding:5px; margin:0px; border-radius:0px 5px 5px 0px; background-color:rgba(242, 242, 255, 0.90); cursor:pointer; height:30px; vertical-align:middle; }
#langForm { padding:0px 5px; margin:0px; }
#langSelect { border:0px; border-radius:3px; padding:2px; margin:2px; background-color:#D9E9F9; color:#005599; font-size:18px; line-height:20px; }
#mainMenusControl { display:none; }
#mainContact A { text-decoration:none; color:#FFFFFF; }
#mainWelcome { display:none; }
#mainBanner { position:relative; width:85%; padding-top:64%; margin-left:auto; margin-right:auto; }
#mainTitle, #mainTitle A { font-size:1.0em; color:#000000; }
#mainMenus,#mainMenusControl { font-size:1.1em; }
.mainButton { display:inline-block; padding:2px 10px; margin:2px 5px; color:#FFFFFF; background-color:#286090; border:0px solid #aaa; border-radius:10px; box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.5); }
.mainButton A { text-decoration:none; color:#FFFFFF; }
.mainButton:hover { color:#FFFFFF; }
.mainButton:visited { color:#FFFFFF; }
.subButton { display:inline-block; padding:2px 10px; margin:2px 5px; color:#FFFFFF; background-color:rgba(160, 160, 160, 0.80); border:0px solid #aaa; border-radius:10px; box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.2); }
.subButton A { text-decoration:none; color:#FFFFFF; }
.subButton:hover { background-color:rgba(255, 60, 0, 0.90); color:#FFFFFF; }
#mainPillars { display:flex; flex-flow:row wrap; justify-content:space-around; }
.mainPillarItem { margin:10px; flex:1 1 auto; background-color:#BBDDFF; border:0px solid #000000; color:#000000; border-radius:15px; text-align:center; box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.2); }
.mainPillarItem A { text-decoration:none; }
.mainPillarItem:hover { background-color:rgba(255, 120, 0, 0.80); color:#FFFFFF; cursor:pointer; }
#pillarStandards { background-color:#E4E4E4; background-image:url('/images/Lighten20.png'),url('/images/Standards.png'); background-position:0 0,center center; background-repeat:repeat,no-repeat; background-size:auto,cover; color:#FFFFFF; }
#pillarStandards:hover { background-color:#E4E4E4; background-image:url('/images/Lighten70.png'),url('/images/Standards.png'); color:#FFFFFF; }
#pillarConference { background-color:#E4E4E4; background-image:url('/images/Lighten20.png'),url('/images/Conference.png'); background-position:0 0,center center; background-repeat:repeat,no-repeat; background-size:auto,cover; color:#FFFFFF; }
#pillarConference:hover { background-color:#E4E4E4; background-image:url('/images/Lighten70.png'),url('/images/Conference.png'); color:#FFFFFF; }
#pillarCareers { background-color:#E4E4E4; background-image:url('/images/Shade35.png'),url('/images/Careers.jpg'); background-position:0 0,center center; background-repeat:repeat,no-repeat; background-size:auto,cover; color:#FFFFFF; }
#pillarCareers:hover { background-color:#E4E4E4; background-image:url('/images/Lighten70.png'),url('/images/Careers.jpg'); color:#FFFFFF; }
#pillarMembership { background-color:#E4E4E4; background-image:url('/images/Shade35.png'),url('/images/Membership.jpg'); background-position:0 0,center center; background-repeat:repeat,no-repeat; background-size:auto,cover; color:#FFFFFF; }
#pillarMembership:hover { background-color:#E4E4E4; background-image:url('/images/Lighten70.png'),url('/images/Membership.jpg'); color:#FFFFFF; }
#pillarCollaboration { background-color:#E4E4E4; background-image:url('/images/Shade35.png'),url('/images/Collaboration.jpg'); background-position:0 0,center center; background-repeat:repeat,no-repeat; background-size:auto,cover; color:#FFFFFF; }
#pillarCollaboration:hover { background-color:#E4E4E4; background-image:url('/images/Lighten70.png'),url('/images/Collaboration.jpg'); color:#FFFFFF; }
#pillarJournal { background-color:#E4E4E4; background-image:url('/images/Shade35.png'),url('/images/Journal.jpg'); background-position:0 0,center center; background-repeat:repeat,no-repeat; background-size:auto,cover; color:#FFFFFF; }
#pillarJournal:hover { background-color:#E4E4E4; background-image:url('/images/Lighten70.png'),url('/images/Journal.jpg'); color:#FFFFFF; }
#pillarStandards A,#pillarConference A,#pillarCareers A,#pillarMembership A,#pillarCollaboration A,#pillarJournal A { color:#FFFFFF; }
#pillarStandards A:hover,#pillarConference A:hover,#pillarCareers A:hover,#pillarMembership A:hover,#pillarCollaboration A:hover,#pillarJournal A:hover { color:#FFCC66; }
#newsFeatures {
	position:relative;
	width:100%;
	margin:0px;
	aspect-ratio:3/2;
}

.form_section {
    border: 1px solid #aaa;
    padding: 5px;
    margin: 5px 0px;
    font-size: 18px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.05);
}
.form_section DIV { padding:5px; }
.form_section H2 { text-align:center; }
.form_container {
	width:80%; margin:0px auto;
}
.form_small {
	width:48%;
	max-width:300px;
}
.form_large {
	width:98%;
	max-width:600px;
}
.form_field {
	border: 1px solid #aaa;
	padding: 5px;
	margin: 5px;
	font-size: 18px;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.90);
}
.form_select {
	max-width:100%;
	white-space: normal;
}
.form_select OPTION { background: rgba(0, 0, 0, 0.5); color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);}
.form_button {
	border: 2px solid #00a;
	padding: 10px;
	margin: 15px 0px;
	font-size: 20px;
	border-radius: 5px;
	background-color: rgba(242, 242, 255, 0.90);
	cursor:pointer;
	color:black;
}
.large_checkbox, .form_checkbox {
	transform: scale(2);
	margin-left:10px;
	margin-right:10px;
}
.nomarg { margin: 0px 0px 10px; }
.division { padding:3px; border-radius: 5px; border: 2px solid rgba(0, 0, 0, 0.1); }
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media (max-width:640px) or (not(hover)) {
	BODY,TD { font:1.0em 'SorceSans3','Open Sans',sans-serif; color:#000000; }
	.form_container {
		width:100%;
	}
	.form_small {
		width:96%;
	}
	.form_large {
		width:96%;
	}
	.largeText {
		font-size:1.35em;
	}
	#mainHolder {
		position:relative;
		z-index:10;
		width:100%;
		margin:0px auto;
		text-align:left;
		min-height:100vh;
		padding:0px;
		display:flex;
		flex-direction:column;
	}
	#mainHeader {
		position:relative;
		display:flex;
		z-index:20;
		width:100%;
		height:50px;
		margin:0px;
		background-color:#000000;
		background-image:url(/images/Header_BG.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:top left 80%;
		overflow:hidden;
	}
	#mainContact {
		position:relative;
		z-index:30;
		margin:0px auto;
		max-width:80%;
		height:50px;
		overflow:hidden;
		text-align:center;
		font:Bold 0.9em 'SourceSans3','Open Sans',sans-serif;
		color:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#mainLogo {
		position:relative;
		z-index:30;
		margin:0px auto;
		padding:5px;
		height:50px;
		overflow:hidden;
		text-align:center;
	}
	#headLogo { max-height:40px; max-width:100%; }
	#mainTitle { display:none; }
	#langDiv { float:right; }
	#searchBox { width:70%; }
	#mainMenusControl { display:block; }
	#mainMenus { display:none; }
	#mainMenus, #mainMenusControl {
		position:relative;
		clear:both;
		z-index:100;
		width:100%;
		text-align:center;
	}
		#mainMenus ul ul { display:none; z-index:110; width:100%; }
		#mainMenus ul, #mainMenusControl ul {
			margin: 0px;
			padding: 0px 20px;
			list-style: none;
			position: relative;
			display: inline-block;
			background-color:#286090;
			background-image:url(/images/menuBG.png);
			background-size:auto;
			background-repeat:repeat-x;
			background-position:top left;
			width:100%;
		}
		#mainMenus ul li, #mainMenusControl ul li { float: none; display: block; }
		#mainMenus ul li a, #mainMenusControl ul li a {
			padding: 5px 10px;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			background-image: url(/images/Shade20.png);
		}
		#mainMenus ul li:hover a { color: #FF6666;text-decoration: underline; }
		#mainMenus ul li:active > ul li { float: none; display: block; }
		#mainMenus ul li:hover > ul li a { color: #FFFFFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FF6666; text-decoration: underline; }
		#mainMenus ul li ul {
			position: relative;
			margin: 0px;
			padding: 0px;
			min-width: 260px;
			max-width: 100%;
			color:#FFFFFF;
			background-color:rgba(40,40,40,0.50);
		}
	#mainContainer {
		position:relative;
		width:100%;
		margin:0;
		background-image:url(/images/menuBG.png);
		background-size:auto;
		background-repeat:repeat-x;
		background-position:top left;
	}
	#Content {
		width:100%;
		margin:0px;
		padding:5px;
	}
	#PrimaryContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:5px;
		order:1;
	}
	#Sidebar {
		width:100%;
		padding:5px;
		order:2;
	}
	#SecondaryContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:5px;
	}
	#mainWelcome { display:inline-block; width:95%; }
	.mainPillarItem {
		width:40%;
		min-width:130px;
		padding:5px;
	}
}

@media (min-width:641px) and (max-width:850px) {
	.form_container {
		width:100%;
	}
	.form_small {
		width:98%;
	}
	.form_large {
		width:98%;
	}
	.largeText {
		font-size:1.35em;
	}
	#mainHolder {
		position:relative;
		z-index:10;
		width:100%;
		margin:0px auto;
		text-align:left;
		min-height:100vh;
		padding:0px;
		display:flex;
		flex-direction:column;
	}
	#mainHeader {
		position:relative;
		display:flex;
		z-index:20;
		width:100%;
		height:80px;
		margin:0px;
		background-color:#000000;
		background-image:url(/images/Header_BG.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		background-position:top left;
		overflow:hidden;
	}
	#mainContact {
		position:relative;
		z-index:30;
		margin:3px auto;
		max-width:40%;
		height:90px;
		overflow:hidden;
		text-align:right;
		font:Bold 1.05em 'SourceSans3','Open Sans',sans-serif;
		color:#FFFFFF;
		padding:4px;
	}
	#mainLogo {
		position:relative;
		z-index:30;
		margin:5px auto 0px;
		height:75px;
		max-width:20%;
		overflow:hidden;
		text-align:center;
	}
	#headLogo { max-height:70px; max-width:100%; }
	#mainTitle {
		position:relative;
		z-index:30;
		margin:5px auto;
		height:75px;
		max-width:40%;
		overflow:hidden;
		text-align:center;
		font:1.2em 'SourceSans3','Open Sans',sans-serif;
		color:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#searchBox { width:70%; }
	#mainMenusControl { display:block; }
	#mainMenus { display:none; }
	#mainMenus, #mainMenusControl {
		position:relative;
		clear:both;
		z-index:100;
		width:100%;
		margin:0px auto;
		text-align:center;
	}
		#mainMenus ul ul { display:none; z-index:110; width:100%; }
		#mainMenus ul, #mainMenusControl ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			position: relative;
			display: inline-block;
			background-color:#286090;
			background-image:url(/images/menuBG.png);
			background-size:auto;
			background-repeat:repeat-x;
			background-position:top left;
			width:100%;
		}
		#mainMenus ul li, #mainMenusControl ul li { float: none; display: block; }
		#mainMenus ul li a, #mainMenusControl ul li a {
			padding: 5px 10px;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			background-image: url(/images/Shade20.png);
		}
		#mainMenus ul li:hover a { color: #FFCC66;text-decoration: underline; }
		#mainMenus ul li:active > ul li { float: none; display: block; }
		#mainMenus ul li:hover > ul li a { color: #FFFFFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFCC66; text-decoration: underline; }
		#mainMenus ul li ul {
			position: relative;
			margin: 0px;
			padding: 0px;
			min-width: 100%;
			color:#FFFFFF;
			background-color:rgba(40,40,40,0.50);
		}
	#mainContainer {
		position:relative;
		width:100%;
		margin:0;
		background-image:url(/images/menuBG.png);
		background-size:auto;
		background-repeat:repeat-x;
		background-position:top left;
	}
	#Content {
		width:100%;
		margin:0px;
		padding:5px;
	}
	#PrimaryContent {
		padding:10px;
		flex:1 1 auto;
	}
	#Sidebar {
		flex:0 1 auto;
		min-width:40%;
		text-align:center;
		margin:0% 0% 0% 1%;
		padding:1%;
		border-left:1px dotted #E0E0E0;
	}
	#SecondaryContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:5px;
	}
	.mainPillarItem {
		width:40%;
		min-width:150px;
		padding:10px;
	}
}

@media (min-width:851px) and (max-width:1200px) {
	.form_container { width:80%; margin:0px auto; }
	#mainHolder {
		position:relative;
		z-index:10;
		width:100%;
		margin:0px auto;
		text-align:left;
		min-height:100vh;
		padding:0px;
		display:flex;
		flex-direction:column;
	}
	#mainHeader {
		position:relative;
		display:flex;
		z-index:20;
		width:100%;
		height:80px;
		margin:0px;
		background-color:#000000;
		background-image:url(/images/Header_BG.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:top right;
		overflow:hidden;
	}
	#mainContact {
		position:relative;
		z-index:30;
		margin:0px auto;
		width:50%;
		height:80px;
		overflow:hidden;
		text-align:right;
		font:24px/26px 'SourceSans3','Open Sans',sans-serif;
		color:#FFFFFF;
		padding:3px;
	}
	#mainLogo {
		position:relative;
		z-index:30;
		margin:5px auto 0px;
		height:75px;
		width:10%;
		overflow:hidden;
		text-align:center;
	}
	#headLogo { max-height:70px; max-width:100%; }
	#mainTitle {
		position:relative;
		z-index:30;
		margin:5px 20px 0px;
		height:75px;
		max-width:40%;
		overflow:hidden;
		text-align:center;
		font:1.2em 'SourceSans3','Open Sans',sans-serif;
		color:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#mainMenus {
		position:sticky;
		top:0px;
		width:100%;
		clear:both;
		z-index:1001;
		text-align:center;
		background-color:#286090;
		background-image:url(/images/menuBG.png);
		background-size:auto;
		background-repeat:repeat-x;
		background-position:top left;
		display:flex;
		box-shadow:0px 6px 8px 0px rgba(0, 0, 0, 0.3);
	}
		#mainMenus ul ul { display:none; z-index:110; }
		#mainMenus ul li:hover > ul { display:block; }
		#mainMenus ul {
			margin: 0px auto;
			padding: 0px;
			list-style: none;
			position: relative;
			display: inline-block;	
		}
		#mainMenus ul li {
			float: left;
			position: relative;
			border:0px solid rgba(0,0,0,0.4);
			background-image: url(/images/Shade20.png);
			min-height:45px;
		}
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			background-color: rgba(255,255,255,0.4);
		}
		#mainMenus ul li:hover a { color: #FFCC66; text-decoration: underline; }
		#mainMenus ul li:hover > ul li { float: none; display: block; border: 0px; }
		#mainMenus ul li:hover > ul li a { color: #FFFFFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFCC66; text-decoration: underline; }
		#mainMenus ul li ul {
			position: absolute;
			top: 45px;
			left: 0px;
			margin: 0px;
			padding: 0px;
			min-width: 250px;
			color: #FFFFFF;
			background-color: rgba(40,96,144,0.97);
			box-shadow:6px 6px 6px 0px rgba(0, 0, 0, 0.2);
		}
	#mainContainer {
		position:relative;
		width:100%;
		margin:0;
		display:inline-block;
	}
	#Content {
		width:100%;
		margin:0px;
		padding:5px;
	}
	#PrimaryContent {
		padding:10px;
		flex:1 1 auto;
	}
	#Sidebar {
		flex:0 1 auto;
		min-width:400px;
		text-align:center;
		margin:0% 0% 0% 0.5%;
		padding:0.7%;
		border-left:3px dotted #E0E0E0;
	}
	#SecondaryContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:5px;
	}
	.mainPillarItem {
		width:20%;
		min-width:150px;
		padding:15px;
	}
}

@media (min-width:1201px) {
	.form_container { width:80%; margin:0px auto; }
	#mainHolder {
		position:relative;
		z-index:10;
		width:100%;
		margin:0px auto;
		text-align:left;
		min-height:100vh;
		padding:0px;
		display:flex;
		flex-direction:column;
	}
	#mainHeader {
		position:relative;
		display:flex;
		z-index:20;
		width:100%;
		height:80px;
		margin:0px;
		padding:0px;
		background-color:#000000;
		background-image:url(/images/Header_BG.jpg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:top right;
		overflow:hidden;
	}
	#mainContact {
		position:relative;
		z-index:30;
		margin:0px auto;
		width:50%;
		height:80px;
		overflow:hidden;
		text-align:right;
		font:24px/26px 'SourceSans3','Open Sans',sans-serif;
		color:#FFFFFF;
		padding:3px;
	}
	#mainLogo {
		position:relative;
		z-index:30;
		margin:5px auto 0px;
		height:75px;
		width:10%;
		overflow:hidden;
		text-align:center;
	}
	#headLogo { max-height:70px; max-width:100%; }
	#mainTitle {
		position:relative;
		z-index:30;
		margin:5px 20px 0px;
		height:75px;
		max-width:40%;
		overflow:hidden;
		text-align:center;
		font:1.2em 'SourceSans3','Open Sans',sans-serif;
		color:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#mainMenus {
		position:sticky;
		top:0px;
		width:100%;
		clear:both;
		z-index:1001;
		text-align:center;
		background-color:#286090;
		background-image:url(/images/menuBG.png);
		background-size:auto;
		background-repeat:repeat-x;
		background-position:top left;
		display:flex;
		box-shadow:0px 6px 8px 0px rgba(0, 0, 0, 0.3);
	}
		#mainMenus ul ul { display:none; z-index:110; }
		#mainMenus ul li:hover > ul { display:block; }
		#mainMenus ul {
			margin: 0px auto;
			padding: 0px;
			list-style: none;
			position: relative;
			display: inline-block;	
		}
		#mainMenus ul li {
			float: left;
			position: relative;
			border:0px solid rgba(0,0,0,0.1);
			background-image: url(/images/Shade20.png);
			min-height:50px;
		}
		#mainMenus ul li a {
			padding: 5px 20px;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			background-color: rgba(255,255,255,0.1);
		}
		#mainMenus ul li:hover a { color: #FFCC66; text-decoration: underline; }
		#mainMenus ul li:hover > ul li { float: none; display: block; border: 0px; }
		#mainMenus ul li:hover > ul li a { color: #FFFFFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFCC66; text-decoration: underline; }
		#mainMenus ul li ul {
			position: absolute;
			top: 50px;
			left: 0px;
			margin: 0px;
			padding: 0px;
			min-width: 250px;
			color: #FFFFFF;
			background-color: rgba(40,96,144,0.97);
			box-shadow:6px 6px 6px 0px rgba(0, 0, 0, 0.2);
		}
	#mainContainer {
		width:100%;
		margin:0;
		display:inline-block;
	}
	#PrimaryContent {
		display:flex;
	}
	#newsFeatures {
		flex:1 1 auto;
		width:50%;
		text-align:left;
	}
	#Sidebar {
		flex:0 1 auto;
		text-align:center;
		margin:0% 0% 0% 0.5%;
		padding:0.7%;
		width:50%;
	}
	#SecondaryContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:5px;
		display:flex;
	}
	#mainPillars {
		width:100%;
		height:100%;
	}
	.mainPillarItem {
		flex:1 1 auto;
		width:40%;
		height:40%;
		padding:15px;
		align-self:center;
		font-size:1.1em;
	}
	#eventsRegular,#newsRegular,#jobsRegular {
		padding:10px;
		margin:10px;
		flex:1 1 auto;
		min-width:30%;
		text-align:left;
	}
	#aboutMain {
		padding:10px;
	}
}
@media (min-width:1600px) {
	.form_container { width:60%; margin:0px auto; }
}
#mainFooter {
	position:relative;
	z-index:15;
	bottom:0px;
	width:100%;
	text-align:center;
	clear:both;
	display:block;
	background-color:#286090;
	font-size:0.9em;line-height:1.7em;
	color:#EEEEEE;
	margin-top:auto;
}
#mainFooter A { text-decoration:none; color:#EEEEEE; }
#mainFooter A:hover { text-decoration:underline; color:#FFCC66; }
#overlayLayer {
	z-index: 10000;
	background-image:url(/images/Shade50.png);
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}
#overlayLayer A { color:#FFFFFF; }
.overlayLayerClose {font:Bold 15px/17px Arial,Verdana,Helvetica,sans-serif; color:#FFFFFF; text-decoration:none;}
.overlayLayerClose:visited {color:#FFFFFF;}
.overlayLayerClose:hover {color:#FFFF99; text-decoration:underline;}
#photoHolder {position:relative;width:100%;}
#photoHolder h2 {position:absolute;top:0px;right:0px;padding:3px 6px;margin:0px;background-image:url(/images/shade.png);}
#fullsizeImage {max-height:90%;max-width:90%;}