/* Main navigation links */
	.main-nav a {
		color: #fff !important;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		border-radius: 18px;
		padding: 0.4em 1.0em;
		background: transparent;
		border: none;
		box-shadow: none;
		transition: background 0.2s, color 0.2s, text-decoration 0.2s;
		font-family: 'Montserrat', Arial, sans-serif;
		font-size: 1.1rem;
		text-decoration: none;
	}
	.main-nav a:visited {
		color: #fff !important;
	}
	.main-nav a:hover {
		background: rgba(255,255,255,0.12);
		color: #f00;
		text-decoration: none;
	}
    .main-nav a:focus {
		color: #f00;
		text-decoration: none;
	}
    .main-nav a[aria-current="page"],
    .main-nav a.active {
		color: #f00 !important;
	}
    .main-nav a.selected {
		color: #f00 !important;
	}
/* Removed old banner-flex styles */
/* CONTENTS PAGE LAYOUT */
 .contents-layout {
	 display: flex;
	 gap: 0;
	 min-height: 600px;
	 background: #fff;
	}
.side-nav nav ul {
	 list-style: none;
	 padding: 0;
	 margin: 0;
     margin-top:2.1em;
	}
.side-nav nav li {
	margin-bottom: 0.5em;
}
 .side-nav nav .title {
	background: #e5e5e5;
	color: #111;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	Xpadding: 0.5em 1.2em;
	border-radius: 0px 8px 8px 0px;
	display: block;
}
 .side-nav nav a {
	 color: #111;
	 font-family: 'Montserrat', Arial, sans-serif;
	 font-size: 1.1rem;
	 text-decoration: none;
	 padding: 0.4em 1.2em;
	 border-radius: 8px 0 0 8px;
	 display: block;
	 transition: background 0.3s, color 0.3s;
	}
 .side-nav nav a:hover, .side-nav nav a:focus {
	 color: #f00;
	 text-decoration: none;
	}
 .side-nav nav a[aria-current="page"],
 .side-nav nav a.active {
	 color: #f00;
	 font-weight: 700;
 }
 .side-nav nav a.selected,
 .side-nav nav .selected {
	 color: #f00;
 }
.contents-main {
	flex: 1;
	padding: 40px 40px 40px 40px;
	background: #fff;
	border-radius: 0 24px 24px 0;
	min-height: 600px;
}
.side-nav-toggle-wrap {
	display: none;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}
.side-nav-toggle {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #fff;
	color: #111;
	border: none;
	padding: 16px 20px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 1rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
}
.side-nav-toggle-icon {
	width: 22px;
	height: 2px;
	background: #111;
	position: relative;
	display: inline-block;
}
.side-nav-toggle-icon::before,
.side-nav-toggle-icon::after {
	content: '';
	position: absolute;
	left: 0;
	width: 22px;
	height: 2px;
	background: #111;
}
.side-nav-toggle-icon::before {
	top: -7px;
}
.side-nav-toggle-icon::after {
	top: 7px;
}
.side-nav-toggle-text {
	font-weight: 700;
}
 .contents-main h2 {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 2rem;
	color: #111;
	margin-bottom: 0.7em;
}
.contents-main p {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 1.1rem;
	color: #111;
	margin-bottom: 2em;
}
.contents-main a {
	color: #f00;
	text-decoration: none;
}
.contents-main a:hover, .contents-main a:focus {
	color: #f00;
	text-decoration: underline;
}
 .contents-main img {
	margin-bottom: 1em;
	/* box-shadow: 0 4px 24px rgba(80,80,80,0.18); */
}
@media (max-width: 900px) {
	.contents-layout {
		flex-direction: column;
	}
	.side-nav-toggle-wrap {
		display: block;
	}
	.side-nav {
		min-width: 100%;
		align-items: center;
		padding: 24px 0;
		border-radius: 24px 24px 0 0;
		display: none;
	}
	.side-nav.open {
		display: block;
	}
	.side-nav nav ul {
		margin-top: 0;
		padding: 0 16px 16px 16px;
	}
	.contents-main {
		border-radius: 0 0 24px 24px;
		padding: 24px 16px;
	}
}
body {
	background: #333;
	Xcolor: #fff;
	font-family: 'Montserrat', Arial, sans-serif;
	margin: 0;
	min-height: 100vh;
	letter-spacing: 0.02em;
	font-size: 18px;
	transition: background 0.6s;
}
a:hover, a:focus {
	color: #f00;
}
p,h1,h2,h3,h4,h5,h6{margin:0 0 5px 0;margin-bottom:10px;}
h1,h2,h3{color:#000;}
#pageLayout {
	max-width: 1600px;
	margin: 0 auto;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 2px 16px rgba(0,0,0,0.04);
	overflow: visible;
	/* No left/right padding, keep banner full width */
}
/* HERO HEADER */
.hero {
		gap: 2em;
	background: linear-gradient(to bottom, #cccccc 0%,#585858 38%, #222 54%, #000000 100%);
	padding: 12px 0 24px 0;
	 text-align: left;
	 position: relative;
	 overflow: visible;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
.hero-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}
.hero-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.hero-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	min-width: 220px;
}
.main-nav {
	margin-top: 0.4em;
}
.brand {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 5rem;
	font-weight: 400;
	letter-spacing: -0.12em;
	margin-bottom: 0.0em;
	text-transform: none;
	color: #fff !important;
	background: none;
	/* Add semi-transparent black stroke outline */
	text-shadow:
		-1px -1px 0 rgba(0,0,0,0.5),
		 1px -1px 0 rgba(0,0,0,0.5),
		-1px  1px 0 rgba(0,0,0,0.5),
		 1px  1px 0 rgba(0,0,0,0.5),
		-1px  0px 0 rgba(0,0,0,0.5),
		 1px  0px 0 rgba(0,0,0,0.5),
		 0px  1px 0 rgba(0,0,0,0.5),
		 0px -1px 0 rgba(0,0,0,0.5);
}
.brand img {
    height: 3rem;
    display: block;
    padding-left: 1rem;
    padding-top:0.2em;
    padding-bottom:0.2em;
}

