body {
  background:#faf5ff;
  margin:0pt;
  font-family:Arial,Helvetica,sans-serif;
}

a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { color:#222266; }

a img {
  border : 0px;
}

.imagelist li {
	list-style : none;
	margin-top : 2em;
}

.pagenav { font-size:small; }
.index { line-height: 150%; }
.navitem { font-size: small; }
.dateitem { text-align: right; font-size: x-small; }
/* Extra */

hr { 
	border : 0px;
	width : 100%; 
	height : 10px; 
	background-color : #c1c1c1;
	margin : 0px;
	padding : 0px;
}


.header img {
	margin-top : 5px;
	margin-bottom : -10px;
	margin-left : auto;
	margin-right : auto;
	width : 571px;
	height : 144px;
}

.header {
	text-align : center;
	font-size : small;
}

.header h2, .header h3 {
	padding : 1px;
}

/* An additional div is needed to allow "height : 100%" to be used for "menu" as it takes the height of
    the parent element */
#page-content { 
	position : absolute;
	width : 100%;
}

.menu {
	min-height : 18em;
	width : 22%;
	float : left;
	background : #e1e1e1;	
	font-size : small;
	margin : 0px;
	height : 100%;
	position : absolute;
	padding : 0px;
	padding-top : 0.5em;
}


.menu li {
	margin-top : 1em;
	list-style-type : none;
	left : 0px;
	margin-left : 5px;
}

.content {
	margin : 0px;
	margin-left : 22%;
	padding-left : 5px;
	padding-top : 0.5em;
	font-size : small;
}

#validate-picture {
        float : left;
}

#last-modified {
        float : right;
        font-size : x-small;
}