body {
	background-repeat: repeat;
	background-position: top left;
	background-attachment: fixed;
	font-family: "Lexend", sans serif;
	font-size: 16px;
	color:#1b1d1e;
	line-height: 1.6em;
	}
	
	a:link { color: #fd971f; text-decoration:underline #1b1d1e solid 1px; }
	a:visited { color: #fd971f; text-decoration:underline #1b1d1e solid 2px; }
	a:hover { color: #1b1d1e; text-decoration:underline #fd971f solid 1px; }

.container {
	display: grid;
	grid-template:
		"myHeader myHeader"
		"mySidebar myMainContent"
		"mySidebar myMainContent"
		/ 1.5fr 4fr;
	grid-gap: 24px;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	margin-top:5%;
}

header { 
	grid-area: myHeader;
}

aside { 
	grid-area: mySidebar;
}

.box {
	margin-left:0;
	width:90%;
	padding:12px;
	background:#fff;
	border-bottom:2px solid #1b1d1e;
	border-right:2px solid #1b1d1e;
	border-left:2px solid #fff;
	border-top:2px solid #1b1d1e;
	box-shadow: rgba(27,29,30,.4) 6px 8px;
	scrollbar-width: thin;
    scrollbar-color: #3e3d32 #fff;
	font-size: 16px;
}

.boxbar {
	width:90%;
	padding:12px;
	background:#fd971f;
	border-bottom:2px solid #1b1d1e;
	border-right:2px solid #1b1d1e;
	border-left:2px solid #e6db74;
	border-top:2px solid #e6db74;
	font-family: "Tiny5", sans-serif;
	color:#fff;
	font-size: 26px;
	text-align:right;
	box-shadow: rgba(27,29,30,.4) 6px 8px;
	margin-top:24px;
}

main { 
	grid-area: myMainContent;
	width:100%;
}

#content {
	background:#fff;
	border-bottom:2px solid #1b1d1e;
	border-right:2px solid #1b1d1e;
	border-left:2px solid #fff;
	border-top:2px solid #1b1d1e;
	box-shadow: rgba(27,29,30,.4) 6px 8px;
	padding:24px;
	z-index:900;
}

#contentbar {
	padding:6px;
	background:#fd971f;
	border-bottom:2px solid #1b1d1e;
	border-right:2px solid #1b1d1e;
	border-left:2px solid #e6db74;
	border-top:2px solid #e6db74;
	font-family: "Tiny5", sans-serif;
	color:#fff;
	font-size: 28px;
	box-shadow: rgba(27,29,30,.4) 6px 8px;
}

.jumpbox2 {
	position:fixed;
	margin-top:20px;
	margin-left:684px;
	height:24px;
	width:72px;
	overflow:hidden;
	padding:16px;
	background:#fff;
	border-top:2px solid #1b1d1e;
	border-bottom:2px solid #1b1d1e;
	border-right:2px solid #1b1d1e;
	border-left:4px solid rgba(27,29,30,.4);
	box-shadow: rgba(27,29,30,.4) 6px 8px;
	font-size: 14px;
	transition: 0.7s;
}

.jumpbox2:hover {
	margin-top:0px;
	margin-left:654px;
	width:180px;
	height:410px;
	border:2px solid #1b1d1e;
	transition: 1s;
}

#jumpbox2title {
	font-family: "Tiny5", sans-serif;
	color:#fd971f;
	font-size:26px;
}

#jumpbox2body {
	margin-top:20px;
	height:324px;
	width:180px;
	border:1px solid #1b1d1e;
	overflow-y:scroll;
	overflow-x:hidden;
    scrollbar-color: #fd971f #fff;
}

#tools {
	position:fixed;
	bottom:10px;
	margin-left:700px;
	width:120px;
	font-size:14px;
}

.acctools {
	width:120px;
	margin-bottom:12px;
	border:2px solid #1b1d1e;
	display: inline-block;
}

.acctools:hover {
	background:#adf1ff;
	color:#1b1d1e;
}

.button1 {
  background-color: #fff;
  border:0px;
  padding: 8px;
  text-align: left;
  text-decoration:none;
  display: inline-block;
  font-size: 24px;
  margin: 0px;
  transition-duration: 0.2s;
  cursor: help;
  width:90%;
  height:30px;
  font-family: "Tiny5", sans serif;
  border-bottom:1px solid #1b1d1e;
}

.button1:hover {
  background-color:#adf1ff;
}

.button1 img {
	float:right;
	margin-top:-2px;
	visibility:hidden;
}

.button1:hover img {
	visibility:visible;
	transition-duration: 0.2s;
}

.button2 {
  background-color: #fff;
  border:0px;
  padding: 8px;
  text-align: left;
  text-decoration:none;
  display: inline-block;
  font-size: 16px;
  margin: 0px;
  transition-duration: 0.2s;
  cursor: help;
  width:140px;
  height:24px;
  font-family: "Lexend", sans serif;
  border-bottom:1px dashed #1b1d1e;
}

.button2:hover {
  background-color:#adf1ff;
}

.button3 {
  background-color:#fff;
  padding:12px;
  text-align:center;
  display: inline-block;
  font-size: 22px;
  transition-duration: 0.2s;
  font-family: "Lexend", sans serif;
  border:2px solid #fff;
  outline:2px dashed #fd971f;
}

.button3:hover {
  background-color:#adf1ff;
  border:2px solid #fff;
  outline:2px dashed #1b1d1e;
}

#newsboxinner {
	float:right;
	width:80%;
	border:4px solid #adf1ff;
	padding:12px;
	height:70px;
	overflow-y:scroll;
	scrollbar-color: #fd971f #fff;
	font-size:14px;
}

#whatsnew {
	height:100px;
	padding:12px;
}

hr {
	border:2px dashed #fd971f;
}

subtxt {
	color:#1b1d1e;
	font-size:14px;
}

h1 {
	color:#fd971f;
	font-family: "Lexend", sans-serif;
	font-size:32px;
	margin-top:10px;
	text-decoration:underline 6px solid #adf1ff;
	margin-bottom:8px;
}

h2 {
	font-family: "Tiny5", sans-serif;
	color:#fd971f;
	font-size: 32px;
	border-bottom:3px double #1b1d1e;
}

h3 {
	font-size:18px;
	letter-spacing:1.2px;
	margin-bottom:4px;
}

summary {
	font-family: "Tiny5", sans-serif;
	color:#fd971f;
	font-size: 28px;
	border-top:1px solid #1b1d1e;
	border-left:1px dashed #1b1d1e;
	border-right:1px dashed #1b1d1e;
	border-bottom:3px double #1b1d1e;
	margin-bottom:12px;
	margin-top:12px;
	padding:6px;
}

summary:hover {
	background:#fd971f;
	color:#fff;
	cursor:pointer;
}

summary:focus {
	background:#fd971f;
	color:#fff;
}
	
table {
	vertical-align:top;
}

td {
	padding:6px;
}

tr {
}

ul {
	margin-left:-4px;
	margin-top:-2px;
}

button {
	border:2px dashed #fd971f;
	background:#fff;
	padding:12px;
	color:#1b1d1e;
	font-family:Lexend;
}

button:hover {
	background:#fd971f;
	color:#fff;
}