* {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 12px;
  color: #333;
  font-weight: 500;
}

html {
  height: 101%;
}

body {
  background-color: #FFFFFF;
}

a {
  text-decoration: none;
  color: #81A4B8;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5 {
  margin-top: .5em;
  margin-bottom: .5em;
  color: #81A4B8;
}

h1 {
  position: relative;
  right: -30px;
  margin-top: 1em;
  margin-bottom: 2em;
  font-size: 1.3em;
  letter-spacing: .1em;
  text-align: right;
}

h2, .h2 {
  font-size: 1.8em;
}

h3, .h3 {
  font-size: 1.6em;
}

h4, .h4 {
  font-size: 1.4em;
}

h5, .h5 {
  font-size: 1.2em;
}

hr {
  border: 0;
  height: 1px;
  margin-top: 2em;
  margin-bottom: 2em;
  color: #cecdce;
  background-color: #cecdce;
}

li {
  list-style: none;
}

img {
  border: 0;
}

strong {
  font-weight: bold;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.small {
  font-size: .8em;
}

.large {
  font-size: 1.2em;
}

.red {
  color: #c90d18;
}

.dark {
  color: #333;
}

.framed {
  border: 4px solid #dce6ec;
}

.featured {
  padding-left: 25px;
  height: 15px;
  background-image: url('../../images/hoola/triangle.gif');
  background-repeat: no-repeat;
  background-position: 0 70%;
}

.featured2 {
  padding-left: 25px;
  padding-top: 2px;
  height: 32px;
  background-image: url('../../images/hoola/triangle2.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  vertical-align: text-bottom;
  
  color: #313132;
  font-weight: bold;
}

.featured2 a {
  color: #313132;
  font-weight: bold;
  font-size: 1.1em;
}

.allcaps {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
}

a.highlight:hover {
  color: #c90d18;
  text-decoration: none;
}

a.block-link {
  display: block;
  width: 100%;
  height: 100%;
}

/* Forms */
input[type=submit] {
  border: 2px solid #CCC;
  color: #c90d18;
  font-size: 1.2em;
  padding: .3em .5em;
}

input.button {
  background-image: url('../../images/hoola/button_bg.gif');
  background-repeat: repeat-x;
  background-position: bottom left;
  background-color: white;
  font-size: 13px;
  padding: 4px;
  border: 1px solid #BBB;
  color: #444;
  cursor: pointer;
}

.add {
  padding-left: 34px;
  background-image: url('../../images/hoola/add.gif');
  background-repeat: no-repeat;
}

.remove {
  padding-left: 34px;
  background-image: url('../../images/hoola/delete.gif');
  background-position: 0 2px;
  background-repeat: no-repeat;
}

.minus {
  padding-left: 34px;
  background-image: url('../../images/hoola/delete.gif');
  background-position: 0 2px;
  background-repeat: no-repeat;
}

input[type=text], input[type=password] {
  border: 1px solid #AAA;
  padding: 2px;
}

/* Video */
.player_container {
  text-align: center;
}

.play_button {
  position: relative;
  top: 40%;
}

/* Pagination */
.pagination {
  margin-bottom: 2em;
}

.pagination .pages span {
  background-color: #4C4C4E;
  color: white;
  
  font-weight: normal;
  padding: 5px 5px;
}

.pagination .pages a span {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.pagination .pages a {
  text-decoration: none;
}

.pagination .pages .current {
  background-color: white;
  color: #4C4C4E;
}

.pagination .pages a:hover span {
  background-color: #CD112D;
  color: white;
}

#bg-top-left {
  position: absolute;
  top: 0; left: 0;
  width: 50%;
  background-color: #D1D3D4;
  z-index: -1;
  height: 91px;
}

#bg-top-right {
  position: absolute;
  top: 0; right: 0;
  width: 50%;
  background-color: #7D7E81;
  z-index: -1;
  height: 91px;
}


/* Page container */
#page {
  position: relative;
  min-height: 600px;
  height: auto !important;
  height: 600px;
  /*padding-top: 10px;*/
  top: -6px;
  width: 980px;
  margin: 0 auto;
  margin-bottom: 8px;
  background-color: #FFF;
}


