@font-face {
font-family: "VGA";
src: url("fonts/VGA437.ttf");
}

body {
  background-color: #000993;
  font-size: 24px;
  font-family: "VGA";
  color: #e8f0ff;
  margin: 0 0;
  height: 100%; 
  overflow: hidden;
}

input {
  display:none;
}

ul {
  list-style-type: none;
  padding: 0px 0px  ;
}

li {
  margin: 10px auto;
  cursor:default;
}


.pageframe {
  margin: auto;
  width: 1200px;
  background-color: #000993;
  height:100vh;
  padding: 20px 0px;
}

.page {
  margin: 0 auto;
  border-style: solid;
  border-width: 2px;
  width: 1000px;
  background-color: #000993;
  height: 600px;
}

.header {
  padding: 0px;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
}

.logo {
  margin: 0 auto; 
  text-align: center;
  width: 600px;
  padding: 10px;
}

.workarea {
  background-color: #6482bc;
  width: 98%;
  margin: 10px auto;
  height: 400px;
  padding: 40px 0px 0px 0px;
}

.footer {
  border-style: solid;
  border-width: 2px 0px 0px 0px;
  padding: 10px;
}

.window {
  background-color: #000993;
  height: 350px;
  width: 300px;
  padding: 5px;
  position: absolute;
  margin: 0 100px;
}

.window_right {
  background-color: #b20101;
  margin: 0 100px;
  height: 350px;
  width: 300px;
  padding: 5px; 
  float: right;
}

.innerwindow {
  border-style: double;
  border-width: 4px;
  width: 280px;
  margin: 5px auto;
  height: 330px;
  padding:2px;
  text-align:center;
}

.grayheader {
  text-align: center;
  color: #000993;
  background-color: #a0a0a0;
}

select {
	width: 250px;
	height: 280px;
	margin: 10px auto;
	background-color: #000993;
	border: none;
	color: #e8f0ff;
	font-size: 24px;
	font-family: "VGA";
	overflow-y: scroll;
}



/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #e8f0ff;
}

/* Handle */
::-webkit-scrollbar-thumb {

  background: #a0a0a0; 
  border-radius: 0px;
}

.about {
  cursor: default;
  height: 100%;
  width: 800px;
  margin: 0px auto;
  visibility: hidden;
}