
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1.5; }

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }
  blockquote:before,
  blockquote:after,   q:before,
  q:after {
    content: ""; }

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

a img {
  border: none; }
















a {
  color: #234aa7; }

a:hover {
  color: #036;
  text-decoration: none; }

body {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  *font-size: small;
  *font: x-small;
  background: #0c589b url(images/bkg_tile.jpg) 0 0 repeat-x; }; }
  body a {
    outline: none; }

#root {
  position: relative;
  width: 792px;
  height: 648px;
  margin: 0 auto;
  background: #0c589b url(/images/home/raffispeaks.jpg) 9px bottom no-repeat;
  color: white; }

#header {
  height: 206px;
  background: url(/images/home/background_flower.jpg) right top no-repeat; }
  #header h1 {
    height: 28px;
    width: 467px;
    position: absolute;
    left: 19px;
    top: 29px;
    text-indent: -9999em;
    overflow: hidden;
    background-image: url(/images/home/welcome_header.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%; }

#song {
  position: absolute;
  height: 120px;
  width: 646px;
  left: 80px;
  top: 141px;
  text-indent: -9999em;
  overflow: hidden;
  background-image: url(/images/home/song_turn_sprite.gif);
  background-repeat: no-repeat;
  background-position: 0 0; }
  #song:hover {
    background-position: 0 -120px; }

#song_status {
  width: 36px;
  height: 36px;
  top: 50px;
  left: 0px;
  position: absolute;
  display: none; }
  #song_status.playing {
    display: block;
    background: url(/stylesheets/images/control_pause_blue.png) 0 0 no-repeat; }
  #song_status.paused {
    display: block;
    background: url(/stylesheets/images/control_play_blue.png) 0 0 no-repeat; }

#content {
  position: absolute;
  bottom: 24px;
  left: 330px;
  width: 450px; }
  #content h2 {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: inherit;
    font-size: 1em;
    letter-spacing: 1px;
    font-family: inherit;
    vertical-align: baseline;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap; }
    #content h2, #content h2 a {
      color: #ffd400; }
    #content a {
      color: white;
      text-decoration: none; }
    #content a:hover {
      text-decoration: underline;
      }
#reset a { text-decoration: underline;}
#reset a:hover  {text-decoration: none;}

ul#featured_content {
  margin: 0;
  padding: 0;
  padding-left: 30px;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
  clear: both; }
  ul#featured_content li {
    padding-left: 50px;
    padding-top: 12px;
    clear: both;
    position: relative;
    overflow: auto;
    overflow: -moz-scrollbars-none;
    display: inline-block; }
    ul#featured_content li {
      display: block; }
  ul#featured_content .icon {
    margin-left: -104px;
    margin-top: -24px;
    width: 104px;
    display: inline;
    float: left;
    clear: left;
    position: relative;
    text-align: center; }
  ul#featured_content p a {
    color: white;
    text-decoration: none; }
    ul#featured_content p a:hover {
      text-decoration: underline; }

#new_content {
  list-style-type: none;
  margin-left: 0px;
  clear: both; }
  #new_content li {
    padding: 8px 0;
    padding-left: 80px; }
  #new_content h2 img {
    position: absolute;
    right: 0;
    }
  #new_content #new_cd_single {
    display: inline;
    position: relative;
    float: left;
    padding-right: 80px;
    margin-right: -80px;
    white-space: nowrap; }

#new_menu {
  position: absolute;
  right: 0px;
  z-index: 100; }
  #new_menu img {
    display: block; }
  #new_submenu {
    position: absolute;
    width: 14em;
    left: -9999em;
    list-style-type:disc;
  }
  #new_menu:hover ul,
  #new_menu.iehover ul {
    left:5px;
  }
  #new_submenu li {
    padding: 0;
  }
  #new_menu #new_submenu a {
    color: white !important;
    font-style: italic;
    display: block;
    white-space: normal;
    padding: 5px;
    padding-left:0;
  }

#footer {
  width: 792px;
  margin: 0 auto;
  clear: both;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background: url(images/footer.gif) 0 0 repeat-x;
  display: block; }
  #footer a {
    text-decoration: none;
    color: #0c589b; }
    #footer a:hover {
      text-decoration: underline; }
  #footer span {
    display: inline;
    margin: 0 20px; }

