body { 
    min-width: 760px;
    max-width: 1000px;
	font-family :  Verdana, sans-serif;
	font-size: 12pt; 
	color: black; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 1em;
	background-color: #3a547c;
}

div.logo, h1, h2, h3, h4, h5 {
	text-align: center;
}

h2 {
	border-bottom: 1px dashed #99f;
	color: #336;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1.2em;
	width: 10em;
}

div.content {
	padding: 1em;
	background-color: white;
	border-radius: 7px;

	-moz-box-shadow: 8px 8px 2px #334;
    -webkit-box-shadow: 8px 8px 2px #334;
    box-shadow: 8px 8px 2px #334; 
    
    clear: both;
}


div.logo{
	float: left;
	margin-left: 2em;
	-moz-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	margin-bottom: -3em;
	font-size: 130%;
}

div.content ul {
	list-style: none;
	margin-left: none;
    padding-left: none;
}

div.content ul ul li:before {
	content: "\21AA\0020";
}

div.links{
	text-align: right;
	border-radius: 7px;
	padding: 0.3em;
}

div.links ul li {
	display: inline;
	padding: 0.3em;
}


div.logo h1 { 
	display: inline-block;
	background-color: white;
	font-family: "Courier New", Courier, mono;
	font-size: 200%;
	border: solid black 1px;
	color: #c00;

	border-radius: 0.3em;

	padding: 0.2em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	
    -moz-box-shadow: 12px 12px 1px #334;
    -webkit-box-shadow: 12px 12px 1px #334;
	box-shadow: 8px 8px 1px rgba(0,0,0,0.6); 
} 

div.links a, div.links a:visited {
	text-decoration:none;
    display: inline-block;
	border: 2px solid #666;
	border-radius: 0.4em;
	background-color: #ccf;
	padding: 8px;
    
    -moz-box-shadow: 4px 4px 2px #334;
    -webkit-box-shadow: 4px 4px 2px #334;
	box-shadow: 4px 4px 2px #334; 
}

div.links a:hover {
text-decoration:none;
border: 2px solid #333;
background-color: #99f;
}

div.links img{
width: 25px;
height: 25px;
border: 1px solid #666;
}