body {
 margin: 0;
 padding: 0;
 font-family: georgia, times, "times new roman", serif;
 color: #000;
 background-color: #B3D1FF;
}
		
#container {
 margin: 1em 5%;
 background-color: #FFF;
 background-image:  url(images/background.jpg);
 background-repeat: repeat-y;
 border: 1px solid black;
}
		
#banner {
 background-color: #004D99;
 background-image:  url(images/logo_philia.jpg);
 background-repeat: no-repeat;  
 background-position: top right;
 border-bottom: 1px solid #333;
 color: white;
}
		
#banner h1 {
 margin: 0;
 padding: .5em;
}
		
#banner h3 {
 margin: 0;
 padding: .5em;
}
		                                                                         
#nav {
 float: left;
 width: 160px;
 margin-left: 10px;
 padding-top: 0.5em;
/* border: 1px solid red; */
}

#nav ul {
 list-style: none;
 margin: 0;
 padding: 0 0 0 0em;
}
#nav li {
 padding: 0;
 margin: 1em 0 0.25em 0;
 font-weight: bold;
}                                                                       

#nav a {
text-decoration: none;
}

#nav a:link {
 color: black;
}

#nav a:visited {
 color: #474747;
}
		
#content {
 padding-top: 1em;
 margin: 0 2em 0 200px;
 text-align: justify;
}
		
#content h2 {
 margin-top: 0;
}

#content li {
 margin-bottom: 0.6em;
}
		
#footer {
 clear: both;
 background-color: #666;
 padding: 0.5em 1em 0.5em 1em;
 text-align: right;
 border-top: 1px solid #333;
 background-color: #004D99;
 color: white;
}
		
#footer a {
 color: white;
 text-decoration: none;
}