/* page */

html, * {
	padding:0;
	margin:0;
}

body {
	background-color:#DADADA;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.05em;
	margin:0 auto;
	padding:20px 0;
}

/* headers */
h1 {
	color:#FFFFFF;
	letter-spacing: 1.5px;
	text-align:center;
	font-family: Georgia, Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size:2.2em;
	padding-bottom:20px;
}

h2 {
	padding-top:10px;
	padding-bottom:3px;
	color:#1F5644;
	font-family:Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.3em;
}

h3 {
	padding-top:5px;
	padding-bottom:2px;
	color:#1F5644;
	font-family:Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.15em;
}

/* paragraphs */
p {
	margin:5px 2px 10px 2px;
	line-height:1.2em;
}

/* links */
a {
 color:#174137;
}

a:visited {
 color:#5B8073;
}
	
a:hover {
	color:#0000FF;
}

/* lists */
ul {
	list-style:square;
	margin:4px 0 4px 20px;
}

/* floating images */
img {
  background: #fff;
  border: 1px solid #668B7E;
  float: right;
  margin: 0.2em 0em 0.4em 0.8em;
  padding: 2px;
}

/* wrapper, header & nav */


div#wrap {
  flex-wrap: wrap;
	width:28cm;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:10px;
}


div#header {
	background-color:#1A5245;
	padding-top:20px;
	border:1px solid #B69468;
}

div#header h2 {
	color:#FFFFFF;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	padding-bottom:25px;
	padding-top:0px;
}

div#nav {
	background-color:#668B7E;
	margin:5px 0;
	width:100%;
	height:30px;
}

div#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

div#nav ul li {
	float:left;
}

div#nav ul li a {
	float:left;
	padding:5px 10px;
	height:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

div#nav ul li a:hover {
	background-color:#1A5245;
}

div#nav ul li a.selected, div#nav ul li a.selected:hover {
	background-color:#FFFFFF;
	color:#1F5644;
}

/* content */
div#content {
	margin:2px 6px;
}

/* footer */
div#footer {
	clear:both;
	border-top:1px solid #DDDDDD;
}

div#footer p {
	font-size:0.8em;
	text-align:center;
}

/* generic classes */
.bold {
	font-weight:bold;
}



@media only screen and (max-width: 28.5cm) {
     div#wrap {
  flex-wrap: wrap;
	width:95%;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:10px;
}

@media only screen and (max-width: 10cm) {

     div#wrap {
  flex-wrap: wrap;
	width:100%;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:10px;
}

	h1 {
	color:#FFFFFF;
	letter-spacing: 1px;
	text-align:center;
	font-family: Georgia, Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size:2.2em;
	padding-bottom:20px;
}

	img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  	width:65%;
	height:65%;
  background: #fff;
  border: 1px solid #668B7E;
  float: none;
  padding: 2px;
}

	p {
	margin:5px 2px 10px 2px;
	line-height:1.1em;
}


}