/* Begin generic styles for font controls and basic HTML elements */

body {
  margin: 0;
  padding: 0;
  background: #DCEEF8 url(../../resources/images/bg_gradient.jpg) repeat-x top left;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 76%;
  color: #333;
  }

a {
  text-decoration: underline;
  color: #315F84;
  }

a:link {
  text-decoration: underline;
  color: #315F84;
  }

a:visited {
  text-decoration: underline;
  color: #315F84;
  }

a:active {
  text-decoration: underline;
  color: #7D9DB5;
  }
  
a:hover {
  text-decoration: underline;
  color: #7D9DB5;
  }

h1 {
  font-size: 2.0em;
  font-weight: bold;
  margin: 0.6em 0 0.8em 0;
  }

h2 {
  font-size: 1.8em;
  font-weight: bold;
  margin: 0.6em 0 0.8em 0;
  }

h3 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.6em 0 0.8em 0;
  }

h4 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0.6em 0 0.8em 0;
  }

h5 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.6em 0 0.8em 0;
  }

h6 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0.6em 0 0.8em 0;
  }

p {
  margin: 1em 15px 1em 0;
  line-height: 1.4em;
  }

table {
  font-size: 1em;
  margin-bottom: 0.4em;
  }

strong, b {
  font-weight: bold;
  }

form { 
  margin: 0;
  padding: 0;
  }

img {
  border: 0;
  }

/* End generic styles for font controls and basic HTML elements */


/* Begin styles for layout */

.clear {
  clear: both;
  }

#PageContainer {
  margin: 0 auto;
  }
  
#PageBodyContainer {
  width: 800px; 
  background-color: white;
  margin: 0 auto;
  }

#TopBarContainer {
  background: #485470 url(../../resources/images/bg_topbar.gif) repeat-x bottom left;
  }

#Breadcrumb {
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 0.9em;
  color: white;
  padding: 0.4em 0 0.4em 23px;
  }

#Breadcrumb a, #Breadcrumb a:link, #Breadcrumb a:visited {
  color: white;
  text-decoration: none;
  }

#Breadcrumb a:hover, #Breadcrumb a:visited:hover {
  color: white;
  text-decoration: underline;
  }

#HeaderContainer {
  background: white url(../../resources/images/bg_header.jpg) no-repeat top left;
  height: 190px;
  }

#BodyContentOuterContainer {
  border-left: 213px solid white;
  background-color: white;
  }

#BodyContentOuterContainerQuiz {
  background-color: white;
  }

#BodyContentInnerContainer { margin: 0; width: 100%; }

#LeftContainer {
  width: 213px;
  margin-left: -213px;
  float: left;
  position: relative;
  background: white url(../../resources/images/bg_leftcol.jpg) no-repeat top left;
  text-align: right;
  padding-top: 20px;
  }

#LeftContainer img {
  padding-bottom: 4px;
  }

#LeftSocialLinksContainer {
  margin: 8px 0 0 23px;
  text-align: center;
  }

#LeftSocialLinksContainer img {
  margin-top: 5px;
  }

#MainContentContainer {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  }

#MainContent {
  padding: 20px 20px 2em 30px;
  background: white url(../../resources/images/bg_maincontent.jpg) no-repeat top left;
  }

#MainContentHome {
  padding: 15px 20px 20px 30px;
  background: white url(../../resources/images/bg_maincontent.jpg) no-repeat top left;
  }

#MainContent ul, #MainContentHome ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  }

#MainContent li, #MainContentHome li {
  background: transparent url(../../resources/images/bullet.gif) no-repeat 0 4px;
  padding: 0 15px 1em 18px;
  line-height: 1.4em;
  position: relative;
  }

#MainContentQuiz {
  padding: 0 25px 0 25px;
  background: white url(../../resources/images/bg_header01b.jpg) no-repeat top left;
  }

#MainContentTitle {
  padding: 13px 0 0 0;
  }

#PromoContainer {
  float: right;
  margin: 18px 0 20px 1.8em;
  }

#FlagContainer {
  float: right;
  margin: 18px 20px 20px 1.8em;
  }

#Flags {
  margin-left: 223px;
  }

.LetterEntry {
  padding: 6px 0 7px 26px;
  font-size: 0.9em;
  border-bottom: 1px solid #E2E2E2;
  }

.CountryContainer {
  padding: 6px 0 7px 28px;
  font-size: 0.9em;
  border-bottom: 1px solid #E2E2E2;
  }

.CountryHeading {
  font-size: 1.2em;
  font-weight: bold;
  padding: 4px 0 4px 4px;
  }

.CountryEntry {
  padding: 1px 12px 1px 4px;
  }

.CityEntry {
  padding: 1px 24px 1px 4px;
  }

.FeeTable td {
  padding: 4px 10px 5px 0;
  }

#FooterContainer {
  width: 100%;
  position: relative;
  background: white url(../../resources/images/bg_footer.gif) no-repeat top right;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 0.9em;
  color: #315F84;
  }

#Footer {
  padding: 16px 0 2.2em 244px;
  }

/* End styles for layout */


/* Styles for drop-down menus */

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

#nav a {
  display: block;
  border-style: none;
  }

#nav li {
  float: left;
  margin-right: 2px;
  }

#nav li ul {
  position: absolute;
  left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }

.topMenu {
  padding: 162px 0 0 22px;
  }

.topMenuSubContainer {
  padding: 0 4px 0 9px;
  }

.topMenuContainer p {
  margin: 0 0 0 0;
  color: #0860A8;
  line-height: 15px;
  }

/* End of styles for drop-down menus */


/* Begin styles for social bookmarking */

#BookmarkContainer {
  border: 1px solid #DDEFF9;
  padding: 10px;
  margin: 30px 0 10px 0;
  position: relative;
  }

#BookmarkHeading {
  margin: 0 0 10px 0;
  }

table.BookmarkSubContainer td {
  padding: 4px 16px 5px 0;
  white-space: nowrap;
  }

.Bookmark {
  padding: 0 0 2px 20px;
  }

#BookmarkEmail { background: url(../../resources/images/icon_email.gif) no-repeat 0 0; }
#BookmarkDigg { background: url(../../resources/images/icon_digg.gif) no-repeat 0 0; }
#BookmarkDelicious { background: url(../../resources/images/icon_delicious.gif) no-repeat 0 0; }
#BookmarkFacebook { background: url(../../resources/images/icon_facebook.gif) no-repeat 0 0; }
#BookmarkGoogle { background: url(../../resources/images/icon_google.gif) no-repeat 0 0; }
#BookmarkReddit { background: url(../../resources/images/icon_reddit.gif) no-repeat 0 0; }
#BookmarkNewsVine { background: url(../../resources/images/icon_newsvine.gif) no-repeat 0 0; }
#BookmarkStumbleUpon { background: url(../../resources/images/icon_stumbleupon.gif) no-repeat 0 0; }
#BookmarkTechnorati { background: url(../../resources/images/icon_technorati.gif) no-repeat 0 0; }
#BookmarkTwitter { background: url(../../resources/images/icon_twitter.gif) no-repeat 0 0; }

/* End of styles for social bookmarking */