/* Header container */
#header {
  width: 100%;
  height: 104px;
  background-color: #8D9092;
  position: relative;
  background-image: url('../../images/hoola/header_bg3.gif');
  letter-spacing: 1.4px;
}


/* Logo */
#logo {
  position: absolute;
  display: inline;
  left: 26px;
  top: 16px;
  width: 300px;
  height: 79px;
  background-image: url('../../images/hoola/logo-new-oneline-middle.gif');
  background-repeat: no-repeat;
}

#logo a {
  display: block; width: 100%; height: 100%;
}

/* Primary nav bar (tabs) */
#nav_primary {
  position:absolute;
  left: 338px;
  bottom: 0;
  width: 550px;
  background-color: #C4C6C8;
  background-image: url('../../images/hoola/nav_primary_bg3.gif');
  border-top: 1px solid #999999;
  border-bottom: 0;
  z-index: 3000;
}

/* Each tab in primary nav bar */
#nav_primary li {
  display: block;
  float: left;
  padding-top: 9px;
  padding-bottom: 3px;
  text-align: center;
  height: 35px;
}

#nav_primary ul.subnav {
  width: 181px;
  display: none;
  
  position: relative;
  top: 8px;
  
  z-index: 1000;
  background-color: #FFF;
  padding-top: 4px;
  padding-bottom: 8px;
  border: 1px solid #444;
  border-top: 0;
}

#nav_primary .active ul.subnav {
  left: -1px;
  width: 182px;
}

#nav_primary ul.subnav li {
  float: none;
  height: 20px;
  text-transform: uppercase;
  text-align: left;
  padding-left: 12px;
  font-size: .8em;
}

#nav_primary ul.subnav a {
  color: #444;
  font-weight: bold;
}

#nav_primary ul.subnav a:hover {
  color: #81A4B8;
}

/* Program Catalog tab */
#nav_primary #program_catalog {
  width: 182px;
}

#category_menu {
  
}

#category_menu ul li {
  float: none;
  text-transform: uppercase;
  font-size: .8em;
  text-align: left;
  height: 20px;
  padding-left: 6px;
  font-weight: bold;
}

/* Newsletter tab */
#nav_primary #newsletter {
  width: 110px;
}

/* Press tab */
#nav_primary #press {
  width: 72px;
}

/* About tab */
#nav_primary #about {
  width: 96px;
}

/* Contact tab */
#nav_primary #contact {
  width: 88px;
}

/* Contact tab -- active (reduce width by 1px) */
#nav_primary #contact.active {
  width: 87px; 
}

/* Active tab */
#nav_primary li.active {
  background-image: none;
  background-color: #FFF;
  border: 1px solid #5B5C5E;
  border-top: 0;
  border-bottom: 0;
}

/* First tab */
#nav_primary li.first {
  background-image: url('../../images/hoola/nav_primary_border_side2.gif');
  background-repeat: no-repeat;
  background-position: top left;
}

/* Last tab */
#nav_primary li.last {
  background-image: url('../../images/hoola/nav_primary_border_side2.gif');
  background-repeat: no-repeat;
  background-position: top right;
  
  /* Force all the way to the right */
  position: absolute;
  top: 0;
  right: 0;
  
  /* Bring to front (over sidebar) */
  z-index: 10;
}

/* First or last tab -- active */
#nav_primary li.first.active, #nav_primary li.last.active {
  background-image: none;
}

/* Last tab -- active (set 1px margin to compensate for missing pixel) */
#nav_primary li.last.active {
  margin-left: 1px;
}

/* Tab links */
#nav_primary li a {
  color: #3B3B3D;
  font-size: 1.3em;
  vertical-align: top;
}

#nav_primary li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

#nav_primary li.active > a:hover {
  color: #3B3B3D;
  text-decoration: none;
}

/* Secondary nav bar (at the very top) */
#nav_secondary {
  border-left: 1px solid #666;
  border-right: 1px solid #CCC;
  position: absolute;
  left: 338px;
  top: 6px;
}

/* Each list item in secondary nav bar */
#nav_secondary li {
  display: block;
  float: left;
  height: 9px;
  padding: 12px 20px 12px 20px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #666;
}

#nav_secondary li.js-show {
  display: none;
}

/* Each link in secondary nav bar */
#nav_secondary li a {
  font-size: .95em;
  color: #FFF;
  vertical-align: middle;
}

