html
	{
	background-color : rgba(58, 145, 234, 0.5);
	color : rgb(26, 51, 82);
	font-family : Verdana, sans-serif;
	}
h1
	{
	margin : 0 0 0.25em;
	padding : 0;
	font-size : 400%;
	text-align : center;
	}
h1 img
	{
	width : 3em;
	vertical-align : -0.6em;
	position : relative;
	left : 0.25em;
	}
h1.logo a
	{
	border : 0;
	text-decoration : none;
	color : rgb(100%, 100%, 100%);
	}
h1.logo a:hover
	{
	text-shadow : 0.08em 0.04em rgb(52, 101, 164);
	}
.logo
	{
	color : rgb(100%, 100%, 100%);
	font-family : Verdana, sans-serif;
	letter-spacing : -0.086em;
	font-weight : bold;
	text-shadow : 0.1em 0.05em rgb(52, 101, 164);
	}
p
	{
	}
div.content
	{
	margin : auto;
	max-width : 50em;
	background-color : rgb(97.5%, 97.5%, 97.5%);
	border-radius : 1em 1em;
	padding : 1em 2em;
	}
div.content > ul
	{
	margin : 4em 0 1em;
	padding : 0;
	text-align : right;
	}
div.content > ul > li
	{
	display : inline;
	}
div.content > ul > li > a
	{
	margin : 0.15em;
	padding : 0.5em 1em;
	background-color : rgba(58, 145, 234, 0.75);
	border-radius : 0.75em 0.75em;
	color : rgb(100%, 100%, 100%);
	font-weight : bold;
	text-decoration : none;
	text-shadow : 0 0 0.05em rgb(50%, 50%, 50%);
	box-shadow : 0 0 0.1em rgb(58, 145, 234);
	}
div.content > ul > li > a:hover
	{
	background-color : rgba(58, 145, 234, 1);
	box-shadow : 0 0 0.5em rgb(58, 145, 234);
	}