/*<link rel="icon" type="image/gif/png" href="web2.png">*/
body{
	
	padding: 0;
	margin: 0;
	background-color: #f4f4f4;
	overflow-y:scroll; 
	
}

.navbar{
	background: #464e53;
	color: #ffffff;
	padding-top: 0px;
	min-height: 15px;
	border-bottom: #ffffff 2px solid;
	top:0;
	position: fixed;
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.navbar ul{
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.navbar li{
	display: inline;	
	margin: 0px 0px 0px 0px;
	
}

#subject {
	float: left;
	margin-left: 7%;
	
}

#subject a,img{
	
	width: 100px;
	height: 50px;
}

#navcont a{
	color: #ffffff;
	text-decoration: none;
	font: 15px/1.5 Lucida Console;
	text-align: center;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	font-size: 18px;

}
#navcont a:hover{
	background: #2f3437;
		
}

#disp_cont1{
	max-width: 100%;

	
	min-height: 500px;
	background:url('./images/scrn4.png') no-repeat 0 0;
	font: Arial;
	text-align: left;
	color: #ffffff;
	overflow-x: auto;
	padding-left:100px;
	
}


#disp_cont1 h2{
	margin-top: 100px;
	font-size: 30px;
}

#disp_cont1 p{
	margin-top:30px;
	font-size: 15px;
}


.btn1 {
	
	border: 0;
	text-align:  center;
	padding: 15px 15px 15px 15px;
	color: #ffffff;
	background: #464e53;
	text-decoration: none;
	font-size: 14px

}


.btn1:hover{
	background: #2f3437;

}

#disp_cont2{
	width: 40%;
	background-color: #f4f4f4;/*#ffffff;*/
	margin-top: 20px;
	margin-left: 7%;
	float: left;
	color: #000000;

}
#disp_cont2 img{
	width: 120px;
	height: 85px;
	padding-left: 35%;
	
}

#disp_cont2 h2{
	text-align: center;
	font: 28px Sans-serif;;
}

#disp_cont2 p{
	text-align: left;
	font: 18px Sans-serif;
}


#disp_cont3{
	width: 35%;
	margin-right: 7%;
	background-color: #cccccc;/*#ffffff;*/
	margin-top: 20px;
	margin-left: 7%;
	float: right;
	color: #000000;
	
}
#disp_cont3 h2{
	padding-left: 5px;
	text-align: left;
	font: 24px Sans-serif;;
}

#disp_cont3 p{
	padding-left: 5px;
	text-align: left;
	
}
#disp_cont3 li{
	font: 16px Sans-serif;
}

#disp_down,
#disp_contrib,
#disp_docs,
#disp_tutor{
	width: 80%;
	padding-top: 50px;
	padding-left: 7%;

}
#disp_down p,
#disp_contrib p,
#disp_docs p,
#disp_tutor p{
	text-align: justify;
	font: 18px Sans-serif;
}

footer{
	
}

@media(max-width: 700px){

	.navbar{
		position: static;
	}

	.navbar a, #subject a{
		float: none;
		width: 100%;
		text-align: center;
		display: block;
		
	}

	
	#disp_cont2{
		width: 80%;
		float: none;
	}
	#disp_cont3{
		width: 80%;
		float: none;
	}
}