*{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	 font-family:'Open Sans';
}
html,body{
	height:100%;
	
}
.sidebox{
	width:30%;
	background: #23282D;
	height:100%;
	display:inline-block;
	padding:0px;
	color:#ffffff;
	vertical-align:top;
	overflow:auto ;
}
.sidebox h2{
	font-size:30px;
	line-height: 40px;
	padding:20px;
	text-align:center;
	
	font-weight:normal;
}
.sidebox h3{
	padding:20px;
	font-weight:none;
}
.sidebox h3 a{
	text-decoration:none;
	color:#FFFFFF;
	transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transitiona:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-khtml-transition:all .3s ease;
}
.sidebox h3:hover a{
	color:#D1D1D1;
}
.sidebox ul{
	padding: 0px 10px 0px 60px;
	font-weight:none;
}
.sidebox ul li{
	margin:5px;
}
.sidebox ul li a{
	text-decoration:none;
	color:#f7f7f7;
	transition:all .3s ease;
	-moz-transition:all .3s ease;
	-webkit-transitiona:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-khtml-transition:all .3s ease;
}
.sidebox ul li:hover a{
	padding-left:10px;
}
.contbox{
	width:70%;
	background: #FFFFFF;
	height:100%;
	display:inline-block;
	padding:0px;
	overflow:auto ;
	vertical-align:top;
}
.box{
	
	width:100%;
	min-height:200px;
	padding:20px;
	border-top: 1px solid #d3d8dd;
	border-bottom: 1px solid #d3d8dd;
}
.box h2{
	font-size:26px;
	line-height: 40px;
	text-align:justify;
	font-weight:normal;
	padding-top:15px;
	padding-bottom:20px;
}
.box h3{
	font-size:18px;
	line-height: 35px;
	text-align:justify;
	padding-top:15px;
	padding-bottom:20px;
}
.box p{
	font-size:16px;
	line-height: 35px;
	text-align:justify;
}
.box ul{
	margin-left:20px;
	line-height: 35px;
}
.box ul ul{
	margin-left:30px;
	line-height: 35px;
}
.box:nth-of-type(odd){
	background: #e3e8ed;
}
#flashchecker{
	width:100%;
	background:red;
	color:white;
}
#flashchecker p{
	width:100%;
	text-align:center;
	
}
#flashchecker h3{
	width:100%;
	text-align:center;
}