a {
  color: #336692;
  text-decoration: none;
  }
  
a:hover {
  color: #0a3761;
  text-decoration: none;
  }

h1 {
  margin: 0px;
  font-size: 24px;
  }

hr {
  width: 90%;
  color: #336692
  }
  
body {
  margin: 10px;
  }

  
.header {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 16px;
  background-color: #336692;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
  text-top: 20px;
  width: 100%;
  height: 43px;
  border: solid 1px;
  border-color: #0a3761;
 }
 
.header_text {
  position:relative;
  top: 5px;
  left: -50px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
 }
 
.navigation {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #0a3761;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
  width: 100%;
  border-top: solid 1px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-color: #000000;
 }
 
.friends {
  display: block;
  border: solid 1px;
  width: 120px;
  }

.friends_header {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #0a3761;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
  }

.friends_list {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #0a3761;
  font-weight : bold;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  }


.right_column {
  float: right;
   }
  
    
.recent_header {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #0a3761;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
  }

.recent_list {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #336692;
  font-weight : bold;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  }
  
.categories {
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
  border: solid 1px;
  }

.countries {
  position:absolute;
  text-align: center;
  left: 415px;
  top: 100px;
  width: 151px;
  display: block;
  border: solid 1px;

  }


a#nav:link {
  color: #ffffff;
  }

a#nav:visited {
  color: #ffffff;
  }

a#nav:active {
  color: #ffffff;
  }

a#nav:hover {
  color: #336692;
  }

.thanks {
  position:absolute;
  left: 195px;
  top: 45px;
  }
  
.c_name {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #0a3761;
  }

.pages {
  text-align: center;
  margin-left: 200px;
  margin-right: 200px;
  display: block;
  border: solid 1px;
  }

.pages_title {
  text-align: left;
  font-weight: bold;
  padding-left: 7px;
  padding-top: 7px;
  }
.pages_description {
  text-align: left;
  padding-left: 7px;
  padding-right: 7px;
  }
  
.recent {
  float:left;
  display: block;
  border: solid 1px;
  width: 160px;
  }
  
.c_info {
  text-align: left;
  color: #aaaaaa;
  font-size: 11px;
  font-weight: bold;
  padding-left: 7px;
  }
  
.footer {
  clear: both;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #0a3761;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
  
  }
  
.main {
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0px;
  vertical-align: top;
  display: block;
  border: solid 0px;
  }

.lista {
  text-align: left;
  margin-left: 5px;
  margin-right: 165px;
  vertical-align: top;
  display: block;
  border: solid 0px;
  }