/* CSS note */
body{
	margin:0px;
	font-family:Bookman Old Style;
	<font-color="white">
	line-height:150%;
	
	/* background-color:#0B14BE; */
	background-image:url(a2ePJ.JPG);
	background-attachment:fixed;
	background-size:cover;
	
		
}



div#header{
	width:90%;
	height:300px;
	background:#f93;
	margin:20px auto 0px auto;  /* if only auto will be for all side */
	text-align:center;
	padding:9px 0px 0px 0px;
	border-radius:18px; 
	/* border-radius:30px 50px 0px 0px; for all corner*/
	box-shadow:10px 0px 5px #333, -10px 0px 5px #333;
	
	
/* coding from 	http://www.colorzilla.com/gradient-editor/ */
background: #cfe7fa; /* Old browsers */
background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cfe7fa 0%,#6393c1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}


h1#website-name{
	
	font-size:36pt;
	font-family:impact;
	font-variant:small-caps;
	text-shadow:0px 10px 2px #fff;

}

h1#tagline{

		font-size:18pt;
		font-weight:normal; /* removes autobold feature of H1 tag */
		letter-spacing:1px;
		font-style:italic;
		margin:0px 0px 20px 0px;
		padding:0px 0px 20px 0px;
		
		
}

a.mainlinks{
	
	color:#fff;
	text-decoration:none;
	border:0px double #333; /* thickness style color . for style option: solid dotted dashed double */
	padding:8px 30px 8px 30px;
	margin:0px 5px 0px 5px;
	border-radius:20px 0px 20px 0px;
	/* box-shadow:5px 0px 5px #333; */
	box-shadow:0px 10px 5px #333;
	display:inline-block;
	-webkit-transition:0.5s;
	
background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

}
/* color change when mouse pointing */
a.mainlinks:hover{

-webkit-transform:translate(10px,-10px);

background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */



}

div#mainbody{
	width:70%;
	height:auto;
	/* background:#fff; */
	margin:auto;
	box-shadow:0px 0px 100px fff;
	background:rgba(000,000,000,0.1);
	-webkit-transition:;
}

div#mainbody:hover{
	-webkit-transform:scale();

}

div#leftpanel1{

	width:100%;
	height:90;
	font-size:15pt; 
	font-family:Bookman Old Style;
		text-align:justify;
	/* padding alignment - clockwise */
	padding:20px 50px 20px 50px;
	box-sizing:border-box;
	/* border-radius:18px; */
	float:left;	
}

div#leftpanel2{

	width:100%;
	height:0; 
	float:left;
	font-size:15pt;
	font-family:Bookman Old Style;
	text-align:justify;
	/* padding alignment - clockwise */
	padding:20px 50px 20px 50px;
	box-sizing:border-box;
	/* border-radius:18px; */
	float:left;	
	

}

div#leftpanel3{

	width:100%;
	height:270;
	float:left;
	font-size:15pt;
	font-family:Bookman Old Style;
	/* text-align:justify; */
	/* padding alignment - clockwise */
	padding:20px 50px 20px 50px;
	box-sizing:border-box;
	/* border-radius:18px; */
	float:left;	
}


div#rightpanel{

	width:90%;
	margin:auto;
	height:auto;
	/* background:#0f0; */
	text-align:justify;
	font-size:15pt;
	font-family:Bookman Old Style;
	/* padding alignment - clockwise */
	padding:20px 50px 20px 50px;
	box-sizing:border-box;
	border-radius:18px; 
	/* float:left; */
	Clear: both;
	-webkit-transition:0.5s;
	
	/* coding from 	http://www.colorzilla.com/gradient-editor/ */
background: #cfe7fa; /* Old browsers */
background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cfe7fa 0%,#6393c1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}

div#rightpanel:hover{
	-webkit-transform:scale(1.11);

}
div#bottompanel{

	width:100%;
	height:auto;
	/* background:#00f; */
	clear:both;
	padding:90px;
	font-size:15pt;
	font-family:Bookman Old Style;
	text-align:justify;
	/* padding alignment - clockwise */
	padding:20px 50px 20px 50px;
	box-sizing:border-box;
	border-radius:18px; 
	/* firefox old version */
	-moz-box-sizing:border-box;
}
div#footer{
	width:90%;
	height:100px;
	background:#000000;
	margin:auto;
	text-align:center;
	/* padding alignment - clockwise */
	padding:20px 50px 20px 50px;
	box-sizing:border-box;
	border-radius:18px; 
}