body{
  font-family: 'Lato', sans-serif;
  text-rendering: optimizeLegibility;
  background-color:#fff;
  color:#838384;
}

html, body	{
  height:100%;
   margin:0;
   padding:0;
}

#floater{
	display:none;
}
div.downloads{
	display:block;
}

div.rightSide{
	display:block;
}

div.subTitle{
	font-weight:700;
}

div.leftSide{
	display:block;
}

div.more{
	padding-top:.5em;
	padding-bottom:.5em;
}
div.more a{
	font-weight:300;
}

#fill{
	height:40%;
	position:relative;
}
#top{
	position:relative;
	margin:0 auto;
	width:50em;
	height:25%;
	text-align:right;
	vertical-align:bottom;
}
#top a{
	margin-top:auto;
	margin-bottom:0;
	vertical-align:bottom;
}

#content{
  clear:both; 
  position:relative; 
  margin:0 auto;
  font-weight:200;
  display:block;
}


div.Inactive{
	display:none;
	border-top:0.0625em solid #d1d2d4;
	border-bottom:0.0625em solid #d1d2d4;
	padding-left:2em;
}
div.Item{
	padding-top:.5em;
	padding-bottom:.5em;
} 

div.Item div.Title{
	font-weight:300;
	font-size:1.5em;
}

div.Item div.buttons a, div.Item div.buttons a:hover{
	background-color:#838384;
	color:#fff;
	border-radius:0.15em;
	-moz-border-radius: 0.15em;
	-webkit-border-radius: 0.15em;
	padding:0.3em;
	text-decoration:none;
	font-weight:300;
}
div.Item div.buttons{
	text-align:right;
	padding-top:.7em;
}

a, a.link, a.visited, a.active{
	color:#838384;
	text-decoration:none;
}

#menu{
	width:20em;
	float:right;
}

#menu a.menuItem{
	font-size:2em;
	display:block;
	padding-top:.25em;
	padding-bottom:.25em;
}

div.floatRight{
	display:none;
}

div.logo{
  display:block;
  width:18em;
  margin-top:2em;
  margin-bottom:2em;
  height:5em;
  margin-right:auto;
  margin-left:auto;
}

div.logo div.text{
	margin-top:auto;
	margin-bottom:auto;
  	font-size:18pt;
  	font-weight:300;
}

div.logo div.Title span.big{
  display:block;
  font-size:1.5em;
  font-weight:700;
}

div.logo div.SubTitle{
  font-size:.5em;
}

div.logo div.dots{
	margin-top:auto;
	margin-bottom:auto;
	width:7em;
	height: 6em;
	float: left;
	background-image: url("/graphics/dots.svg");
	background-repeat: no-repeat;
	background-size: 7em auto;
}
div.logo div.dots img{
  width:7em;
  float:left;
  display: none;
}
div.logo div.text{
  text-align:right;
}
div.logo div.Title{
  align:right;
  text-align:left;
}
div.logo div.text div.SubTitle{
  text-align:right;
  clear:both;
  position:relative;
  top:-1.5em;
}

div.logo div.SubTitle b{
	font-weight:700;
}



div.leftSection{
	text-align:center;
	display:block;
	padding-top:1em;
	padding-bottom:2em;
	min-width:22em;
}
div.rightSection{
	display:block;
}

div.rightSection div.sectionActive, div.rightSection div.sectionHold{
	margin-left:1em;
}

div.rightSection div.section{
	display:none;
}


div.leftSection a.section{
	display:inline;
	color:#000000;
	padding:0.625em;
	text-decoration:none;
}

div.leftSection a.sectionActive{
	display:inline;
	padding:0.625em;
	color:#000000;
	border-bottom:0.0625em solid #a7a8a8;
	border-top:0.0625em solid #a7a8a8;
	text-decoration:none;
}
div.mobileExit{
	display:block;
	text-align:center;
}
div.slidemes{
	display:block;
	text-align:left;
	font-size:.8em;
}

div.sectionsubtitle{
    display:block;
    font-size:1.5em;
    color:black;
    margin-top:1em;
    margin-bottom:1em;
}

span.sectionsubtitle{
    border-bottom:1px solid black;
}

div.buttons a, div.buttons a:hover{
	background-color:#838384;
	color:#fff;
	border-radius:0.15em;
	-moz-border-radius: 0.15em;
	-webkit-border-radius: 0.15em;
	padding:0.3em;
	text-decoration:none;
	font-weight:300;
    white-space:nowrap;
}
div.buttons{
	text-align:right;
	padding-top:.7em;
}
div.desktopExit{
    display:none;
}

@media (prefers-color-scheme: dark) {
	/* Overrides for Dark Mode. */
	body {
		background-color:#1e1f22;
  		color:#fff;
	}
	div.logo div.SubTitle{
		color: #fff;
	}
	a, a.link, a.visited, a.active{
		color:#fff;
	}
	div.buttons a, div.buttons a:hover{
		background-color:#343538;
		color:#fff;
	}
	div.Item div.Title{
		color:#fff;
	}
	div.logo div.dots{
		background-image: url("/graphics/dotsWhite.svg");
	}
	div.leftSection a.section, div.leftSection a.sectionActive{
		color: #fff;
	}
	div.sectionsubtitle{
		color: #fff;
	}
	span.sectionsubtitle{
		border-bottom:1px solid white;
	}
}