html, body {
  background-color: #E8E8E8;
  margin: 0 0;
 }

#wrapper {
  width: 1100px;
  margin: 0 auto;
}

#maincolumn {
  width: 750px;
  margin: 0 auto;
  /*
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
  */
}

header {
  margin: 20px auto;
  display: inline-block;
}

.logo {
  color: #333333;
  font-weight: lighter;
  font-size: 250%;
  padding: 0;
  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;
  display: table-cell;
}

.posix {
  color: #00A66C; 
}

#whenandwhere {
  color: #333333;
  font-weight: bold;
  font-size: 150%;
  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;
  margin-top: 0;
  margin-left: 50px;
  padding-top: 0;
  
}

nav {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 150%;
  float: left;
}

#menu {
  color:#333333;
}

#menu, #menu ul
{
  padding: 0;
  list-style:none;
}

#menu li {
  padding-bottom: 15px;
}

#menu a {
  padding: 5px 10px;
}

a {
  color: #333333;
  text-decoration: none;
}

a.active {
  background-color: #00A66C; 
  color: white;
}

a.active:hover {
  color: white;
}

a:hover {
  color: #00A66C;
}

main {
  width: 750px;
  float: right;
  color: #333333;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

a.intext {
  color: #00A66C;
}