* {
margin: 0;
padding: 0;
}

header, footer, section, aside, nav, article {
display: block;
}

body {
line-height: 1;
background: #BBCFE8;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 14px;
line-height: 18px;
}


#wrapper {
width: 940px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
border:3px solid #888;
background: #fff;
border-radius: 10px;
}

nav {
width: 940px;
height: 39px;
margin: 0 auto;
background: #3d6497;
margin-top: -5px;
text-shadow: 2px 2px rgba(0,0,0,.3);
}

#main {
width: 940px;
margin: 0 auto;
padding-top: 30px;
background: #FFF url(../images/colbg.png) no-repeat;
background-size:100% 100%;
overflow: hidden;
padding-bottom:40px;
}

#nosidecontent {
float: right;
width: 940px;
}
#nosidemain {
width: 940px;
margin: 0 auto;
padding-top: 0px;
background: #FFF url(../images/colbghome.png) repeat-y;
overflow: hidden;
padding-bottom:40px;
}

#content {
float: right;
width: 640px;
margin-right: 30px;
}

footer {
width: 940px;
margin: 0 auto;
clear: both;
}

#flag-name-container h1{
font-weight: bold;
clear: both;
font-size:40px;
float:left;
width:460px;
line-height:30px;
}

h1{
font-weight: bold;
clear: both;
font-size:25px;
text-align:center;
}

aside{
margin-top:-30px;
width:300px;
}
aside ul{
list-style-type:none;
}
aside ul li{
width:220px;
background:#022ca4;
border-left:1px solid rgba(255,255,255,.4);
margin-top:2px;
padding-left:20px;
box-shadow:1px 1px 1px #FFF;
}
aside ul li:hover{
background:#ffff00;
}
aside ul li:hover a{
color:#000000;
}
aside li a{
display:block;
width:100%;
color:#FFFFFF;
text-decoration:none;
}
aside .side-active{
width:229px;
}
/* nav */
nav .menu ul{
list-style-type:none;
}
nav .menu li{
float:left;
background:url(../images/button.png);
height:37px;
min-width:143px;
margin-top:2px;
line-height:37px;
text-align:center;
border-right:1px solid rgba(255,255,255,.4);
transition:ease-in all 200ms;
-moz-transition:ease-in all 200ms;
-webkit-transition:ease-in all 200ms;
-o-transition:ease-in all 200ms;
}
nav .menu li a{
display:block;
text-decoration:none;
font-weight:bold;
color:#fff;
width:100%;
height:100%;
}
nav .menu li:hover{
background-image:url(../images/button_hover.png);
transition:ease-in all 200ms;
-moz-transition:ease-in all 200ms;
-webkit-transition:ease-in all 200ms;
-o-transition:ease-in all 200ms;
}

nav .menu .current{
box-shadow:1px 1px 20px rgba(30,30,255,.8) inset;
}
nav .menu li.current:hover{
background:url(../images/button.png);
}

#content a:visited{
color:#0000FF;
}
/* end nav */
header {
padding: 0px 0 0 0;
}

#footer-area {
background:url(../images/button_hover.png);
background-size:100% 100%;
color: #fff;
font-size: 90%;
padding: 18px 0;
overflow: hidden;
/* curved border radius */
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}
#footer-text{
margin-left:50px;
color:#fffff;
font-weight:bold;
font-size:15px;
}

#footer-text a{
color:#fff;
}
#footer-text a:visited{
color:#fff;
}
#footer-text a:hover{
text-shadow:1px 1px 5px #000;
}
#flag{
float:right;
}
#flag-name-container{
margin:5px;
height:110px;
width:650px;
}
#random-info-container{
width:665px;
display:block;
}
#random-info-container table{
float:right;
border:1px solid black;
width:360px;
border-collapse:collapse;
height:335px;
}
#random-info-container table td{
border: 1px solid black;
}
#description-container{
border:1px solid black;
width:450px;
margin-bottom:20px;
padding-left:5px;
font-style:italic;
}
#under-picture-container{
width:300px;
}
#only-text-info-container{
width:665px;
margin-top:40px;
margin-bottom:20px;
}
div.allclubs {
line-height:20px;
font-weight: bold;
font-size:14px;
}

