@font-face {
	font-family: 'BerenikaBold';
  src:	url('/Berenika-Bold.woff') format('woff'),
				url('/Berenika-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Abel';
	src:	url('/Abel.woff2') format('woff2'),
				url('/Abel.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html {
	width:100%;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
	width:100%;
  background-color:#222;
  padding:0px;
	margin:0px;
	font-family:'Abel', sans-serif;
  font-size:16px;
}

ul.header {
	list-style:none outside none;
	padding:0px;
	margin:0px;
	text-align:center;
}

li.header {
	display:inline;
	padding:0px;
	margin:0px;
}

a {
  color:#b00;
  font-family:'Abel', sans-serif;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
}
a:link {color:#b00;}
a:visited {color:#b00;}
a:hover {color:#fff; background-color:#b00;}

a.header {
  font-family:'BerenikaBold', sans-serif;
	font-size:14px;
	color:#fff;
	background-color:#000;
	padding:1px 4px 1px 4px;
	margin:0px;
	border:1px solid #fff;
}
a:link.header {color:#fff;}
a:visited.header {color:#fff;}
a:hover.header {color:#fff; background-color:#b00;}

a.header-active {
  font-family:'BerenikaBold', sans-serif;
	font-size:14px;
	color:#b00;
	background-color:#000;
	padding:1px 4px 1px 4px;
	margin:0px;
	border:1px solid #fff;
}

h1 {
	text-align:center;
	font-family:'BerenikaBold', sans-serif;
	font-size:30px;
	font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px;
  color:#000;
}

h2 {
	font-family:'Abel', sans-serif;
	font-size:24px;
	font-weight:bold;
  padding:0px;
	color:#000;
}

h3 {
	font-family:'Abel', sans-serif;
	font-size:20px;
	font-weight:bold;
  padding:0px;
	color:#000;
}

h4 {
	font-family:'Abel', sans-serif;
	font-size:16px;
	font-weight:bold;
  padding:0px;
	color:#000;
}

p {
	font-family:'Abel', sans-serif;
  font-size:16px;
	text-align:justify;
  padding:0px;
}

p.rightaligned {
	text-align:right;
}

div img {
	max-width: 100%;
}

li img {
	max-height:1.5em;
	vertical-align:middle;
}

.socialA:hover {
  text-decoration:none;
  background:#fff;
}

.socialI {
	width:32px;
	vertical-align:top;
}

.hundred {
	width:100%;
}

.seventy {
	width:70%;
}

.fortyfive {
	width:45%;
}

iframe.aspect_ratio {
	border-width:0px;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}

div.aspect_ratio {
	position:relative;
	width:100%;
	height:0;
}

table {
	margin-top:2ex;
  border:0px solid #b00;
	border-collapse:collapse;
}

th {
  padding:0ex 1ex;
  border:1px solid #bbb;
}

td {
  padding:0ex 1ex;
  border:1px solid #bbb;
}

td.dashed {
  padding:0ex 1ex;
  border:1px dashed #b00;
}

td.media {
  padding:0ex 1ex;
  border:0px dashed #b00;
}

tr {
  padding:0px 0px 0px 0px;
}

dl {
	width:80%;
	overflow:hidden;
	margin-top:0;
}

dt {
	float:left;
	font-weight:bold;
	width:5%;
}

dd {
	float:left;
	font-style:italic;
	width:95%;
	margin:0;
}

.hideable {
	margin-left:2ex;
	border-bottom:1px solid #bbb;
}

.feedrule {
	border-bottom:1px solid #bbb;
}

.ruled {
	border-top:1px solid #bbb;
	padding-bottom:2ex;
}

.grey {
	color:#999;
}

.osc {
	font-weight:bold;
}

pre {
	font-size:small;
	background-color:#bbb;
	white-space:pre-wrap;       /* CSS3 */
	white-space:-moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space:-pre-wrap;      /* Opera 4-6 */
	white-space:-o-pre-wrap;    /* Opera 7 */
	word-wrap:break-word;       /* IE 5.5+ */
}

.fixed_small {
	width:300px;
}

/* non-responsive fallbacks for IE8 */
.fixed_large {
	width:auto;
	max-width:600px;
}

.content_title {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:640px;
	margin:0px auto 0px auto;
	background-color:#fff;
	padding:5px;
}

.content_menu {
	position:-webkit-sticky;
	position:sticky;
	top: 0;
	z-index:9999;
	width:640px;
	margin:0px auto 0px auto;
	background-color:#fff;
	padding:5px;
	border-bottom:4px solid #222;
}

.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:640px;
	margin:0px auto 0px auto;
	background-color:#fff;
	padding:5px;
}

.announcement {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:640px;
	margin:0px auto 0px auto;
	background-color:#fff;
	padding:5px;
}

.donation {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:640px;
	margin:0px auto 0px auto;
	background-color:#fff;
	padding:5px;
}

/* responsive definitions for proper browsers */
@media(max-width:320px) {
	.fixed_large {
		width:300px;
	}

	.content_title {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:320px;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
	}

	.content_menu {
		position:-webkit-sticky;
		position:sticky;
		top: 0;
		z-index:9999;
		width:320px;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
		border-bottom:4px solid #222;
	}

	.content {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:320px;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
		border-bottom:4px solid #222;
	}

	.announcement {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:320px;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
	}
	
	.donation {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:320px;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
	}
}

@media(min-width:321px) and (max-width:640px) {
	.fixed_large {
		width:300px;
	}

	.content_title {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:100%;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
	}

	.content_menu {
		position:-webkit-sticky;
		position:sticky;
		top: 0;
		z-index:9999;
		width:100%;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
		border-bottom:4px solid #222;
	}

	.content {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:100%;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
		border-bottom:4px solid #222;
	}
	
	.announcement {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:100%;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
	}
	
	.donation {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:100%;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
	}
}

@media(min-width:641px) {
	.fixed_large {
		width:auto;
	}

	.content_title {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:640px;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
	}

	.content_menu {
		position:-webkit-sticky;
		position:sticky;
		top: 0;
		z-index:9999;
		width:640px;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
		border-bottom:4px solid #222;
	}

	.content {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:640px;
		margin:0px auto 0px auto;
		background-color:#fff;
		padding:5px;
		border-bottom:4px solid #222;
	}
}

@media(min-width:1153px) {
	.announcement {
		position:fixed;
		bottom:0px;
		left:0px;
		width:256px;
		background-color:#fff;
		padding:5px;
	}
	
	.donation {
		position:fixed;
		bottom:0px;
		right:0px;
		width:256px;
		background-color:#fff;
		padding:5px;
	}
}