/*
** HTML elements
*/

* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #222222;
  margin: 0;
  padding: 0;
}
/* Force vertical scrollbar on all the time (prevent flicker) */
html { 
  overflow-y: scroll; 
}
html { 
  overflow: -moz-scrollbars-vertical; 
}
html > body {
  font-size: 12px;
}
body {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  background-color: #232122;
}
b, em, i, strong, u {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
img {
  border: 0;
}
sub, sup {
  font-size: 8px; 
  line-height: 1; 
  margin: 0;
}
table, tr, td, tbody {
  border: 0;
}

/*
** Layout
*/
#page {
  width: 898px;
  text-align: left;
}
#page-header {
  width: 898px;
  height: 18px;
  background-color: #232122;
}
#page-printheader {
  clear: both;
  display: none;
}
#menubar {
  width: 855px;
  height: 24px;
  margin: 0;
  padding: 0px 22px;
  text-align: justify;
}
#menubar *, #menubar a {
  font-size: 12px;
  line-height: 2; /* 24/2 */
  font-weight: normal;
  color: #A7A5A6;
}
#menubar ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}
#menubar li {
  font-size: 12px;
  line-height: 2; /* 24/2 */
  font-weight: normal;
  color: #A7A5A6;
  display: inline;
  margin: 0;
}
#menubar li a {
  color: #A7A5A6;
  float: left;
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 0px 18px; /* padding inside tabs */
}
#menubar li a:hover{
  color: white;
}
#menubar a.active {
  background: black; /*background of tab with "selected" class assigned to its LI */
}
#menubar a img {
  display: inline;
}

.menubar-submenu, .menubar-submenu ul { /*topmost and sub ULs, respectively*/
  font-size: 12px; line-height: 2; /* 24px */
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  list-style-type: none;
  background: white;
  visibility: hidden;
  z-index: 100;
}
.menubar-submenu li a {
  display: block;
  width: 170px;
  color: #A7A5A6;
  background-color: #2E2B2D;
  text-decoration: none;
  padding: 0px 11px;
}
* html .menubar-submenu li a { /*IE6 CSS hack*/
  display: inline-block;
}
.menubar-submenu li a:hover{
  color: #ffffff;
}

#page-content-top-home {
  height: 21px;
  background-image: url(images/bg-top-home.gif);
}
#page-content-home {
  background-image: url(images/bg-content-home.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: #769CBF;
  padding-bottom: 310px;
}
#sidebar-left-home {
  width: 368px;
  padding: 10px 0px 0px 22px;
}

#page-content {
}
#page-content-top-about-program {
  height: 86px;
  background-image: url(images/bg-top-about-program.gif);
}
#page-content-top-about-us {
  height: 86px;
  background-image: url(images/bg-top-about-us.gif);
}
#page-content-top-contact-us {
  height: 86px;
  background-image: url(images/bg-top-contact-us.gif);
}
#page-content-top-photos {
  height: 86px;
  background-image: url(images/bg-top-photos.gif);
}
#page-content-top-privacy {
  height: 86px;
  background-image: url(images/bg-top-privacy.gif);
}
#page-content-top-registration {
  height: 86px;
  background-image: url(images/bg-top-registration.gif);
}
#page-content-top-support-us {
  height: 86px;
  background-image: url(images/bg-top-support-us.gif);
}
#page-content-top-students {
  height: 86px;
  background-image: url(images/bg-top-students.gif);
}
#sidebar-left-about-program {
  background-image: url(images/bg-left-crowd.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #C4DAFF;
  width: 390px;
  padding: 80px 0px 400px 0px;
}
#sidebar-left-about-us {
  background-image: url(images/bg-left-mountain-view.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #C4DAFF;
  width: 390px;
  padding: 80px 0px 350px 0px;
}
#sidebar-left-contact-us {
  background-image: url(images/bg-left-voyageur.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #C4DAFF;
  width: 390px;
  padding: 80px 0px 370px 0px;
}
#sidebar-left-photos {
  background-image: url(images/bg-left-photo-gallery.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #d8fbff;
  width: 390px;
  padding: 80px 0px 500px 0px;
}
#sidebar-left-privacy {
  background-image: url(images/bg-left-mountain-view.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #C4DAFF;
  width: 390px;
  padding: 80px 0px 350px 0px;
}
#sidebar-left-registration {
  background-image: url(images/bg-left-hikers.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #C4DAFF;
  width: 390px;
  padding: 80px 0px 400px 0px;
}
#sidebar-left-support-us {
  background-image: url(images/bg-left-support-us.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #e7e7e7;
  width: 390px;
  padding: 80px 0px 219px 0px;
}
#sidebar-left-students {
  background-image: url(images/bg-left-canoe-on-beach.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #C4DAFF;
  width: 390px;
  padding: 80px 0px 300px 0px;
}

.sidemenu {
  padding: 0;
  margin-bottom: 8px;
}
.sidemenu .title {
  display: none;
}
.sidemenu ul.menu {
  margin: 0;
  text-align: right;
}
.sidemenu ul.menu li.leaf,
.sidemenu ul.menu li.collapsed,
.sidemenu ul.menu li.expanded {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.sidemenu ul.menu li.leaf a,
.sidemenu ul.menu li.collapsed a,
.sidemenu ul.menu li.expanded a {
  color: #779BBB;
  font-size: 14px;
  line-height: 1.286;
  text-decoration: none;
  border-bottom: #D2EFFF;
  padding: 0px 20px 0px 0px;
}
.sidemenu ul.menu li.leaf a:hover,
.sidemenu ul.menu li.collapsed a:hover,
.sidemenu ul.menu li.expanded a:hover {
  color: #455A6D;
}
.sidemenu ul.menu li.leaf a.active,
.sidemenu ul.menu li.collapsed a.active,
.sidemenu ul.menu li.expanded a.active {
  background-image: url(images/bg-menu-active.png);
  background-position: right center;
  background-repeat: no-repeat;
  color: #455A6D;
}


#sidebar-right-home {
  padding: 10px 20px;
}
#sidebar-right {
  background-color: #BECFDF;
  padding: 0px 20px;
}

#page-footer-photos {
  height: 100px;
  background-image: url(images/photo-bar.jpg);
  margin-top: 5px;
}
#page-footer {
  height: 12px;
  padding: 5px 20px;
  background-color: #232122;
}
#page-footer * {
  color: #A7A5A6;
  font-size: 11px;
}
#page-footer a {
  text-decoration: none;
}
#page-footer a:hover {
  text-decoration: underline;
}

/* 
** Styles for xCaption.js - image captions
*/ 
div.xCaption {
}
p.xCaption {
  color: #779BBB;
  font-size: 10px; 
  line-height: 1.800; 
  margin-bottom: 9px;
  font-weight: bold;
  text-align: left;
  padding: 0em 3px 3px 2px; 
}

/* 
** Drupal Nonsense
*/
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .links {
  margin-bottom: 0em;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.error {
  border-color: red;
}
.feed-icon {
  display: block;
  margin-top: 16px;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.2em 10px 0.2em 10px;
  margin-bottom: 1em;
}
.node .picture {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
#help {
  font-size: 0.917em; line-height: 1.455; margin-top: 0.000em; margin-bottom: 1.455em;
}