
#top {
    position: relative;
    background-color: rgba(105,161,191,0.83);
    color: white;
    padding: 5px;
    margin: 0px 0px 0px 0px;
}

#bottom {
    position: relative;
/*     background-color: #c2dfef; */
    padding: 5px;
    margin: 10px 20px 0px 0px;
    text-align: right;
}

#left {
    float: left;
/*     background-color: #ece3a5; */
    padding: 5px;
    width: 220px;
}

#right {
    float: right;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

.center_content {
    position: relative;
    background-color: #dddddd;
    padding: 5px;
}

.left_content {
/*     background-color: #dddddd; */
    padding: 5px 15px 5px 15px;
    margin-left: 270px;
}

.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 170px 0px 170px;
}

#flags {
 	position: absolute;
 	right: 10px;
	font-size: 1.3em;
}

#top a:link, #top a:visited {
  color: white;
  font-weight : bold;
  text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
/*   color: black; */
  font-weight : bold;
  text-decoration : underline;
}

#top #menu {
	margin-top: 5px;
}

#top #menu a {
/* 	color: #666; */
/* 	background-color: #c4e5e6; */
	width: 30%;
	font-size: 1.3em;
/* 	border: 1px solid #687A7A; */
	margin: 2em 0 2em 0;
	padding: 0.2em 1.0em 0.3em 0.5em;
}

#left #menu a {
	display: block;
/* 	color: #333; */
/* 	background-color: #c4e5e6; */
/* 	width: 30%; */
	font-size: 1.2em;
    line-height: 1.5em;
/* 	border: 1px solid #687A7A; */
	margin: 1.5em 0 1em 0.5em;
/* 	padding: 0.2em 0.5em 0.3em 0.5em; */
}

#content #menu {
	display: block;
 	color: yellow;
	margin: 0px;
	margin-top: -1em;
}

#menu a.selected {
    color: #B93F2F;
}

#left #menu a.selected {
    color: #B93F2F;
}

#flags a.selected {
    color: #B93F2F;
}

#top img {
	width: 150px;
	margin: 30px 55px 30px 55px;
	vertical-align: middle;
	/* rounded corners */
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	/* shadow */
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
}

img.screen-large {
	width: 500px;
	margin: 20px;
	margin-left: 2px;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

img.screen-small {
	width: 350px;
	margin: 20px;
	margin-left: 5px;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.rounded {
	/* rounded corners */
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.shadow {
	/* shadow */
	box-shadow: 3px 3px 19px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 3px 3px 19px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 3px 3px 19px rgba(0, 0, 0, 0.8);
}