#nav_secondary li a:hover {
    text-decoration: none;
}

/* Active tab in secondary nav bar */
#nav_secondary li.active {
  background-image: url("../../images/hoola/nav_secondary_active_bg.gif");
/*  border-left: 0; */
  border-bottom: 1px solid #999999;
  height: 8px; /* One pixel less than inactive li, to align bottom border */
}


/* Search container */
#search {

}

/* Search box */
#search input[type=text] {
  width: 160px;
  height: 14px;
  padding-top: 3px;
  position: absolute;
  right: 92px;
  top: 14px;
}

/* Search button */
#search input[type=submit] {
  width: 62px;
  height: 21px;
  position: absolute;
  right: 21px;
  top: 14px;
  border: none;
  background-image: url("../../images/hoola/button.gif");
  background-repeat: no-repeat;
  color: #FFF;
  font-size: .82em;
  letter-spacing: .05em;
  padding: 0;
}


/* Sidebar container */
#sidebar {
  width: 181px;
  /*float: right;*/
  
}


/* Primary sidebar  */
#column_primary {
  position: absolute;
  right: 0;
  width: 181px;
  top: -7px;
  
  
  /*
  position: relative;
  left: 798px;
  width: 180px;
  top: -7px;
  */
  
  /*background-image: url("../../images/hoola/sidebar_bg.gif");
  background-position: top left;
  background-repeat: repeat-y;*/
  
  min-height:607px;
  height:auto !important;
  height:607px;
  overflow: auto;
}

/* List in primary sidebar */
#column_primary ul {
  margin-right: 20px;
}

/* List item in primary sidebar */
#column_primary ul li {
  text-align: right;
  padding: 1em;
  text-transform: uppercase;
}

/* Active list item in primary sidebar */
#column_primary ul li.active {
  border: 1px solid #999999;
  border-left: 0;
  background-color: #FFF;
}

/* Link in primary sidebar list */
#column_primary ul li a {
  font-weight: bold;
  letter-spacing: 0px;
  font-size: .95em;
  color: #333;
}

/* Active link in primary sidebar list */
#column_primary ul li.active a {
  color: #C90D18;
}

/* Hover link in primary sidebar list */
#column_primary ul li a:hover {
  color: #C90D18;
  text-decoration: none;
}


/* Main container (content + sidebar) */
#main {
  position: relative;
  top: -7px;
  min-height:600px;
  height:auto !important;
  height:600px;
  /*border: 1px solid #2C2B2D;
  border-top: 0;
  border-bottom: 0;*/
  background-color: #FFF;
  padding-top: 10px;
  background-image: url('../../images/hoola/main_bg.gif');
  background-position: 1px 0px;
  background-repeat: repeat-y;
}


/* Content */
#content {
  position: relative;
  top: 0;
  left: 0;
  /*letter-spacing: 1px;*/
  padding-left: 12px;
  padding-bottom: 4em;
  /*padding-top: 1em;*/
}

/* List item in content */
#content li {
  margin-left: 1em;
  line-height: 1.6;
}

#content ul.bulleted li {
  list-style-type: disc;
}

/* Paragraph in content */
#content p {
  margin-top: .5em;
  margin-bottom: 1em;
  line-height: 1.6;
}


/* Footer */
#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  /*
  position: relative;*/
  width: 980px;
  text-align: right;
  /*vertical-align: baseline;*/
  background-color: #C7C8CA;
  background-image: url("../../images/hoola/footer_bg.gif");
  /*border: 1px solid #2C2B2D;
  border-top: 0;*/
  height: 37px;
}

/* Paragraph in footer */
#footer p {
  position: absolute;
  right: 5px;
  bottom: 2px;
  font-size: .8em;
  color: #3B3B3D;
}

#footer img {
  vertical-align: bottom;
}

#bg-bottom-container {
  margin-top: -51px;
}

#bg-bottom-left {
  position: absolute;
  left: 0;
  width: 50%;
  background-color: #7D7E81;
  z-index: -1;
  height: 37px;
}

#bg-bottom-right {
  position: absolute;
  right: 0;
  width: 50%;
  background-color: #D1D3D4;
  z-index: -1;
  height: 37px;
}