.slogan {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 0.95rem;
	margin: 0;
	color: #fff;
	letter-spacing: 0.04em;
	text-shadow: none;
	align-self: flex-end;
	display: block;
	padding-bottom: 0.0em;
}
#headerBreadcrum a{color:#000000;text-decoration:none;}
#headerBreadcrum a:hover{color:#FF0000;text-decoration:none;}
#columnLeft{float:left;width:180px;margin-left:10px;}
#columnRight{padding-top:7px;margin:0 2em 0 200px;line-height:14pt;min-height:400px;}
#columnRight h1{color:#000000;font-size:16pt;}
#columnRight h2{color:#000000;font-size:10pt;}
#columnRight a{color:#f00;text-decoration:none;}
#columnRight a:hover{text-decoration:underline;}
#columnRight ul{list-style-type: disc;list-style: outside;margin:0.5em 1.5em;}
#columnRight li{list-style-image: url(/images/bullet.gif);}
/* MAIN SECTION */
.main-section {
	 /* padding: 60px 40px 60px 40px; */
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 60px;
	 align-items: start;
}
.intro {
	 text-align: left;
	 margin-bottom: 0;
}
.intro h2 {
	 font-family: 'Montserrat', Arial, sans-serif;
	 font-size: 2.2rem;
	 font-weight: 700;
	 margin-bottom: 0.7em;
	 color: #222;
	 letter-spacing: 0.04em;
}
.intro p {
	 font-family: 'Source Sans Pro', Arial, sans-serif;
	 font-size: 1.1rem;
	 color: #666;
}
.feature {
	 display: grid;
	 grid-template-columns: 1fr 1fr 1fr;
	 gap: 40px;
	 justify-content: stretch;
	 flex-wrap: wrap;
}
.homepage-image {
	 display: block;
	 width: 100%;
	 max-width: 800px;
	 border-radius: 24px;
	 margin: 0 auto 1em;
	}
.homepage-image-link {
	grid-column: 1 / -1;
	justify-self: center;
	display: block;
}
.main-section p {
	grid-column: 1 / -1;
	justify-self: center;
	margin: 0 0 1em 0;
}
	@media (min-width: 1300px) {
		.homepage-image {
			margin-left: auto;
			margin-right: auto;
			left: 0;
			right: 0;
			position: relative;
		}
	}
 .feature-card {
	 background: #eeeeee;
	 color: #222;
	 border-radius: 12px;
	 box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	 padding: 2em 1.5em;
	 min-width: 220px;
	 max-width: 340px;
	 margin-bottom: 0;
	 transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
	 position: relative;
	 overflow: hidden;
	 cursor: pointer;
	 text-decoration: none;
	 display: block;
	 outline: none;
	}
	.feature-card h3, .feature-card p {
		color: inherit;
		text-decoration: none;
	}
	.feature-card:hover, .feature-card:focus {
		transform: translateY(-4px) scale(1.02);
		box-shadow: 0 4px 16px rgba(0,0,0,0.08);
		background: #dddddd;
	}
	.feature-card:active {
		background: #e0e0e0;
	}
 .feature-card h3 {
	 font-family: 'Montserrat', Arial, sans-serif;
	 font-size: 1.3rem;
	 margin-bottom: 0.5em;
	 color: #222;
	 letter-spacing: 0.04em;
}
.feature-card p {
	 font-family: 'Source Sans Pro', Arial, sans-serif;
	 font-size: 1rem;
	 color: #666;
}
@media (max-width: 1300px) {
	.main-section {
		grid-template-columns: 1fr;
		gap: 40px;
		/* padding: 48px 24px; */
	}
	.feature {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}
	.feature-card {
		max-width: none;
		min-width: 0;
	}
}
@media (max-width: 600px) {
	.main-section {
		/* padding: 36px 18px; */
	}
	.intro h2 {
		font-size: 1.7rem;
	}
	.feature {
		grid-template-columns: 1fr;
	}
	.feature-card {
		padding: 1.5em 1.2em;
	}
}

.footer {
	background: #e9e9ee;
	color: #222;
	text-align: left;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 1rem;
	padding: 32px 0 24px 0;
	border-top: 1px solid #ddd;
	letter-spacing: 0.04em;
	padding-left:4em;
}

#edit{color:#090;}
pre{color:#900;font-weight:bold;padding:1em;border:1px dashed #999;background-color:#ddd;line-height: 1em;white-space: pre-wrap;white-space: -moz-pre-wrap !important;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
#nextPage{text-align:right;}
a[href $='.pdf']{padding-left:20px;line-height:18px;display:inline-block;background:transparent url(/images/pdf_icon.gif) no-repeat center left;}
a[href $='.ppt']{padding-left:20px;line-height:18px;display:inline-block;background:transparent url(/images/ppt_icon.gif) no-repeat center left;}