@charset "UTF-8";

/* OLD WEBFONTS
@font-face {
  font-family: BauWebPro;
  src: url("BauWebPro.woff") format("woff");
}

@font-face {
  font-family: BauWebPro-Medium;
  src: url("BauWebPro-Medium.woff") format("woff");
}
*/

/* NEW WEBFONTS (2018-02) */
@font-face{
    font-family:"BauWebPro-Bold W03 Regular";
    src:url("BauWebNew/1464538/1cf008cb-fd2b-439b-b653-bd99c394b226.eot?#iefix");
    src:url("BauWebNew/1464538/1cf008cb-fd2b-439b-b653-bd99c394b226.eot?#iefix") format("eot"),url("BauWebNew/1464538/23417b34-90fd-4c55-8e26-15cbf737f35f.woff2") format("woff2"),url("BauWebNew/1464538/573513e4-80ea-4a6c-8c8e-388824bda4eb.woff") format("woff"),url("BauWebNew/1464538/651c5087-ee41-426e-8e7f-7ea214210e74.ttf") format("truetype");
	}

@font-face{
    font-family:"BauWebPro-Italic W03 Regular";
    src:url("BauWebNew/1464546/a83a157e-03a4-4a68-93b0-11d4c95bd3e6.eot?#iefix");
    src:url("BauWebNew/1464546/a83a157e-03a4-4a68-93b0-11d4c95bd3e6.eot?#iefix") format("eot"),url("BauWebNew/1464546/a797687c-d924-4929-8cb4-b5f04b5f15e8.woff2") format("woff2"),url("BauWebNew/1464546/830d793c-a4ec-4862-bd9e-5d2e8b15e6b4.woff") format("woff"),url("BauWebNew/1464546/409d78f6-e1bf-40d1-b9c1-66e925a0b9fd.ttf") format("truetype");
	}

@font-face{
    font-family:"BauWebPro-Medium W03 Regular";
    src:url("BauWebNew/1464550/22fe69d5-5930-4635-8ff6-1f71f198bedd.eot?#iefix");
    src:url("BauWebNew/1464550/22fe69d5-5930-4635-8ff6-1f71f198bedd.eot?#iefix") format("eot"),url("BauWebNew/1464550/a8e05891-1f42-4a36-a90d-f50b06526f83.woff2") format("woff2"),url("BauWebNew/1464550/559f03eb-f9da-4c33-be38-888d2ed5774e.woff") format("woff"),url("BauWebNew/1464550/727b1df3-6dc0-4484-9ad6-368c8b57309b.ttf") format("truetype");
	}

@font-face{
    font-family:"BauWeb W03 Regular";
    src:url("BauWebNew/1464566/8e927aa4-825c-4ef9-9452-d91b8684f124.eot?#iefix");
    src:url("BauWebNew/1464566/8e927aa4-825c-4ef9-9452-d91b8684f124.eot?#iefix") format("eot"),url("BauWebNew/1464566/b86fa9c0-5a18-4913-998a-6e0f21b1964f.woff2") format("woff2"),url("BauWebNew/1464566/90965416-189d-4a82-a387-0fc352afd24f.woff") format("woff"),url("BauWebNew/1464566/89f10d9b-3885-419d-af77-07a79f346e08.ttf") format("truetype");
	}

html {
    font-size: 62.5%; /* see this website for more info: https://www.sitepoint.com/understanding-and-using-rem-units-in-css/ */ 
}

#NUBmainBody {
	margin: 0;
	padding: 0;
	}
	
#container {
	position: relative;
	margin-top: 50px;
	left: 100px;
	width: 800px;
/*	background-color: #ff8078; */
	}

.content {
	width: 800px;
	}

#logo {
	position: relative;
	top: 0px;
	left: -5px;
	margin-bottom: 2.0em;
	}

.baumedium {
/*	font-family: BauWebPro-Medium, sans-serif; */
	font-family: "BauWebPro-Bold W03 Regular", sans-serif;
/*	color: #9cff00; very good green */
/*	color: #ffcc00; petrol */
	color: #ffcc00;
	}

#greenhighlight {
	color: #ffcc00;
	}

.bar {
/*	margin-left: 15%; */
	margin-top: 1.6em;
	margin-bottom: 1.3em;
	height: 0.8em;
	width: 40%;
	background-color: #ffcc00;
	}

.barbottom { /*same as .bar but with larger margin-bottom */
/*	margin-left: 15%; */
	margin-top: 1em;
	margin-bottom: 3em;
	height: 0.8em;
	width: 40%;
	background-color: #ffcc00;
	}

