@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

.nav ul {
  list-style: none;
  background-color: #444444;
  padding: 0;
  margin: 0;
}

.nav li {
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}

.nav a {
  text-decoration: none;
  color: #ffffff;
  display: block;
  border-bottom: 1px solid #888888;
  transition: .3s background-color;
}

.nav a:hover {
  background-color: #225588;
}

.nav a.active {
  background-color: #AAAAAA;
  color: #444444;
  cursor: default;
}

.nav li li {
  font-size: .8em;
}

@media screen {
  .nav li {
    width: 160px; 
    border-bottom: none;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-right: -4px;
  } }

  .nav a {
  	text-align: center;
  }

  .nav > ul > li {
  }

  .nav > ul > li > a {
    padding-left: 0;
  }

  /* Sub Menus */
  .nav li ul {
    position: absolute;
    display: none;
    width: inherit;
  }

  .nav li:hover ul {
    display: block;
  }

  .nav li ul li {
    display: block;
  }
.smaller {
	font-size: 80%;
	}
.back {
	background: #000000;
	height: 110px;
	border-bottom: #555555 solid 12px;
	padding-left: 5px;
	padding-top: 5px;
	}
#mainstuff {
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 30px;
  font-size: 90%;
}	
#letter {
	background-color: #FFFFFF;
	width: 600px;
	border: 1px black solid;
	padding: 45px 60px;
	font-size: 90%;
}
button  {
	background-color: #FFFFFF;
	box-shadow: 3px 3px 2px grey;}
	
.boxie {
	border: 1px solid black;
	padding: 3px 6px 3px 35px;
	text-indent: -2em;
	background-color: #FFFFFF;
}
.boo {
	border: 1px black solid;
	}
table {
	border: 1px solid black;
	border-collapse: collapse;
	}
th {
	background-color: #FFFFFF;
	border: 1px solid black;
	vertical-align: top;
	padding: 3px;
}
td {
	border: 1px solid black;
	vertical-align: top;
	padding: 10px;
	}	
.indent {
	text-indent: 20px;
	}