body {
 font-size: 12px;
 font-family: Lucida Grande, Verdana, sans-serif;
 width: 53em;
 margin-left: auto;
 margin-right: auto;
 margin-top: 2em;
}

#wrapper {
 border-left: 1px dashed gray;
 border-bottom: 1px dashed gray;
 float: left;
 width: 75%;
 padding-left: 1em;
 margin-bottom: 1em;
}

h1, h2, h3, h4 {
  #clear: both;
  font-size: 1.2em;
  margin: 16px 0 0px 0;
}  
h1 {font-size: 16px; margin: 0;}
h2 {font-size: 13px; margin: 0;}
p {margin: .1em 0 1em 0; }
.icon { float: left; padding-right: 10px; }
p.motto { color: gray; }
a.hiddenlink { text-decoration: none; color: gray; }

ul.contact { list-style-type: none; }

#menu
{
	float: left;
	width: 15%;
	text-align: center;
	/* border: 1px solid red; */
	/* margin-right: 0em; */
	border-top: 1px dashed gray;
}

#menu a
{
	color: inherit;
	display: block;
	padding: 1em;
	font-family: verdana, sans-serif;
	font-size: small;
	text-decoration: none;
	border: 1px solid white;
}

#menu a:hover
{
	background: #f7f7f7;
	text-decoration: none;
	color: inherit;
	border-bottom: 1px dashed gray;
	border-top: 1px dashed gray;
	border-left: 1px dashed gray;
}

#menu a:first-child:hover
{
	border-top: 1px solid white;
}

td 
{ 
	vertical-align: top; 
}