.bartop { /*same as .bar but with larger margin-top */
/*	margin-left: 15%; */
	margin-top: 3em;
	margin-bottom: 1.3em;
	height: 0.8em;
	width: 40%;
	background-color: #ffcc00;
	}

.bartopbottom { /*same as .bar but with larger margin-top */
/*	margin-left: 15%; */
	margin-top: 3em;
	margin-bottom: 3em;
	height: 0.8em;
	width: 40%;
	background-color: #ffcc00;
	}

.barlong {
/*	margin-left: 15%; */
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	height: 0.8em;
	width: 100%;
	background-color: #ffcc00;
	}

.barbottomlong { /*same as .bar but with larger margin-bottom */
/*	margin-left: 15%; */
	margin-top: 1em;
	margin-bottom: 3em;
	height: 0.8em;
	width: 100%;
	background-color: #ffcc00;
	}

.bartoplong { /*same as .bar but with larger margin-top */
/*	margin-left: 15%; */
	margin-top: 3em;
	margin-bottom: 1.3em;
	height: 0.8em;
	width: 100%;
	background-color: #ffcc00;
	}

.bartopbottomlong { /*same as .bar but with larger margin-top */
/*	margin-left: 15%; */
	margin-top: 3em;
	margin-bottom: 3em;
	height: 0.8em;
	width: 100%;
	background-color: #ffcc00;
	}

.halfbar {
	height: 0.8em;	
	}
	
.aftertitle {
	height: 0.0em;	
	}

.BGcolor {
	background-color: #404040;
	}

.link:link {
	color: #ffffff;
/*	font-family: BauWebPro, sans-serif; */
	font-family: "BauWeb W03 Regular", sans-serif;
/*	text-decoration: underline; */
	text-decoration-skip: ink;
	}

.link:visited {
	color: #ffffff;
	}

.link:hover {
	color: #ffcc00;
	}

.link:active {
	color: #ffcc00;
	}

.bloglink:link {
	color: #000000;
/*	font-family: BauWebPro, sans-serif; */
	font-family: "BauWeb W03 Regular", sans-serif;
/*	text-decoration: underline; */
	text-decoration: none;	
	}

.bloglink:visited {
	color: #000000;
	}

.bloglink:hover {
	color: #00c4b3;
	}

.bloglink:active {
	color: #00c4b3;
	}
	
.picnote {
	width: 800px;
	margin-top: 0.6em;
	margin-bottom: 4.5em;
	}

.paragraph {
	margin-bottom: 1.0em;
	}
/*
.BauRegularItalic {
	font-family: "BauWebPro-Italic W03 Regular", sans-serif;
	font-style: italic;
	}
*/

h1, h2, h3, h4, h5, h6, p, span, li {
/*	font-family: BauWebPro, sans-serif; */
	font-family: "BauWeb W03 Regular", sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	letter-spacing: 0.01em;
	font-feature-settings: "onum" on; /* old style figures */
	-webkit-font-smoothing: antialiased; /* Remedy for too fat rendering. Works in Safari Mac only  */
	-moz-osx-font-smoothing: grayscale; /* Remedy for too fat rendering. Works in Firefox Mac only */
	}

p > em {
	font-family: "BauWebPro-Italic W03 Regular", sans-serif;
	font-style: normal;
	}
	
p > strong {
	font-family: "BauWebPro-Bold W03 Regular", sans-serif;
	font-style: normal;
	color: #ffcc00;
	letter-spacing: -0.01em;
	}

p, li {
	font-size: 2.1rem;		/* 2.1rem = 21px > see this website for more info: https://www.sitepoint.com/understanding-and-using-rem-units-in-css/ */ 
/*	line-height: 1.38em; */
	line-height: 1.4em;
	}

span {					/* This crap compensates for the line height changing when Bau Bold is in a <span> inside a <p> on the same line with Bau Regular. Fuck this kind of shit. */
	line-height: 1em;
	}

p + ul {
	display: inline;
	}

ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

li {
	padding-left: 0.9em;
	text-indent: -0.9em;
	}

li:before {
	content: "\2192";
	color: #ffcc00;
	padding-right: 0.3em;
	}
	
#last {
	margin-bottom: 14.0em;
	}

ol {
	font-variant-numeric: tabular-nums;
	}
	
.footnoteContent {
	font-variant-numeric: lining-nums;
	line-height: 1.4em;
	}