body {
	background: #FFF;
	max-width:800px;
	}

.head {
	display:inline-block;
	text-align:center;
}

.head img {
	height:80px;
}

span.name {
	font-size: 1.8em;
	vertical-align:text-bottom;
}

span.school {
	font-size: 2.2em;
	vertical-align:text-bottom;
}

div.title {
	display:inline-block;
}
.logo { float:left; }
.initials { float:right; }

.menucontainer {
	clear:both;
}

.menu {
	display:inline-block;
}

.menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	border: 1px solid #000;
	width:auto;
	background-color:#c7d1ff;
}

.menu li {
	display: inline;
	white-space:nowrap;
	border-left: 2px solid #000;
}

.menu li:first-child {
	border:none;
}

.menu li.active {
	background-color:#c7ffd1;
}

.menu a {
	margin:0 2em;
}

.content {
	margin: 0 1em;
}

.syll_head {
	border-top:dotted 1px #000;
}

.syll_head:first-child {
	border:none;
}