<style type="text/css">
body {
	background: #D4E9FF ;/* #D4E9FF #FFFFFA */
}
div.body { 
	clear: both; 
}
div.container { 
	font-family: 'Lato', sans-serif;
	width: 740px; 
	margin: 38px auto; 
	padding: 0; }
span.name { 
	font-size: 30px; 
	float: left; 
	padding: 5px;
	font-variant: small-caps;
}
div.navigation {
	float: right;
	font-variant: small-caps;
}
div.navigation a {
	color: black;
	float: right;
	font-size: 22px;
	padding: 10px; /* This is the important padding parameter */
}
div.navigation a:hover {
	/*color: #F88025;*/
	background: #FFE0D1; 
	/* background: #FEE6D3; /* #f9f8fa; */
	text-decoration: none;
}
div.navigation ul           { margin: 0; padding: 0; list-style: none; }

div.navigation ul li        { display: inline; margin: 0 2px; padding: 0;}

ul { margin: 10px 0; padding: 0 0 0 40px; }

div.separator               {border-bottom: 1px dotted #ddd; padding-bottom: 48px;
                              margin-bottom: 28px; font-size: 16px; color: #888;
                              text-align: center;}

div.footer                  { border-top: 1px dotted #ddd; padding-top: 9px;
                              margin-top: 42px; font-size: 16px; color: #888;
                              text-align: center; }

.headerText {
	font-family: 'Lato', sans-serif; 
}
.otherText {
	font-family: 'Lato', sans-serif;
	text-align: left;
}
a:link {
	color: #F88025;
	text-decoration:none;
}
a:visited {
	color: #F88025;
	text-decoration:none;
}
a:hover {
	color: #F88025;
	text-decoration:underline;
}
a:active {
	color: #F88025;
	text-decoration:none;
}
</style>