#nav {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block;
  overflow: visible;
  color: #fff;
  height: 48px;
  font: 11px/25px Verdana,Arial,sans-serif;
  position: absolute;
  top: 77px;
  z-index: 10; }
  #nav {
    display: block; }
  #nav li {
    list-style-type: none;
    margin-left: 0px;
    white-space: nowrap;
    float: left;
    padding-left: 4px;
    padding-right: 4px; }
    #nav li.first {
      padding-left: 0px; }
    #nav li.last {
      padding-right: 0px; }
  #nav li {
    margin: 0;
    padding: 0;
    border: 0; }
    #nav li:hover ul,
    #nav li.iehover ul {
      left: auto; }
    #nav li ul {
      margin: 0;
      padding: 0;
      border: 0;
      position: absolute;
      left: -999em;
      background: #f2f2f2;
      border: 1px solid #aeaeae;
      border-top: none;
      line-height: 15px; }
      #nav li ul {
        list-style: none; }
      #nav li ul li {
        margin: 0;
        padding: 0;
        border: 0;
        float: none; }
      #nav li ul a {
        text-indent: 0;
        height: auto;
        width: 180px;
        padding: 5px 0 5px 11px;
        background: none; }
        #nav li ul a:hover {
          color: #000;
          background: #fff; }
  #nav a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    height: 48px;
    text-indent: -9999em;
    overflow: hidden;
    background-image: url(/images/home/nav_home_sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%; }

#nav_child_honouring {
  width: 118px; }
  #nav_child_honouring a {
    background-position: -0px 0; }
    #nav_child_honouring a:hover {
      background-position: -0px -48px; }
    #nav_child_honouring a:active {
      background-position: -0px -48px; }
  #nav_child_honouring.current a {
    background-position: -0px -48px; }
    #nav_child_honouring.current a:hover {
      background-position: -0px -48px; }

#nav_sustainability {
  width: 103px; }
  #nav_sustainability a {
    background-position: -118px 0; }
    #nav_sustainability a:hover {
      background-position: -118px -48px; }
    #nav_sustainability a:active {
      background-position: -118px -48px; }
  #nav_sustainability.current a {
    background-position: -118px -48px; }
    #nav_sustainability.current a:hover {
      background-position: -118px -48px; }
  #nav_sustainability ul li a {
    width: 20em; }

#nav_beluga_grads {
  width: 100px; }
  #nav_beluga_grads a {
    background-position: -221px 0; }
    #nav_beluga_grads a:hover {
      background-position: -221px -48px; }
    #nav_beluga_grads a:active {
      background-position: -221px -48px; }
  #nav_beluga_grads.current a {
    background-position: -221px -48px; }
    #nav_beluga_grads.current a:hover {
      background-position: -221px -48px; }

#nav_educators {
  width: 80px; }
  #nav_educators a {
    background-position: -321px 0; }
    #nav_educators a:hover {
      background-position: -321px -48px; }
    #nav_educators a:active {
      background-position: -321px -48px; }
  #nav_educators.current a {
    background-position: -321px -48px; }
    #nav_educators.current a:hover {
      background-position: -321px -48px; }
  #nav_educators ul li a {
    width: 16em; }

#nav_raffi {
  width: 46px; }
  #nav_raffi a {
    background-position: -401px 0; }
    #nav_raffi a:hover {
      background-position: -401px -48px; }
    #nav_raffi a:active {
      background-position: -401px -48px; }
  #nav_raffi.current a {
    background-position: -401px -48px; }
    #nav_raffi.current a:hover {
      background-position: -401px -48px; }

#nav_news {
  width: 50px; }
  #nav_news a {
    background-position: -447px 0; }
    #nav_news a:hover {
      background-position: -447px -48px; }
    #nav_news a:active {
      background-position: -447px -48px; }
  #nav_news.current a {
    background-position: -447px -48px; }
    #nav_news.current a:hover {
      background-position: -447px -48px; }
  #nav_news ul li a {
    width: 7em; }

#nav_store {
  width: 51px; }
  #nav_store a {
    background-position: -497px 0; }
    #nav_store a:hover {
      background-position: -497px -48px; }
    #nav_store a:active {
      background-position: -497px -48px; }
  #nav_store.current a {
    background-position: -497px -48px; }
    #nav_store.current a:hover {
      background-position: -497px -48px; }

#nav_contact {
  width: 92px; }
  #nav_contact a {
    background-position: -548px 0; }
    #nav_contact a:hover {
      background-position: -548px -48px; }
    #nav_contact a:active {
      background-position: -548px -48px; }
  #nav_contact.current a {
    background-position: -548px -48px; }
    #nav_contact.current a:hover {
      background-position: -548px -48px; }
  #nav_contact ul li a {
    width: 16em; }
