/* --------- Layout Styles -------- */
	html {
		/* 	height: 100%; */
		}
		body {
			height: 100%;
			margin: 0;
			padding: 0;
			background-color: #AAA;
			color: #000;
			font-size: 13px;
			/* 76.1% */
			font-family: verdana,Tahoma,arial;
			/*line-height:1.8em;*/
		}
		
		/*IE hack, ie doesnt display widths correctly when a padding is set directly on a DIV with a width also set*/
		
		#contentSideBar ul {
			margin:0;
			padding:1.5em;
			text-indent:0;
		}
		#contentSideBar .inside {
			height:100%;
			margin-left:15px;
			margin-bottom:25px;
		}
		#contentSideBar .topBg {
			height:100%;
			padding:10px;
		}
		
		#footer {
			clear: both;
			background-color: #184678;
			color: #AED4FF;
			position: relative;
			bottom: 0;
			min-height: 35px;
			/* height: 25px; */
			padding: 12px;
			font-family:Helvetica, san-serif;
			font-size:13px;
			text-align:center;
		}
			#footer #addresses {
				display: flex;
				justify-content: space-around;
			}
		
			#footer a { color: #FFF; }
			#footer ul a svg {
				fill: currentColor;
				height: 26px;
				margin-right: 15px;
			}
		
		
		
		/* --------- Text Styling -------- */
		/* Tricky method to make all header and font styles inherit off this size */
		h1,h2,h3,h4,h5,h6 { text-align: center; }
		
		
		p {
			margin-top:.5em;
			font-size:1.1em;
		}
		h1{
			font-size:1.7em;
			line-height:1.3em;
		}
		h2{
			font-size:1.5em;
			line-height:1.2em;
		}
		h3{
			font-size:1.3em;
			line-height:1.1em;
		}
		h4{
			font-size:1.2em;
			line-height:1.0em;
		}
		h5{
			font-size:1.1em;
			line-height:1.0em;
		}
		h6{
			font-size:1em;
			line-height:1em;
			font-weight:bold;
		}
		
		/* --------- Link Styling -------- */
		a {
			color:#009;
			text-decoration:none;
		}
		
		a:hover{
			text-decoration:underline;
		}
		
		
		/* popup layer timeout message */
		#popupmsg {
			visibility: hidden;
			display: none;
			z-index: 5;
			position: fixed !important; /* for non-IE browsers */
			position: absolute;
			top:1px;
			left:0px;
			text-align: center;
			background-color:transparent;
			width:100%;
			height:100%;
		}
		#msg {
			background-color: #FDA;
			height: 200px;
			width: 400px;
			font-family: verdana;
			position: relative;
			margin: auto;
			border-style: double;
			border-color: #699;
			border-width: 3px;
			margin-top:50px;
		}
		
		/*alert box button-properties formatting*/
		#msg #closeBtn {
			display:block;
			position:relative;
			margin:5px auto;
			padding:3px;
			border:2px outset #000;
			width:150px;
			font:bold 12px verdana,arial;
			text-transform:uppercase;
			text-align:center;
			color:#FFF;
			background-color:#6D87B4;
			text-decoration:none;
		}
		
		
		
		
		
		#menu_items {
			position: sticky;
			top: 20px;
			left: 0;
			right: 0;
			text-align: left;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			margin-top: 6px;
			margin-left: 0;
			padding-left: 0;
			border: 1px #DDD none;
		}
			#menu_items ul {
				margin-top: 0;
				margin-left: 0;
				padding-left: 0;
			}
			#menu_items ul.cat0 {
				padding-left: 0;
			}
			#menu_items ul.cat1 {}
			#menu_items ul.cat1 li a {
				color: #333;
				background-color: #9CC;
			}
		
			#menu_items li {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
		
			#menu_items li a {
				font-size: 11px;
				font-family: verdana,Tahoma,arial;
				font-weight: bold;
				color: #9CC;
				text-decoration: none;
				text-align: left;
				padding: 6px 1px 6px 8px;
				margin: 0 10px;
				display: block;
				/*		padding:4px; */
				border-top: 0px none;
				border-right: 0px none;
				border-left: 0px none;
				border-bottom: 1px #999 dotted;
			}
		
			#menu_items ul li a:hover {
				color: white;
				background-color: #3F5172;
				cursor:pointer;
			}
		
			#menu_items li a.here {
				color: #fff;
				background-color: #3F5172;
				border: 1px #036 solid;
			}
		
		
		/* HTML5 form validation */
		/*input:required:invalid, input:invalid,*/ input.error, select.error, textarea.error, input.user-error {
			background-image: url(images/icons/exclamation.png);
			background-position: right center;
			background-repeat: no-repeat;
			padding-right: 20px;
			background-color:rgba(255,87,87,0.25);
		}
		
		input:-moz-ui-invalid,
		select:-moz-ui-invalid {
			border-color: #e11;
			background-color:rgba(255,87,87,0.25);
		}
		/* end html5 validation */
		
		
		.CKbody {background-color: white;}
		
		
		#container {
			height:100%;
			max-width:1200px;
			margin-left:auto; /*center hack*/
			margin-right:auto;
			text-align:left;
			background-color: white;
			box-shadow: 2px 3px 11px rgba(0,0,0,0.7);
		}
		
		#header {
			text-align: right;
			background-color: #135cab;
			overflow: hidden;
		}
		
		
		#main {
			margin: 0px;
			width: 100%;
			min-height: calc(100vh - 251px);
			display: flex;
			flex-direction: row;
			align-items: stretch;
		}
		
		#menu {
			width: 180px;
			background-color: #135cab;
			position: relative;
		}
			#menu .menu-toggle {
				display: flex;
				align-items: center;
				font-size: 1.3em;
				padding: 10px;
				color: #FFF;
				padding-left: 16px;
				cursor: pointer;
			}
			#menu .menu-toggle .chevron {
				display: inline-block;
			}
			#menu .menu-toggle .chevron.up {
				transform: rotate(180deg);
			}
		
		#content{
			flex: 1;
		}
		#content-padd {
			padding: 30px;
		}
		
		/* Extra small devices (phones, 600px and down) */
		@media only screen and (max-width: 600px) {
			#main {
				flex-direction: column;
			}
			#header {
				margin-left: -25px;
			}
				#header img {
					width: 625px;
				}
			#menu {
				width: 100%;
			}
				#menu .cat0 {
					display: none;
				}
				#menu_items li a {
					font-size: 1.25em;
				}
			#content-padd {
				padding: 12px;
			}
			#footer #addresses {
				flex-direction: column;
			}
			#footer #addresses div {
				margin-top: 20px;
			}
		}
		
		/* Small devices (portrait tablets and large phones, 600px and up) */
		@media only screen and (min-width: 600px) {
			#main {
				flex-direction: column;
			}
			#header {
				margin-left: -25px;
			}
			#menu {
				width: 100%;
			}
				#menu .cat0 {
					display: none;
				}
				#menu_items li a {
					font-size: 1.25em;
				}
			#content-padd {
				padding: 30px;
			}
		}
		
		/* Medium devices (landscape tablets, 768px and up) */
		@media only screen and (min-width: 768px) {
			#main {
				flex-direction: row;
			}
			#header {
				margin-left: 0;
			}
			#menu {
				width: 180px;
			}
				#menu .menu-toggle {
					display: none;
				}
				#menu .cat0 {
					display: block;
				}
				#menu_items li a {
					font-size: 11px;
				}
			#footer #addresses {
				margin: 10px 100px;
			}
		}
		
		/* Large devices (laptops/desktops, 992px and up) */
		@media only screen and (min-width: 992px) {
		
		}
		
		/* Extra large devices (large laptops and desktops, 1200px and up) */
		@media only screen and (min-width: 1200px) {
		
		}