@media screen
{
	body {
		font-size: 15px;
		font-family: 'PT Sans', Verdana;
		background-color: #00705c;
		margin: 0; padding: 0;
	}

	h1, h2, h3, p { margin: 0; padding: 0; }
	li ul { margin-top: 0.5em; }
	img.ajax-loader-tiny { vertical-align: middle; }

	input, select, textarea {
		padding: 0.33em;
	}

	p.needs-filler { margin-bottom: 3em; }

	#page {
		max-width: 840px; min-height: 480px;
		margin: 0 auto;
		border: 1px solid black; border-top: none;
		background-color: white;
	}

	#top {
		border-bottom: 1px solid black;
		background-color: #435868;
		text-align: right;
		padding: 0.2em;
	}

	#top a,
	#top a:visited {
		color: white;
		font-size: 0.9em;
		font-weight: bold;
		text-decoration: none;
	}

	#top a:hover,
	#top a:visited:hover {
		text-decoration: underline;
	}

	#header {

	}

	#main {
		padding: 1.4em;
		min-height: 10em;
	}
	
	#main a { color: #3366DD; }
	#main a:visited { color: #900090; }
	#main a:hover, #main a:visited:hover { color: #DD0000; }

	#main a[href^='mailto:'] { background: url( '/img/icons/email.png' ) no-repeat right 3px; padding-right: 19px; }
	#main a[href^='http:'],
	#main a[href^='https:'] { background: url( '/img/icons/ext.png' ) no-repeat right 6px; padding-right: 13px; }
	#main a[href^='tel:'] { background: url( '/img/icons/phone.png' ) no-repeat right 1px; padding-right: 16px; }
	#main a[href$='.pdf'] { background: url( '/img/icons/pdf.png' ) no-repeat right 2px; padding-right: 20px; }
	#main a[href$='.xls'],
	#main a[href$='.xlsx'] { background: url( '/img/icons/xls.png' ) no-repeat right 2px; padding-right: 20px; }
	#main a[href$='.doc'],
	#main a[href$='.docx'] { background: url( '/img/icons/doc.png' ) no-repeat right 2px; padding-right: 20px; }

	#main a[href^='http://twitter.com/'],
	#footer a[href^='http://twitter.com/'] { background-image: url( '/img/icons/tw.png' ); }
	#main a[href^='http://www.facebook.com/'],
	#footer a[href^='http://www.facebook.com/'] { background-image: url( '/img/icons/fb.png' ); }
	#main a[href^='http://www.youtube.com/user/'],
	#footer a[href^='http://www.youtube.com/user/'] { background-image: url( '/img/icons/yt.png' ); }

	#main .page-header { font-size: 1.2em; margin-bottom: 1em; }
	#main .section-header { font-size: 1.1em; }

	#footer {
		border-top: 1px solid black;
		padding: 0.5em;
		background-color: #435868;
		color: white;
		text-align: right;
	}

	#footer a {
		background-repeat: no-repeat;
		background-position: left 1px;
		padding-left: 20px;
	}

	#footer a, #footer a:visited { color: #99CCFF; text-decoration: none; }
	#footer a:hover, #footer a:visited:hover { text-decoration: underline; }

	#footer p {
		margin-top: 0.5em;
	}

	#social-media-links a {
		margin-left: 0.5em;
	}

	/* ============= Control: Navigation */
	#nav {
		background-image: url('../img/header-bg/01.jpg');
		background-repeat: no-repeat;
		max-height: 294px;
		border-bottom: 1px solid black;
		padding: 0.2em 0;
		overflow: auto;
	}

	#nav ul {
		margin: 0; padding: 0;
		list-style-type: none;
	}

	#nav ul li a {
		display: block;
		border: 1px solid black; border-left: none;
		width: 11em;
		padding: 0.33em;
		padding-left: 0.5em;
		margin: 0.1em 0;

		color: white;
		background-color: rgba( 25, 25, 112, 0.85 );
		text-decoration: none;
	}

	#nav ul li a.current,
	#nav ul li a.current:hover {
		font-weight: bold;
	}

	#nav ul li a:hover {
		color: white;
		background-color: rgba( 25, 25, 112, 0.95 );
	}

	#nav ul li a.broken,
	#nav ul li a.broken:hover {
		color: rgba( 255,255,255,0.60 );
		background-color: rgba( 25, 25, 112, 0.25 );
		border-color: grey;
		cursor: default;
	}

	/* ============= Page: Updates */
	#add-update {
		border: 1px dashed grey;
		padding: 5px; margin-bottom: 1em;
		overflow: hidden;
		height: auto;
	}

	#add-update.collapsed { height: 15px; }

	#add-update-show-hide { font-size: 0.8em; cursor: pointer; margin-bottom: 0.5em; }

	#updates .update-meta,
	#add-update .update-meta { font-size: 0.9em; }

	#add-update .update-content,
	#updates .update-content { margin-top: 0.8em; }

	#add-update textarea,
	#updates.admin textarea {
		font-size: 1em;
		padding: 0.33em;
	}

	#add-update .edit-buttons,
	#updates .edit-buttons { margin: 0.33em 0; width: 650px; text-align: right; }

	#add-update .edit-header,
	#updates .edit-header { width: 480px; font-weight: bold; font-size: 1em; border: none; border-bottom: 1px solid grey; }

	#add-update .edit-content,
	#updates .edit-content { width: 640px; min-height: 120px; border: 1px solid grey; }

	#add-update .edit-header, #add-update .edit-content,
	#updates .edit-header, #updates .edit-content { font-family: 'PT Sans', Verdana, sans-serif; }

	#updates .update { margin: 1em 0; border: 1px solid white; }
	#updates .update:first-child { margin-top: 0; }
	#updates .update-content p { margin-bottom: 0.5em; }

	#updates.admin .update {
		border: 1px dashed white;
		padding: 0.5em 0.5em 0 0.5em;
		position: relative;
	}

	#updates.admin .update .update-edit { display: none; }

	#updates.admin .update:hover,
	#updates.admin .editing-update { border-color: grey; }

	#updates.admin .update:hover .update-edit,
	#updates.admin .editing-update .update-edit {
		display: inline;
		position: absolute;
		top: 0.5em; right: 0.5em;
	}

	/* ============= Control: Contact Form */
	#contact p { margin-top: 0.75em; }
	#contact label { font-size: 0.9em; font-weight: bold; }
	#contact input[type="radio"] { margin: 2px; }
	#contact textarea { font-size: 1em; font-family: 'PT Sans', Verdana; }

	#contact-name, #contact-house-number,
	#contact-street, #contact-topic, #contact-topic-other
	#contact-content, #contact-email, #contact-phone { font-family: 'Open Sans', Verdana }

	#contact-name, #contact-house-number,
	#contact-street, #contact-topic, #contact-topic-other { margin-bottom: 5px; }

	#contact-name { width: 320px; }
	#contact-house-number { width: 48px; }
	#contact-topic {  }
	#contact-topic-other {  }
	#contact-content { width: 480px; min-height: 120px; }
	#contact-email { width: 160px; }
	#contact-phone { width: 100px; }
	#contact-submit { width: 485px; text-align: center; }

	#submitted-request {
		width: 480px;
		margin: 0.5em 0; padding: 5px;
		border: 1px dashed black;
	}

	#submitted-request-content { white-space: pre-wrap; line-height: 1.1em; margin: 0.3em 0; }

	/* ============= Control: Resources */
	#resources li { margin-bottom: 0.5em; }

	/* ============= Control: Alert */
	#alerts {
		border: 2px solid red;
		margin-bottom: 0.5em; padding: 0.66em 1em;
		position: relative;
	}

	#alerts .alert { margin-bottom: 1em; }
	#alerts .section-header { font-size: 1.6em; text-transform: uppercase; text-align: center; }
	#alerts .alert-content { text-align: justify; }

	#alerts .alert-date {
		position: absolute;
		bottom: 0.66em; right: 1em;
		font-size: 0.9em;
	}

	#alert-hide { margin-top: 1em; text-align: center; display: none; }

	/* ============= Control: FAQ */
	#faq li { margin-bottom: 1em; }
	#faq .section-header:before { content: "Q: "; }
	#faq .section-header { margin-bottom: 0.25em; }

	/* ============ Page: Item Management */
	#item-management {
		font-size: 0.9em;
		margin-bottom: 1em;
	}

	#item-editing-form p,
	#item-listing-form p { margin-bottom: 1em; }

	#item-editing-form input[type='text'],
	#item-editing-form input[type='email'] { width: 240px; }

	#item-editing-form #alerts {
		border: none;
	}

	.delete-icon { vertical-align: middle; }

	table.item-listing { border-collapse: collapse;	}

	.item-listing tr.item-row { cursor: pointer; }
	.item-listing tr.item-row:hover { background-color: #FDEE00; }

	.item-listing td,
	.item-listing th { padding: 0.25em; border: 1px solid black; }

	.item-listing td.right,
	.item-listing th.right { text-align: right; }

	.item-listing td.center,
	.item-listing th.center { text-align: center; }

	.item-listing th {
		padding: 0.4em 0.3em;
		text-align: left;
		background-color: #536895;
		color: white;
	}

	.item-edit textarea {
		min-width: 42.85em; min-height: 22.9em; /* be 600x320 px */
	}
}