body {
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-family: Helvetica, sans-serif;
		font-size: 16px;
		color: #003366;
		background-color: #003366;
		
	/*	-webkit-transform: translate3d(0, 0, 0);
   		-moz-transform: translate3d(0, 0, 0);
   		-ms-transform: translate3d(0, 0, 0);
   		transform: translate3d(0, 0, 0); */
	}
	

	#copyright {
		text-align: center;
		width: 100%;
		border-top: 1px solid #ffffff;
		font-size: 0.75em;
		padding: 2em 0;
		
	}

	#bannersub {
		position: relative;
		z-index: 100;
		width: 100%;
		margin: 0;
		padding: 0.4em 0;
		background-color: #b8c2d0;
	}

	#hedcon {
		width: 85%;
		margin: 0 auto;
		padding: 0;
	}

	
	#banner {
		width: 85%;
		margin: 0 auto;
		padding: 0;
		line-height: 0;
		text-align: center;
	}
	
	#homead {
		margin: 0;
		padding: 0;
	}

	#homeadimg {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#conback {
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: #ffffff;
	}

	#topbar {
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		background-color: #263b95;
	}

	
	#conlogobar {	
		position: relative;
		z-index: 99;
		background-color: #263b95;
	}

	#conlogobar a {	
		font-size: 0em;
		line-height: 0em;	
	}

	#whiteheader {
		height: 80px;
		margin: 10px;
	}

	#menulines {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 10%;
	}

	#menux {
		display: none;
		position: absolute;
		top: 15px;
		right: 15px;
		width: 10%;
	}

	#conmenu {
		position: relative;
	}

	#connav {
		transition: 0.4s;
		position: absolute;
		width: 100%;
		top: -1000px;
		z-index: 98;
		margin: 0;
		padding: 0;
		list-style: none inside;
		text-align: center;
	}

	#indexnav li {
		display: inline;
		width: 100%;
	}

	.conli {
		display: block;
		width: 100%;
		margin: 0;
		padding: 1em 0;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.25em;
		font-weight: bold;
		color: #ffffff;
		border-top: 1px solid #8a8a8a;
		background-color: #263b95;
	}


	#bodycon {
		width: 100%;
		margin: 20px auto;
	}

	#bodycon a {
		color: #003366;
	}

	h1 {
		font-size: 3em;
		margin: 20px;
	}

	h2 {
		font-size: 1.5em;
		margin: 20px 20px 0;
		line-height: 1em;
		padding: 0;
	}

	h3 {
		font-size: 1.1em;
		margin: 20px 20px 0;
		line-height: 1em;
		padding: 0;
	}

	#bodycon p {
		font-size: 1.1em;
		line-height: 1.75em;
		color: #000000;
		margin: 10px 20px;
	}

	#bodycon ul {
		font-size: 1.1em;
		line-height: 1.75em;
		margin: 10px 20px;
	}
	
	.imgbox img {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.imgbox {
		margin: 10px 0;
		padding: 0 0 2px;
		width: 100%;
		background-color: #d0d0d0;
	}

	.imgboxr img {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.imgboxr {
		margin: 10px 0;
		padding: 0 0 2px;
		width: 100%;
		background-color: #d0d0d0;
	}

	.caption {
		display: block;
		font-size: 0.8em;
		margin: 5px 20px;
		padding: 0;
		color: #003366;
	}

	hr { 
		width:95%; 
		height:2px; 
		background: #e58218; 
		margin: 40px auto;
		border: 0;
	}

	.conside {
		padding: 10px 0;
		width: 100%;
		background-color: #d0d0d0;
		font-size: 0.9em;
	}

	h4 {
		font-size: 1.1em;
		margin: 0 10px;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
		color: #003366;	
	}

	h5 {
		font-size: 1em;
		margin: 10px 10px 0;
		font-weight: bold;
		color: #000000;	
	}

	.sidelist {
		line-height: 1.5em;
		margin-top: 5px;
	}

	@media (min-width: 601px) {
		
		#whiteheader {
		width: 301px;
		}

		#menulines {
			width: 60px;
		}

		#menux {
			width: 60px;
		}
		
		.imgbox {
			margin: 10px 20px;
			padding: 0 0 2px;
			width: 350px;
			background-color: #d0d0d0;
			float: left;
		}

		.imgboxr {
			margin: 10px 20px;
			padding: 0 0 2px;
			width: 350px;
			background-color: #d0d0d0;
			float: right;
		}

	.conside {
		width: 300px;
		float: right;
		margin: 0 20px;
	}

	}


	@media (min-width: 857px) {

		#banner {
			width: 100%;
		}

		#homead {
			margin: 0 auto;
		}

		#homeadimg {
			width: 728px;
			height: 90px;
		}
		
	}

	@media (min-width: 901px) {
	
		#whiteheader {
			width: 350px;
		}
	
	 	#connav {
			transition: 0.4s;
			position: relative;
			top: 0px;
			width: 100%;
			border-top: 1px solid #8a8a8a;
			display: flex;
			justify-content: space-evenly;
		}

/*		#connav {
			transition: 0.4s;
			position: relative;
			top: 0px;
			width: 100%;
			border-top: 1px solid #8a8a8a;
			display: flex;
			align-items: stretch; 
    		justify-content: space-between;
		}
*/		

		
/*		.conli {
			display: flex;
    flex: 0 1 auto; 
    list-style-type: none;
			width: 9.5%;
			width: 100%;
			text-align: center;
			text-transform: none;
			letter-spacing: 0em;
			font-weight: bold;
			color: #ffffff;
			border-top: 0;
			border-right: 1px solid #8a8a8a;
			font-size: 0.55em;
			padding: 10;
			margin: 0 auto;
		}
		*/
		
		.conli {
			display: inline-block;
//			width: auto;
			text-transform: none;
			letter-spacing: 0em;
			font-weight: bold;
			color: #ffffff;
			border-top: 0;
//			border-right: 1px solid #8a8a8a;
			font-size: 0.55em;
//			padding: auto;
//			margin: 0 auto;
		}
		
		#c10 {
			border-right: 0;
		}
		
		#connav li {
			display: inline;
//			width: 100%;
//			margin: 0 auto;
//			padding: 0 auto;
	}
		
		#whiteheader {
			margin: 20px;
		}

		#menulines {
			display: none;
		}

		#menux {
			display: none;
		}
		
		#conlogobar {	
			background-image: url(../images/con-top-back.jpg);
			background-position: right top;
			background-repeat: no-repeat;
		}
		
	 }	 
	 
	@media (min-width: 1000px) {
		
		.conli {
			font-size: 0.6em;	
		}
		
	}

/*	@media (min-width: 1100px) {
		
		.conli {
			font-size: 0.75em;	
		} 
		
		
	} */

	@media (min-width: 1201px) {
		
		#bannersub {
			width: 1200px;
			margin: 0 auto;
		}
		
		#conback {
			width: 1200px;
			margin: 0 auto;
		}
		
	 }
