body {
	background-color: rgb(227,228,229);	/* silver color */
	font-family: Arial, Helvetica, sans-serif;
}

div.header,  img.header {
	width: 700px ;
  	margin-left: auto ;
	margin-right: auto ;
	text-align: center;
	display: block;
}

img.header {
	position: relative;
}

ul.header_navigation {
	position: absolute;
	margin-left: -20px;
	top: 205px;
	white-space: nowrap; //having text on one line
	width: 100%
	
}

ul.header_navigation li {
	float: left;
	list-style: none;
	padding: 0 5px;
	margin-left: 5px;
	display: inline;	 
	border-radius: 5px;
	font-size: 18px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: rgb(240,241,242); /* just like body */
	color: #000000;	
}

ul.header_navigation a {
	color: #000000;
	text-decoration: none;
}

ul.header_navigation li:hover, ul.header_navigation li.selected_header, ul.header_navigation li.selected_header a {
	color: #000000;
	//background-color: rgb(140, 168, 230); 
	background-color: rgb(71, 160, 255); 
}

div.header p {
	position: absolute;
	top: 20px;
	margin-left: 260px;
	padding: 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	background-color: white;
	border-radius: 5px;
	color: #addfff;
	//background-color: rgb(71, 160, 255);
	background-color: rgba(71, 160, 255, 0.75);
	white-space: nowrap; //having text on one line
}




div.body {
	width: 700px ;
  	margin-left: auto ;
	margin-right: auto ;
	text-align: center;
	display: block;
	background-color: rgb(240,241,242);	/* silver color , grey was #999999; */
	border-radius: 5px;
	border: #999999;
	margin-top: -30px;
}	

div.body p {
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}

div.body ul {
	text-align: left;
	margin-left: 5px;
}

div.badge{
	background-image: -moz-linear-gradient(
							top, #fff, #efefef
						);
						
	background-image: -webkit-gradient(
							linear,left top, left bottom,
							color-stop(0, #fff),
							color-stop(1, #efefef)
					);

	background-image: linear-gradient(
							top, #fff, #efefef
					);
}

div.badge h3, div.badge h2 {
	-moz-transform: rotate(-7.5deg);
	-o-transform: rotate(-7.5deg);
	-webkit-transform: rotate(-7.5deg);
	-ms-transform: rotate(-7.5deg);
	transform: rotate(-7.5deg);

}

div.footer {
	width: 700px ;
  	margin-left: auto ;
	margin-right: auto ;
	text-align: center;
	display: block;
	/* background-color: #999999; */
	margin-top: -10px;
}


div.footer p {
	text-align: right;
	margin: 20px;