html { font-size: 16px; }
body {  
  background: black top left repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  font-size: 62.5%; 
  line-height: 1.8em;
}

/*
--------------------------------------------
GENERAL HTML STYLES
--------------------------------------------
*/

h1 { font-size: 1.6em; font-weight: bold; color: #008DD2; padding: 12px 0px 18px 0px; }
h2 { font-size: 2.2em; font-weight: normal; color: #666; padding: 10px 0px 12px 0px; }
h3 { font-size: 1.1em; font-weight: bold; color: #008DD2; padding: 6px 0px 8px 0px; }
h4 { font-size: 1.0em; font-weight: bold; color: #008DD2; padding: 6px 0px 8px 0px; } 

p {
  padding-bottom: 8px;
}
ul {margin-bottom: 8px; }
li { padding-bottom: 4px; padding-left: 18px;  }
a { color: #00CBFF; }
a:hover { color: #a6bfff; }
blockquote { padding-left: 18px; padding-bottom: 6px;}
strong { font-weight: bold; }
img { padding: 0; margin: 0; }

/*
--------------------------------------------
COMMON STYLES
--------------------------------------------
*/
.hidden { visibility: hidden; }
.introduction { font-weight: bold; color: #00c9ff}
.clear { clear: both; font-size: 1px; overflow: hidden; height: 1px; }
.indent { padding-left: 18px; }
.jumptocontent { display: none; }
.contentanchor { display: none; }
.error { padding: 6px 12px; background-color: #fcc; border: 1px solid #d99; margin-bottom: 12px; color: black; }
/*
--------------------------------------------
PAGE STRUCTURE STYLES
--------------------------------------------
*/

#page { background: #01233E; color: white; width: 914px; margin: 0px auto 0px auto; }

#banner { 
  clear: both; 
  overflow: hidden; height: 105px;
  border-bottom: 2px solid white;  
  position: relative;
  background: #333 url(../images/en/logo.jpg) top left no-repeat
}
#banner h1 { margin: 0; padding: 0; background: transparent; }

#main-content { clear: both; font-size: 1.2em; overflow: auto; padding-bottom: 1px;}

#nav { background: white; 
  padding: 0; margin: 0; }
  
#content { padding: 0; margin: 0; line-height: 1.3em; }
#content h2 { clear: both; color: white; padding: 12px 0 15px 12px; font-size: 1.3em; font-weight: bold; margin: 0;}

#content table td { padding: 4px 8px; }
#content ul { padding: 6px 0 12px 24px;} 
#content li { list-style: disc; padding-left: 6px; }

/*
.home #content { text-align: justify; padding-top: 20px; width: 500px; }
.homepage-content { padding-right: 90px; }
*/


/*
---------------------------------------------------------
ADDITIONAL STYLES
---------------------------------------------------------
*/

#languageselector {
  list-style: none; padding: 0 0 1px 12px; margin: 0;
  position: absolute; 
  top: 60px;
  right: 150px;

}
#languageselector li { padding: 0; margin: 0; list-style: none; }
#languageselector li img { width: 53px; height: 33px; background-color: #ddd } 


#gallery-box { display: block; background: white; padding-top: 1px; padding-bottom: 1px; }
#gallery-box h3 { padding: 3px 0 3px 4px; margin: 0 0 1px 0; background: black url(../images/en/bg-galleryh3.gif) top left repeat-x; }
#gallery-box ul, #gallery-box ul li { padding: 0; margin: 0; list-style: none; }
#gallery-box ul { overflow: hidden;height: 64px;background: black; padding: 2px 0 3px 8px; }
#gallery-box ul li { float: left; height: 65px; width: 65px; margin-right: 2px; margin-bottom: 2px; }
#gallery-box ul img { padding: 0; margin: 0; height: 65px; width: 65px; border: none; background: #666; }

#gallery-view {
  display: block;
   background: white;
   padding-top: 1px;
   padding-bottom: 1px;
}
#gallery-view h3 {
  padding: 3px 0 3px 4px; margin: 0 0 1px 0;
  background: black url(../images/en/bg-galleryh3.gif) top left repeat-x;
}
#gallery-view ul, #gallery-view ul li {
  padding: 0; margin: 0; list-style: none;
}
#gallery-view ul {
 overflow: auto;
 height: 1%;
 background: black;
 padding: 6px 0 5px 6px;
}
#gallery-view ul li {
  float: left; 
  margin-right: 2px;
  margin: 6px;
}
#gallery-view ul img { padding: 0; margin: 0;  
  border: none; background: #666; height: 88px; width: 88px;
  border: 6px solid #666;
}
#gallery-view ul img:hover { border: 6px solid #999; }




