/* Webfonts */
@font-face {
	font-family: 'OpenSans';
	font-weight: normal;
	font-style: normal;
	font-display: auto;
	src: url("../font/OpenSansRegular.woff");
}
@font-face {
	font-family: 'OpenSans';
	font-weight: bold;
	font-style: normal;
	font-display: auto;
	src: url("../font/OpenSansBold.woff");
}
@font-face {
	font-family: 'OpenSans';
	font-weight: normal;
	font-style: italic;
	font-display: auto;
	src: url("../font/OpenSansItalic.woff");
}
@font-face {
	font-family: 'OpenSans';
	font-weight: bold;
	font-style: italic;
	font-display: auto;
	src: url("../font/OpenSansBoldItalic.woff");
}
@font-face {
	font-family: 'BradleyGratis';
	font-weight: normal;
	font-style: normal;
	font-display: block;
	src: url("../font/BradleyGratis.woff");
}
@font-face {
	font-family: 'Titillium';
	font-weight: normal;
	font-style: normal;
	font-display: auto;
	src: url("../font/titilliumregular.woff");
}
@font-face {
	font-family: 'Titillium';
	font-weight: bold;
	font-style: normal;
	font-display: auto;
	src: url("../font/titillium600.woff");
}
@font-face {
	font-family: 'Titillium';
	font-weight: normal;
	font-style: italic;
	font-display: auto;
	src: url("../font/titilliumitalic.woff");
}
@font-face {
	font-family: 'Titillium';
	font-weight: bold;
	font-style: italic;
	font-display: auto;
	src: url("../font/titillium600italic.woff");
}
@font-face {
	font-family: 'RobotoMono';
	font-weight: normal;
	font-style: normal;
	src: url("../font/RobotoMono300.woff");
}
@font-face {
	font-family: 'RobotoMono';
	font-weight: bold;
	font-style: normal;
	src: url("../font/RobotoMono500.woff");
}
@font-face {
	font-family: 'RobotoMono';
	font-weight: normal;
	font-style: italic;
	src: url("../font/RobotoMono300italic.woff");
}
@font-face {
	font-family: 'RobotoMono';
	font-weight: bold;
	font-style: italic;
	src: url("../font/RobotoMono500italic.woff");
}
/*.label {
	font-family: 'RobotoMono', monospace;
	font-size: 14pt;
	font-weight: bold;
	text-anchor: middle;
	dominant-baseline: central;
	alignment-baseline: central;
	cursor: pointer;
}
*/
/*
@font-face {
	font-family: 'OldLondon';
	font-weight: normal;
	font-style: normal;
	src: url("../font/OldLondon.woff");
}
@font-face {
	font-family: 'KochFraktur';
	font-weight: normal;
	font-style: normal;
	src: url("../font/KochFraktur.woff");
}
@font-face {
	font-family: 'Alice';
	font-weight: normal;
	font-style: normal;
	src: url("../font/Alice.woff");
}
*/
/* Styles */
body {
	margin: 0 auto;
	font-family: 'OpenSans', sans-serif;
	color: #808080;
}
a[href] {
	text-decoration: none;
	color: #376ca6;
}
a[href]:active {
	text-decoration: none;
	color: #ff0000;
}
a[href]:visited {
	text-decoration: none;
	color: #376ca6;
}
#frontpage {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#masthead {
	background: url("../img/ShadekeepManorBackingColour.png");
	vertical-align: middle;
	height: 300px;
	margin: 0 auto;
	padding: 0;
}
#content {
	background-color: #ffffff;
	width: 100%;
	max-width: 1200px;
	min-width: 960px;
	margin: 0 auto;
}
#logo {
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #c0c0c0;
	width: 300px;
	height: 300px;
	margin: 0 auto;
	padding: 0;
}
#footer {
	display: block;
	width: 100%;
	text-align: center;
	margin: 24px auto;
	font-size: 60%;
	color: #606080;
}
#centerhead {
	max-width: 1200px;
	min-width: 960px;
	margin: 0 auto;
}
#logoleft {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	color: #c0c0c0;
	width: 300px;
	height: 300px;
	margin: 0 auto;
	padding: 0;
}
#logoright {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	color: #c0c0c0;
	width: 154px;
	height: 300px;
	margin: 0 auto;
	padding: 0;
}
#maintitle {
	display: table-cell;
	width: 100%;
	font-family: 'BradleyGratis', 'Titillium', sans-serif;
	text-align: left;
	vertical-align: bottom;
	padding: 0px 0px 20px 36px;
	font-size: 64px;
	font-weight: normal;
	color: #b0c0f0;
}
#tagline {
	display: block;
	font-family: 'Titillium', sans-serif;
	text-align: left;
	vertical-align: bottom;
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 16px;
	color: #b0c0f0;
}
#mastitle {
	display: table-cell;
	width: 100%;
	text-align: left;
	vertical-align: bottom;
	padding: 0px 0px 50px 36px;
	font-family: 'BradleyGratis', 'Titillium', sans-serif;
	font-size: 48px;
	font-weight: normal;
	color: #b0c0f0;
}
#navstrip {
	display: block;
	font-family: 'OpenSans';
	font-weight: normal;
	font-size: 75%;
	width: 93%;
	margin: 0px auto;
	text-align: right;
}
#guide {
	text-align: justify;
	color: #000000;
}
.masttext {
	font-family: 'Titillium', sans-serif;
	font-size: 36px;
	width: 240px;
	margin-top: -160px;
	padding: 0 36px;
	display: inline-block;
	height: 80px;
	vertical-align: middle;
	height: 64px;
}
.textw {
	font-weight: normal;
	color: #c0c0c0;
}
.texts {
	font-weight: bold;
	color: #a0b0d0;
}
#title {
	font-family: 'BradleyGratis', 'Titillium', sans-serif;
	font-weight: normal;
	font-size: 400%;
	margin: 0 auto;
	padding: 16px 0 2px 0;
	color: #6070a0;
}
.subtitle {
	display: block;
	font-family: 'Titillium', sans-serif;
	font-weight: bold;
	font-size: 150%;
	width: 100%;
	color: #404040;
	background-color: #e0e0e0;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
}
#items {
}
.fullspan {
	display: block;
	width: 93%;
	min-height: 80px;
	margin: auto;
}
.column {
	display: inline-block;
	width: 30%;
	text-align: center;
	vertical-align: top;
/*			border: 1px solid #c0c0c0; */
/*			background-color: #e0e0e0; */
	border-radius: 16px;
	padding: 8px;
}
.columnspan {
	display: inline-block;
	width: 93%;
	text-align: center;
	vertical-align: top;
/*			border: 1px solid #c0c0c0; */
/*			background-color: #e0e0e0; */
	border-radius: 16px;
	padding: 8px;
}
.item {
	display: block;
	width: 100%;
	min-height: 180px;
	margin: 8px 0px;
	padding: 0px;
	text-align: left;
	color: #000000;
	vertical-align: top;
	border: 1px solid #c0c0c0;
	border-radius: 8px;
	background-color: #ffffff;
}
.itemc {
	display: block;
	width: 100%;
	margin: 8px 0px;
	padding: 0px;
	text-align: left;
	color: #000000;
	vertical-align: top;
	border: 1px solid #c0c0c0;
	border-radius: 8px;
	background-color: #ffffff;
}
.idesc {
	display: table-cell;
	vertical-align: top;
	padding: 0px 0px 0px 4px;
}
.ititle {
	font-family: 'OpenSans';
	font-weight: bold;
	font-size: 100%;
	margin: 0px 8px 4px 4px;
}
.ititle a[href] {
	color: #000000;
}
.isub {
	font-family: 'OpenSans';
	font-weight: normal;
	font-style: italic;
	font-size: 80%;
	margin: 0px 8px 8px 4px;
}
.ibody {
	font-family: 'OpenSans';
	font-size: 85%;
	margin: 0px 4px 4px 8px;
}
.iicon {
	display: table-cell;
	text-align: left;
	float: right;
	height: 100%;
	margin: 4px;
	padding: 6px;
	background-color: #0a0f79;
	background-image: linear-gradient(#000000, #0a0f79);
	font-size: 0;
	border-radius: 6px;
}
.iicon a[href] {
	display: block;
	padding: 0px;
	color: #000000;
}
.newshd {
	display: table;
	font-family: 'OpenSans';
	width: 100%;
	margin: 0px;
	background-color: #0a0f79;
	color: #ffffff;
}
.ntitle {
	display: table-cell;
	font-weight: normal;
	font-size: 100%;
	width: 100%;
	padding: 4px;
}
.ndate {
	display: table-cell;
	font-weight: normal;
	font-size: 60%;
	padding: 4px;
	white-space: nowrap;
}
.newsbd {
	display: block;
	font-family: 'OpenSans';
	font-weight: normal;
	width: 100%;
	margin: 0px;
}
.nrow {
	display: table-row;
	width: 100%;
}
.ndesc {
	display: table-cell;
	font-size: 80%;
	margin: 8px;
	padding: 8px;
}
.nlink {
	font-family: 'OpenSans';
	font-weight: normal;
	font-size: 80%;
	padding: 4px 8px;
	text-align: right;
}
.nlink a[href] {
	color: #6faf8f;
}
.nicon {
	display: table-cell;
	text-align: left;
	float: left;
	height: 100%;
	margin: 0px 4px;
	padding: 0px 6px;
/*	background-color: #0a0f79;
	background-image: linear-gradient(#000000, #0a0f79); */
	font-size: 0;
	border-radius: 6px;
}
.nicon a[href] {
	display: block;
	padding: 0px;
	color: #000000;
}
.nicon img {
	max-width: 150px;
}
.subdotm {
	display: block;
	font-family: 'Titillium', sans-serif;
	font-weight: bold;
	font-size: 150%;
	width: 100%;
	color: #404040;
	background-color: #b0c0f0;
	border: 1px solid #b0c0f0;
	border-radius: 8px;
}
.idotm {
	display: block;
	width: 100%;
	min-height: 208px;
	margin: 8px 0px;
	padding: 0px;
	text-align: left;
	color: #000000;
	vertical-align: top;
	border: 1px solid #c0c0c0;
	border-radius: 8px;
	background-color: #ffffff;
}
.icodotm {
	display: table-cell;
	text-align: left;
	float: left;
	height: 100%;
	margin: 4px 8px 4px 4px;
	padding: 6px;
	font-size: 0;
	border-radius: 6px;
}
.icodotm img {
	width: auto;
	max-width: 120px;
	height: auto;
	max-height: 150px;
	border: none;
}
.ilinks {
	font-family: 'OpenSans';
	font-weight: bold;
	font-size: 85%;
	padding: 4px 8px;
	text-align: right;
}
.ilinks a[href] {
	color: #6faf8f;
}
.dtitle {
	font-family: 'OpenSans';
	font-weight: bold;
	font-size: 100%;
	margin: 0px 8px 4px 8px;
}
.dtitle a[href] {
	color: #000000;
}
.ddate {
	font-family: 'OpenSans';
	font-weight: normal;
	font-size: 80%;
	margin: 0px 8px 8px 8px;
}
.dbody {
	font-family: 'OpenSans';
	font-size: 85%;
	margin: 0px 8px 4px 8px;
}
.ddesc {
	display: table-cell;
	vertical-align: top;
	padding: 0px 4px 0px 0px;
}
.dlinks {
	font-family: 'OpenSans';
	font-weight: bold;
	font-size: 85%;
	padding: 4px 8px;
	text-align: right;
}
.dlinks a[href] {
	color: #6faf8f;
}
.dabout {
	font-family: 'OpenSans';
	font-weight: normal;
	font-size: 80%;
	margin: 8px;
}
.fntimg {
	display: block;
	margin: 12px 4px 4px 4px;
	padding: 0;
	text-align: left;
}
.padblock {
	display: block;
	padding: 4px;
}
.ctxt {
	text-align: center;
}
#header {
	margin: 8px 8px 32px 8px;
	font-family: 'Titillium', sans-serif;
}
input {
	font-family: 'OpenSans', sans-serif;
}
textarea {
	font-family: 'OpenSans', sans-serif;
}
.formlabel {
	display: block;
	font-size: 11pt;
    margin-bottom: 1px;
    padding: 2px;
	white-space: none;
}
.formgadget {
	display: block;
    margin-bottom: 4px;
    padding: 2px;
}
.formgadgetinline {
	display: inline-block;
    margin-bottom: 4px;
    padding: 2px;
}
#summary {
	display: block;
	max-width: 1200px;
	min-width: 960px;
	width: 100%;
	margin: 1em auto;
	text-align: left;
	color: #000000;
}
#summary_image {
	display: table-cell;
	vertical-align: top;
}
#summary_text {
	display: table-cell;
	vertical-align: top;
	padding: 0px 0px 0px 8px;
}
p {
	margin: 0px 0px 1em 0px;
}
.preview {
	color: #000000;
	width: 263px;
}
.figure {
	display: block;
	text-align: center;
	padding: 4px;
	font-weight: bold;
}
.caption {
	display: block;
	text-align: left;
	font-size: 85%;
}
#credits {
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 32px 0 16px 0;
	text-align: center;
	font-size: 70%;
	color: #808080;
}
.annotate {
	display: block;
	max-width: 1200px;
	min-width: 960px;
	width: 100%;
	margin: 1em auto;
	text-align: left;
	color: #000000;
}
.annotate_image {
	display: table-cell;
	vertical-align: top;
}
.annotate_spacer {
	display: table-cell;
	vertical-align: top;
	width: 1em;
}
.annotate_text {
	display: table-cell;
	vertical-align: top;
	padding: 0px 0px 0px 1em;
	border-left: 1px solid #c0c0c0;
	font-size: 90%;
	color: #808080;
}
h1 {
	font-family: 'Titillium', sans-serif;
	font-weight: bold;
	font-size: 160%;
	margin: 0 auto;
	padding: 0 0 8px 0;
	color: #6070a0;
}
h2 {
	font-family: 'Titillium', sans-serif;
	font-weight: bold;
	font-size: 130%;
	margin: 0px auto 8px auto;
	padding: 0px;
	color: #6070a0;
	width: 100%;
	border-bottom: 1px solid #6070a0;
}
.guidelist {
	font-size: 90%;
	text-indent: 0px;
	margin: 0px 0px 1em 0px;
	padding-left: 1em;
}
.example {
	font-size: 90%;
	padding-left: 2em;
}
#proglinks {
	display: block;
	max-width: 1200px;
	min-width: 960px;
	width: 100%;
	text-align: center;
	padding: 16px;
}
#proglinks a {
	margin: 8px;
	padding: 12px;
	border: 1px solid #c0c0c0;
	border-radius: 8px;
	color: #000000;
	font-weight: bold;
}
.progdownload {
	background-color: #df8faf;
}
.progonline {
	background-color: #afcf5f;
}
.errormessage {
	display: block;
	margin: 8px auto;
	color: #804030;
}