@import url(https://fonts.googleapis.com/css?family=Josefin+Slab:600);
/* reset */
* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 100%;
}

body {
	background: #f8f7ef;
}

p {
	margin-bottom: 1.33rem;
}

li p {
	margin-bottom: 0.66rem;
}

h1, h2 {
	font-family: serif;
}
h1 {
	font-size: 2rem;
	color: #01939a;
}
h2 {
	font-size: 1.6rem;
}
h3, h4 {
	font-size: 1.2rem;
}
h1 {
	padding: 0.5rem 0 0.2rem 0;
}
h2, h3, h4, h5, h6 {
	padding: 0.3rem 0 0.1rem 0;
}

/* links */
a {
	text-decoration: none;
}
a:link,
a:visited {
	color: #6c48d7;
}
a:hover {
	color: #3b14af;
}
table {
	border: 2px;
	border-top: solid #34c6cd;
	border-bottom: solid #34c6cd;
	margin: 1rem 2rem 1rem 2rem;
	padding: 0.1rem 0rem 0.1rem 0rem;
}
table tr td {
	margin: 0;
	padding: 0 1rem 0 0;
}

/* avoid horizontal scrolling with large images */
img {
	max-width: 100%;
}

.amount {
	text-align: right;
}

li {
	margin: 0 0 0 1.5rem;
}

header {
	padding: 5px;
	margin: 5px;
	min-height: 160px; /*!!! assume 150px logo height !!!*/
	/*border-bottom: 5px solid #001ccf;*/
	background: #6c8ad5;
	border-radius: 1rem;
	-moz-border-radius: 1rem;
	box-shadow: 5px 5px 2px #888888;
}
header .logo {
	position: absolute;
	top: 10px;
	left: 10px;
}
header #banner {
	position: relative;
	margin: 10px 0 0 157px;
}
header #banner a {
	text-decoration: none;
}
header .title {
	font-size: 3rem;
	font-family: 'Josefin Slab', serif;
	color: #123eab;
}
header nav {
	position: relative;
	margin: 20px 0 0 157px;
}
header nav ul {
	list-style-type: none;
	overflow: hidden;
}
header nav ul li {
	float: left;
	border-top: 3px solid #3b14af;
	padding: 0;
	margin: 0rem 0.6rem 0rem 0rem;
	text-transform: uppercase;
	font-size: 1.2rem;
}
header nav ul li span.here {
	margin: 0;
	padding: 0.2rem 0.3rem 0.2rem 0.3rem;
	font-family: 'Josefin Slab', sans-serif;
	color: black;
}
header nav ul li a:link,
header nav ul li a:visited {
	margin: 0;
	padding: 0.2rem 0.3rem 0.2rem 0.3rem;
	font-family: 'Josefin Slab', sans-serif;
	color: #3b14af;
}
header nav ul li a:hover {
	margin: 0;
	padding: 0.2rem 0.3rem 0.2rem 0.3rem;
	font-family: 'Josefin Slab', sans-serif;
	background: #3b14af;
	color: #886ed7;
	border-bottom-right-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
	-moz-border-bottom-right-radius: 0.5rem;
	-moz-border-bottom-left-radius: 0.5rem;
}

textarea {
	width: 100%;
	height: 5rem;
}

#sidebar {
	float: left;
	text-align: right;
	min-width: 15rem;
	margin: 5px;
	padding: 0.5rem 0.5rem 0 0;
	border-radius: 1rem;
	-moz-border-radius: 1rem;
	box-shadow: 5px 5px 2px #888888;
}
#sidebar ul {
	list-style-type: none;
}
#sidebar ul li {
	margin: 0 0 0.2rem 0;
}

#content {
	float: left;
	max-width: 54rem;
	margin: 5px;
	padding: 0 2% 0 2%;
	border-radius: 1rem;
	-moz-border-radius: 1rem;
	box-shadow: 5px 5px 2px #888888;
}

#content ul {
	list-style-type: square;
	padding: 0.5rem 2rem 1rem 1rem;
}
#content ul li ul{
	list-style-type: disc;
	padding: 0.2rem 2rem 0.5rem 1rem;
}

.alert {
	font-size: 120%;
	color: #c90000;
}

footer {
	clear: both;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 1rem 0.5rem 1rem 0.5rem;
	margin-bottom: 3rem;
	font-size: 80%;
}
.left {
	text-align: left;
	float: left; clear: left;
}
.right {
	text-align: right;
}

@media print {
	a[href]:after {
		content: none !important;
	}
}