.home-buttons, .side-buttons { float: left; width: 204px; }
.home-buttons img { margin-bottom: 4px; }

.side-buttons { text-align: center; }
.side-buttons img { margin-bottom: 12px; border: 1px solid #ccc; }

#inner-content { 
  margin-left: 208px; 
  padding: 12px 12px 24px 8px;  
}

/*
#nav {
  overflow: auto;
  height: 1%;
}
*/
#nav { min-height: 232px; }

#nav h2 { padding: 0 0 1px 1px; margin: 0; float: left; }





/*
---------------------------------------------------------
NAVIGATION STYLES
---------------------------------------------------------
*/

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

#nav ul { float: left; width: 204px; }

#nav ul li {
  background: #00C9FF;
  float : left;
  display: block;
  height: 24px; 
  width: 204px;
  position: relative;
}

#nav ul li ul { display: none; }

#nav ul li a {
  background: white url(../images/en/bg-menu.png) no-repeat;
  display: block; 
  padding: 0 0 0 8px; margin: 0; 
  line-height: 24px;
  width: 196px; 
  height: 24px;
  color: black;
  font-weight: bold;
  text-decoration: none;
}





#nav #nav-home { height: 30px; }
#nav #nav-home a { background-position: 0px 0px; height: 30px; }
#nav #nav-home a:hover { background-position: -204px 0px; }

#nav #nav-about a { background-position: 0px -30px; }
#nav #nav-about a:hover { background-position: -204px -30px; }

#nav #nav-activities a { background-position: 0px -54px; }
#nav #nav-activities a:hover { background-position: -204px -54px; }

#nav #nav-dofe a { background-position: 0px -78px; }
#nav #nav-dofe a:hover { background-position: -204px -78px; }

#nav #nav-group a { background-position: 0px -102px; }
#nav #nav-group a:hover { background-position: -204px -102px; }

#nav #nav-adventures a { background-position: 0px -126px; }
#nav #nav-adventures a:hover { background-position: -204px -126px; }

#nav #nav-contact a { background-position: 0px -150px; }
#nav #nav-contact a:hover { background-position: -204px -150px; }

#nav #nav-faq a { background-position: -0px -174px;  }
#nav #nav-faq a:hover { background-position: -204px -174px; }

#nav #nav-links { height: 34px; }
#nav #nav-links a { background-position: -0px -198px; height: 34px; }
#nav #nav-links a:hover { background-position: -204px -198px; }

/* sub menu items */

#nav ul li ul { z-index: 100; padding: 0; position: absolute;  
  display: none; text-align: left; 
  background-color: #bde4ff; left: 204px; top: -1px; width: 190px; 
  filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;  }
#nav ul li ul li { background: #4AB2FF url(../images/en/bg-menu-sub.gif) bottom left repeat-x; 
  width: 190px; height: 25px; }
#nav li > #nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; z-index: 10; }
#nav ul li:hover ul, #nav .sfhover ul { display: block;  }

#nav ul li ul li a { background: transparent; background-image: none; 
  padding: 0 0 0 12px; width: 178px; color: white; margin: 0; }
#nav ul li ul li a:hover { color: black; }


/*
---------------------------------------------------------
FOOTER STYLES
---------------------------------------------------------
*/

#additional-info {
  clear: both;
}



#additional-info .contact-info {
  background: #333 url(../images/en/bg-contactinfo.gif) top left no-repeat;
  color: white;
  height: 48px;
  font-size: 1.1em;
  padding: 0 12px 0 12px; margin: 0 0 0 0;
  border-bottom: 4px solid white;
}
#additional-info .contact-info h4 {
  font-weight: bold; font-size: 1.1em; color: white; 
  padding: 5px 0 0 0px; margin: 0;
}
#additional-info .contact-info p { color: white; background: none; padding: 0; margin: 0;}


#additional-info .footer { 
  clear: both;
  background: white url(../images/en/bg-footer.gif);
  padding: 0 0 0 12px; margin: 0 0 12px 0; 
  height: 50px; 
  color: black;
}
#additional-info .footer img { float: left; margin-right: 6px; }
#additional-info .footer p {
  background: none; padding: 14px 0 0 0; margin: 0; 
}