div.date {
margin-top:5px;
cursor: pointer;
line-height:20px;
font-size:14px;
font-weight:bold;
}
div.dateinfo { 
width: 655px;
float: left;
display: none;
font-size:12px;
padding-bottom:10px;
font-weight:bold;
}
div.blue {
color:#022ca4;
}
div.violet{
color:#00A3FF;
}
.country-gallery{
width:210px;
height:190px;
border:2px solid #00ccff;
float:left;
margin-left:17px;
margin-top:7px;
text-align:center;
display:block;
color:#ffffff;
background: rgba(0,0,0,.3);
font-size:15px;
}
.country-gallery:hover{
font-size:16px;
font-weight:bold;
}
.gallery-image{
float:left;
border:2px solid #00ccff;
margin-top:5px;
margin-left:6px;
width:224px;
height:190px;
text-align:center;
font-size:10px;
font-weight:bold;
color:#2a63f2;
}
.gallery-image:hover{
color:#FF0000;
font-size:11px;
}
.button{
border:1px solid #999;
width:220px;
height:30px;
border-radius:5px;
float:right;
background-color:#3d6497;
color:#999;
font-weight:bold;
font-size:22px;
margin-bottom:3px;
margin-left:3px;
}
#test-container{
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
width:700px;
background:rgba(0,120,255,.6);
border:2px solid #999;
border-radius:6px;
padding:10px;
padding-bottom:40px;
}
#toptoolbar{
margin:0 auto;
width:930px;
}
#toptoolbar a{
font-size:15px;
margin:0 auto;
width:930px;
font-weight:bold;
text-align:right;
margin-left:880px;
}
#toptoolbar .text{
font-size:20px;
width:930px;
}
#bottomtoolbar{
margin:0 auto;
margin-top:560px;
text-align:center;
}
#bottomtoolbar a{
font-size:20px;
margin-left:5px;
font-weight:bold;
color:#06F;
}
#bottomtoolbar a:visited{
color:#06F;
}
#toptoolbar p{
font-size:17px;
margin-top:-19px;
}
#toptoolbar-plus-sidebar{
margin:0 auto;
margin-top:-10px;
margin-left:-23px;
width:690px;
height:25px;
border-bottom:1px solid #000;
}
#toptoolbar-plus-sidebar ul li{
list-style-type:none;
float:left;
margin-left:5px;
font-size:10px;
border-left:1px solid #000;
}
#content #sidebar{
width:160px;
margin-left:-25px;
float:left;
margin-top:10px;
border-right:1px solid #3d6497;
margin-bottom:15px;
}
#content #sidebar a{
width:100%;
height:100%;
display:block;
font-size:15px;
float:left;
margin-bottom:2px;
}
#content #subcontent{
width:470px;
float:right;
margin-left:180px;
margin-top:-490px;
}
#login-container{
margin:0 auto;
width:400px;
text-align:center;
margin-top:20px;
}
#login-container .text{
width:294px;
margin-top:3px;
background:#3d6497;
border:1px solid #36F;
height:30px;
border-radius:5px;
color:#FF0;
padding-left:5px;
}
#login-container .submit{
width:300px;
text-align:center;
margin-top:3px;
background:#3d6497;
border:1px solid #FF0;
height:30px;
border-radius:5px;
color:#FF0
}
#map-canvas {
height: 500px;
width:640px;
margin: 0px;
padding: 0px
}
.back-button{
margin-left:800px;
width:130px;
border:1px solid #FFF;
border-radius:5px;
background:#3d6497;
color:#FFF;
box-shadow:1px 1px 3px #000;
}
h3{
height:21px;
}
h3 a{
font-size:17px;
transition:ease-in all 200ms;
-webkit-transition:ease-in all 200ms;
-moz-transition:ease-in all 200ms;
-o-transition:ease-in all 200ms;
}
h3 a:hover{
font-size:20px;
transition:ease-in all 200ms;
-webkit-transition:ease-in all 200ms;
-moz-transition:ease-in all 200ms;
-o-transition:ease-in all 200ms;
}
.person-thumb{
float:left;
border:2px solid #00ccff;
margin-top:5px;
margin-left:6px;
width:200px;
height:260px;
text-align:center;
font-size:10px;
font-weight:bold;
color:#2a63f2;
overflow:hidden;
}
.person-thumb a{
color:#2a63f2;
}
.person-thumb img{
width:200px;
height:230px;
}
.person-thumb:hover{
color:#FF0000;
font-size:11px;
}
.person-thumb .name{
overflow:hidden;
width:100%;
height:20px;
}

.person-data{
width:640px;
margin-bottom:20px;
}
.person-data img{
width:200px;
float:left;
margin-right:20px;
}
.person-data h2{
margin-bottom:20px;
}
.person-data p{
margin:0;
padding:0;
}
.preview-button{
width:130px;
border:1px solid #FFF;
border-radius:5px;
background:#3d6497;
color:#FFF;
box-shadow:1px 1px 3px #000;
}
#navigate{
color:#022ca4;
font-weight:bold;
}