@charset "utf-8";
/* CSS Document */

body {
	background-image: url('img/bg.png');
	color:#040DFF;/* font color*/
	font-size: 90.5%;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.5;
	text-align: left;
}

a {
	text-decoration:none;	
}

a:link, a:visited {
	align: center;
	 [disabled]color:#072391;
	/* [disabled]color:#072391; */

}

a:hover, a:active {
	color:#040DFF;/* SECOND LINE LINK COLOR*/
	font-weight: bold;	
}
.body {
	marign:0 auto;
	width:99%;     /*website frame size*/
	clear:both;	
}

.mainheader img {
	text-align:center;
	width:50%;
	height:auto;
	margin:2% 0;	
}

.mainheader nav {
	background-color:#040DFF;/* all main link background color*/
	height:40px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.mainheader nav ul {
	list-style:none;
	margin:0 auto;
		
}

.mainheader nav ul li {
	float:left;
	display:inline;
		
}

.mainheader nav a:link, .mainheader nav a:visited {
	color:#d02090;/* all main link color */
	display:inline-block;
	padding:5px 15px;
	height:30px;/*main link background white shade colour*/
}

.mainheader nav a:hover, .mainheader nav a:active, .mainheader nav .active a:link, .mainheader nav .active a:visited {
		background-color:#ffffff;/* all main link selection color*/
		text-shadow:1px 1px 2px black, 0 0 25px blue, 0 0 5px #30F571;
		
}

.mainheader nav ul li a {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.maincontent {
	/* [disabled]line-height:25px; */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.content {
	width:73%;/*frame size */
	float:left;/*for link.... frame */	
}

.topcontent {
	background-color:#ff83fa;/* header matter base back ground color ...light pink */
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:1% 5%;
	margin-top:1.5%;/* middle message frame size start to top side*/	
}

.bottomcontent {
	background-color: #ff83fa;/* mid matter base back ground color ...light pink */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1% 5%;
	margin-top: 1.5%;
	color: #1000F7;/* mid matter link color ...blue */
}

.top-sidebar {
	width:21%;
	float:left;
	background-color:#ff83fa;/* side frame bg color*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:1% 0% 0% 1%;
	padding:1% 2%;/*side frame position*/
}

.middle-sidebar {
	width:21%;
	float:left;
	background-color:#ff83fa;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:1%;
	margin-bottom:1;
	margin-top:1.5%;
	padding:1% 2%;
}

.bottom-sidebar {
	width:21%;
	float:left;
	background-color:#ff83fa;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:1%;
	margin-bottom:1%;
	margin-top:1.5%;
	padding:1% 2%;
}

.mainfooter {
	width:100%;
	height:40px;
	float:left;
	border-radius:1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#ff83fa;
	margin:2% 0;	
}

.mainfooter p {
	width:92%;
	margin:10px auto;
	color:#000080;	
}

@media only screen and (min-width:150px) and (max-width:600px)
{
	.body {
		marign:0 auto;
		width:90%;
		clear:both;	
	}	
	
	.mainheader img {
		width:100%;
	}
	
	.mainheader nav {
		height:160px;	
	}

	.mainheader nav ul {
		padding-left:0;
		
}

	.mainheader nav ul li {
		width:100%;
		text-align:center;
		
}

	.mainheader nav a:link, .mainheader nav a:visited {
		padding:10px 25px;
		height:20px;
		display:block;
	}
	
	.maincontent {
		line-height:28px;
	}

	.content {
		width:100%;
		float:left;
		margin-top:2%;	
	}

	.topcontent {
		background-color:#CCC;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:3% 5%;
		margin-top:2%;
		margin-bottom:4%;	
	}

	.bottomcontent {
		margin-top:3%;	
	}
	
	.top-sidebar, .middle-sidebar, .bottom-sidebar {
		width:94%;
		margin:1.5% 0% 2% 0%;
		padding:2% 3%;
	}


}