body {
	font-family:sans-serif;
	font-size:11pt;
	line-height:1.3;
}
a {
	color:#007888;
	font-style:italic;
	text-decoration:none;
}
a:hover {
	color:#ff3333;
}
b {
	color:#333333;
}
h1,h2,h3 {
	color:#003848;
	text-align:left;
}
h1 {
	background-color:#eef0f0;
	border-color:#99aaaa;
	border-style:double;
	border-width:3pt 0 3pt 0;
	font-size:16pt;
	margin-top:0;
	padding:5pt;
}
h2,h3 {
	border-bottom:1pt solid #7785a5;
	font-size:13pt;
	padding:3pt;
}
h3 {
	font-size:12pt;
	font-style:italic;
}
i {
	font-family:serif;
}
img {
	border:0;
	vertical-align:middle;
}
input,select,textarea {
	border:solid #669999 1pt;
	font-size:14pt;
	padding:1pt;
}
input {
	text-align:center;
}
li {
	line-height:2;
}
p {
	margin:5pt;
	text-align:justify;
}
div.hr {
	background-color:#ddeeff;
	height:2pt;
}
nav {
	border:1pt solid #6699cc;
	width:175pt;
	margin-bottom:15px;
}
nav .header {
	background-color:#338daa;
	color:#ffffff;
	font-weight:bold;
	padding:5pt;
	text-align:center;
}
nav a {
	background-color:#f0f7ff;
	border:1px solid #f0f7ff;
	display:block;
	padding:4px;
}
nav a:hover {
	background-color:#eef0f0;
	border-color:#ccdddd;
}
nav .sub {
	font-size:9pt;
	font-weight:normal;
	padding:4pt 4pt 4pt 15pt;
}
article {
	position:absolute;
	left:260px;
	top:70px;
	right:8px;
}
figure {
	border:1px solid #ddd;
	float:left;
	margin:20px;
	padding:20px;
	text-align:center;
}
footer p {
	text-align:right;
}
#cookie_alert {
	background:#eef9ee;
	bottom:0;
	color:#003300;
	cursor:pointer;
	font-family:sans-serif;	
	font-size:12px;
	border-top:#ccddcc solid 1px;
	opacity:0.8;
	padding:6px 0 6px 0;
	position:fixed;
	text-align:center;
	white-space:pre-wrap;
	width:100%;
	z-index:999;
}
@media (max-width:320px) {
	p {text-align:left;}
}
@media (max-width:480px) {
	.screen480 {display:none;}
}
@media (max-width:680px) {
	nav {width:100%}
	nav .sub, #social, .screen680, footer {display:none;}
	article {position:relative;top:0;left:0}
}