* {
  box-sizing: border-box;
}

.menu {
  float: left;
  width: 20%;
  text-align: center;
}

.menu a {
/*   background-color: #686BA2;  */ /* blue background */
	background-color: #a1c9c9 ;
  padding: 8px;
  margin-top: 7px;
  display: block;
  width: 100%;
  color: black;
}

.menu p {
	background-color: #db9487 ;
	padding: 8px ;
	margin-top: 7px ;
	margin-bottom: -1px ;
	display: block ;
	width: 100% ;
}

.main {
  float: left;
/*  width: 60%; */
	width: 80%;
  padding: 0 20px;
}

/*.right {
  background-color: #937624;
  float: left;
  width: 20%;
  padding: 15px;
  margin-top: 7px;
  text-align: center;
}*/

@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .menu, .main {
    width: 100%;
  }
}

@media print {
	/* Getting rid of navigation bar */
	.menu {
		display: none;
		}	
	.main {
		width: 100%;
		color: black;
		background-color: transparent;
		}
	}



body	{font-family:Verdana;color:#242766;
	background-color: #f6f7f1;}

#head {background-color:#a1c9c9;padding:15px;text-align:center;}

div.container {overflow:auto;}

#footer {background-color:#a1c9c9;
/*	text-align:center; */
	padding:10px;
	margin-top:7px;}

.italic {font-style: italic; }

p.languages {text-align: right;}


a:link {
  color: #242766;
}

/* visited link */
a:visited {
  color: #242766;
}

/* mouse over link */
a:hover {
  color: #db9487;
}

ul.sublinks {
  list-style-type: none; /* Remove bullets */
}

img.sample {
	padding: 20px ;
}