body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	background-color: #FFFFFF;
}

div { margin: 0; }

#top {
	background-color: #0c6080;
	text-align: center;
	padding: 1.5em;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	background-image: url(bg.jpg);
}

#top a {
	display: inline-block;
	padding: 0.5em;
	border-radius: 0.5em;
	margin: 0.25em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#top a:hover {
	padding: 0.5em;
	background-color: #0c4e67;
	border-radius: 0.5em;
	margin: 0.25em;
	color: #D1D1D1;
	font-weight: bold;
	text-decoration: none;
}

#top a .number { color: #f88a29; }

#header {
	text-align: center;
}

#header h1 {
	font-size: 3em;
}
#header p { width: 50%; margin-left: auto; margin-right: auto; text-align: left; }
h2 { font-size: 1.7em; color: #0c6080; }
h2 a { color: #0c6080; text-decoration: none; }
h2 a:hover { color: #0c6080; text-decoration: underline; }
.odd {
	background-color: #F1F1F1;
	padding: 1em;
}

.even {
	background-color: #e1e1e1;
	padding: 1em;
}
.inner { width: 60%; margin-left: auto; margin-right: auto; }

#up { width: 50%; margin-left: auto; margin-right: auto; text-align: right; }
#flags { width: 50%; margin-left: auto; margin-right: auto; margin-bottom: 3em; }
#flags img { margin-right: 1em; }
.odd img {
	float: left;
	margin-right: 3em;
	border-radius: 15px;
}

.even img {
	float: right;
	margin-left: 3em;
	border-radius: 15px;
}

.rollover { width: 400px; height: 335px; border-radius: 15px; background-position: top; font: 1.25em bold Arial, Helvetica, sans-serif; text-align: center; }
.rollover a { color: #fff; font-weight: bold; width: 400px; height: 335px; display: block; text-decoration: none;  }
.rollover a span { display: none; width: 400px; height: 180px; padding-top:155px; }
.rollover a:hover span { display: block; width: 400px; height: 180px; background-color: rgba(0, 0, 0, 0.7); border-radius: 15px;}

.even .rollover { float: right; margin-left: 2.5em; }
.odd .rollover { float: left; margin-right: 2.5em; }
a.go {
	display: inline-block;
	padding: 0.5em 1em;
	background-color: #f88a29;
	border-radius: 0.25em;
	margin: 0.25em;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a:hover.go {
	display: inline-block;
	padding: 0.5em 1em;
	background-color: #0854a6;
	border-radius: 0.25em;
	margin: 0.25em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

ul li { color: #4e9445; text-transform: uppercase; font-size: 0.9em; list-style-image:url('tick.png'); }