body {
		font-family: 'verdana'; 
		font-size:16pt;
		background-color: #BBBBBB;
		margin: 0;
		padding: 0;
}

.menu {
	top:0px;
	right:0;
	width:100%; 
	background-color: #3838FD;
	height: 50px;
	position:fixed;
	overflow: hidden;
}

.logo {
  width: 251px;
  height: 40px;
  margin:34;
}

.content {
	margin:15px;
	left:20;
}

.print {
	font-size:11px;
	
}

nav ul {
  list-style: none;
  padding: 0;
  top:0px;
  margin: 0;
}

nav {
  float: right;
  margin: 0;
  top:0px;
}

li {
  display: inline;
  top:0px;
  padding: 15px;
}

nav a {
  text-decoration: none;
  color: #FFFFFF;
  display: inline-block;
  padding-top: 15px;
  top:0px;
}

nav a:hover {
  color: #FF0000;
}

nav a:active {
  font-weight: bold;
}

@media screen and (max-width: 20px) {
  nav {
    width: 100%;
    margin-top: -5px;
	top:0px;
  }

  nav li {
    display: block;
    background-color: #e5e5e5;
    text-align: center;
  }
 }

{
  font-family: Verdana, sans-serif;
}
	.box { 
		width:155px;
		background: #FFFFFF;
	}
	.numbers1 {
		float:left;
		width:80px;
		font-size:14px;
		background: #ffffff;
		white-space:nowrap;
		border-color:#3838FD;
		border-style: solid;
		padding:1px;
		margin:5px;
	}	
	.inputs1 {
		 margin-left:5px;
		 background: #ffffff;
		 padding:2px;
		 margin:5px;
		 width: 35px;
	}