html{
	padding: 2%;
}
.wrapper { 
  margin-top: 3em;
  display:block;
}

header{
	text-align: right;
	padding-bottom: 1%;
}
body{
	min-height: 100%;
	background: #FFF;
}

nav {
	font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	position: absolute;
	left: 0;
	font-weight: 500;
	table-layout: fixed;
	width: 100%;
	padding: 0 2% 0 2%;
}

nav a{
	color: #000;
	position: relative;
	font-size: 15px;
	text-align: center;
	float: inherit;
	display: table-cell;
	width: 13%;
	text-align: center;
}

nav a.other{
	float: left;
	text-decoration: none;

}
nav a:hover{
	text-decoration: underline;
}
nav a:active{
	text-decoration: none; 
	text-shadow: rgba(255,255,255,.3);
}		

nav  a.here{
	cursor: default;
	float: left;
	pointer-events: none;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
}

table{
      width: 100%;
        border-collapse: collapse;
}
table td{
    word-wrap: break-word;
    background-color: ivory;
	border: 3px solid black;
}

main {
	font-family: sans-serif;
	font-weight: 500;
	position: relative;
	border-width: 5px 5px 5px 0px;
	border-style: hidden;
	left: 0; top:100px; right:0; bottom:0;
	padding: 2%;
	margin: 0 5% 0 5%;
	color: #000;
}
.logo{
	background-color: transparent;
	text-align: right;
}

.focus{
	font-family: "Brush Script MT", cursive;
	font-size: 100px;
}