*
{
	margin:0;
	padding:0;
	text-decoration:none;
}

::selection
{
	color:white;
	background:#00cbff;
	opacity:1;
}

body
{
	color:#202125;
	font-family:"Google Sans",sans-serif;
	font-family:"Roboto",sans-serif;
	font-family:"Poppins",sans-serif;
}

body a
{
	color:#202125;
}

h1, h2, h3, h4
{
}

.topNavBg
{
	float:left;
	width:96%;
	padding:5px 2%;
}

.topNavBox
{
	width:1200px;
	margin:0px auto;
}

.topNavLeft
{
	float:left;
}

.topNavRight
{
	float:right;
}

.topNavRight ul
{
	list-style:none;
}

.topNavRight ul li
{
	float:left;
	margin:0px 10px 0px 0px;
}

.topNavRight ul li a
{
	padding:30px 20px;
	display:table-cell;
}

.topNavRight ul li a:hover
{
	color:#0099cc;
}

.bannerBox
{
	float:left;
	width:100%;
	height:480px;
	margin:0px auto;
	position:relative;
	overflow:hidden;
}

.bannerImage
{
	width:100%;
	display:table;
}

.bannerHeading
{
	position:absolute;
	left:165px;
	bottom:30px;
}

.bannerBox h1
{
	width:550px;
	padding:5px 25px;
	font-size:30px;
	font-weight:400;
	color:#0099cc;
	background-color: rgba(255,255,255,0.8);
	border-radius:20px;
}

.mainContainerBg
{
	float:left;
	width:100%;
	margin:10px 0px;
}

.mainContainer
{
	width:1200px;
	margin:0px auto;
	padding:0px;
}

.contentLeftBox
{
	float:left;
	width:300px;
	display:table;
}

.leftNavBox
{
	width:300px;
	padding:10px;
	box-sizing:border-box;
	background:#f7f7f7;
}
.leftNavBox ul
{
	list-style:none;
}

.leftNavBox ul li
{
	margin:10px 5px 5px 0px;

}

.leftNavBox ul li a
{
	color:#a6a6a6;
}

.leftNavBox ul li a:hover
{
	color:#0099cc;
	margin-left:8px;
	-webkit-transition:all .3s;
}

.contentRightBox
{
	float:right;
	width:860px;
	margin:0px 0px 0px 40px;
	box-sizing:border-box;
}

.contentBox
{
	margin:10px 0px 40px 0px;
}

.contentBox h1
{
	margin:10px 0px 20px 0px;
	font-size:25px;
	font-weight:300;
}

.contentBox h2
{
	margin:0px 0px 20px 0px;
	padding:0px 0px 8px 0px;
	font-size:25px;
	font-weight:400;
	border-bottom:3px solid #0099cc;

	font-size:22px;
	font-weight:700;
}

.contentBox h3
{
	margin:30px 0px 10px 0px;
	padding:0px 0px 8px 0px;
	color:#0099cc;
	font-size:22px;
	font-weight:400;
}

.contentBox article
{
	margin:0px auto;
	line-height:28px;
	color:black;
	font-size:17px;
	font-weight:300;
	word-spacing:5px;
	box-sizing:border-box;
}

.contentBox ol,ul
{
	padding:0px 0px 0px 20px;
}

.contentBox ol li,ul li
{
	margin:15px 0px;
}

footer
{
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
	padding:20px 0px;
	background:#0099cc;
}

.footerBox
{
	width:1200px;
	margin:0px auto;
	padding:0px;
	color:#fff;
	display:table;
}

.footerTop
{
	float:left;
	width:100%;
	padding:10px 0px;
}

.footerTop ul
{
	list-style:none;
}

.footerTop ul li
{
	float:left;
	margin:0px 10px;
}

.footerTop ul li a
{
	color:#fff;
}

.footerBottom
{
	float:left;
	width:100%;
	font-size:12px;
	padding:10px 0px;
	border-top:1px solid #bbb;
}

.leftNavActive a
{
	color:#0099cc !important;
	font-weight:bold;
}

.contentLeftBoxFixed
{
	position:fixed;
	top:0px;
	display:table;
}

@media screen and (max-width:850px)
{
	.topNavBg, .topNavBox
	{
		width:100%;
		padding:0;
	}
	.topNavLeft, .topNavRight
	{
		width:100%;
		padding:5px 0px;
		text-align:center;
	}

	.topNavRight ul
	{
		margin:0px auto;
		padding:0px;
		display:table;
	}

	.topNavRight ul li
	{
		margin:0px;
		padding:0px 5px;
	}

	.topNavRight ul li a
	{
		padding:5px;
	}

	.bannerBox
	{
		max-height:200px;
		background-size:cover;
	}

	.bannerImage
	{
		width:auto;
		height:100%;
	}

	.bannerHeading
	{
		width:100%;
		left:0px;
		bottom:10px;
	}

	.bannerHeading h1
	{
		width:96%;
		padding:5px 2%;
		font-size:20px;
		border-radius:0;
		text-align:center;
	}

	.mainContainer
	{
		width:96%;
		padding:0 2%;
	}

	.contentLeftBox
	{
		width:100%;
		display:table;
	}

	.leftNavBox
	{
		width:100%;
		margin:0px auto;
		padding:10px 0;
	}

	.contentRightBox
	{
		float:right;
		width:100%;
		margin:10px 0px;
		box-sizing:border-box;
	}

	.contentBox
	{
		word-wrap: break-word;
	}

	footer
	{
		float:left;
		width:100%;
		margin:10px 0px 0px 0px;
		padding:0px 0px 40px 0px;
		display:table;
	}

	.footerBox
	{
		width:96%;
		padding:0px 2%;
	}

	.footerTop
	{
		width:96%;
		padding:10px 2%;
	}

	.footerTop ul
	{
		text-align:center;
	}

	.footerTop ul li
	{
		width:100%;
		margin:5px 0px;
	}

	.footerBottom
	{
		padding:10px 0px;
		text-align:center;
		display:table;
	}

	.contentLeftBoxFixed
	{
		display:none;
	}
}