html{
	padding:0;
	margin:0;	
}
body{
	background-color:#dcf094;	
	padding-bottom:40px
}
h1{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 40px;
    padding: 0;
    margin: 0;
    color: #FFF !important;
}
h2{
    display: block;
    text-align: center;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 20px;
    padding: 0;
    margin: 0;
    color: #FFF !important;
}
#footer{
	width:898px;
	margin-left:-449px;
	left:50%;
	height:50px;
	position:absolute;
	bottom:1px;
	border-bottom-right-radius:7px;
	border-bottom-left-radius:7px;
	background: rgb(110,173,208); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(110,173,208,1) 0%, rgba(65,135,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(110,173,208,1) 0%,rgba(65,135,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(110,173,208,1) 0%,rgba(65,135,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eadd0', endColorstr='#4187ba',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#main_area{
	width:900px;
	position:relative;
	left:50%;
	margin-left:-446px;
	border-radius:7px;
	text-align:center;
	font-family:Arial;
	padding-bottom:50px;
	
	background: #fff;
	
	-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);			
	
}
#nav_area{
	width:900px;
	position:relative;
	left:50%;
	margin-left:-446px;
	border-radius:7px;
	text-align:center;
	font-family:Arial;
	
	background: rgb(226,238,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,238,244,1) 1%, rgba(164,200,221,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(226,238,244,1) 1%,rgba(164,200,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(226,238,244,1) 1%,rgba(164,200,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eef4', endColorstr='#a4c8dd',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);			
}
#header{
	width:900px;
	position:relative;
	left:50%;
	margin-left:-446px;
	border-radius:7px;
	text-align:center;
	padding-top:5px;
	padding-bottom:15px;

	background: rgb(110,173,208); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(110,173,208,1) 0%, rgba(65,135,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(110,173,208,1) 0%,rgba(65,135,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(110,173,208,1) 0%,rgba(65,135,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eadd0', endColorstr='#4187ba',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);		
}
