* {
   margin: 0;
   padding: 0;
}

body {
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 82.5%;
   background: #ebebeb;
}

.wrapper {
   position: relative;
   min-width: 760px;
   max-width: 960px;
   margin-left: auto;
   margin-right: auto;
}

#top-wrapper {
   background: #fff url(../img/header-nav-bg.gif) repeat-x left 70px;
}

#primary-wrapper {
   padding: 0 10px;
   background: #fff url(../img/header-nav-bg.gif) repeat-x left 70px;
}

   #header {
      position: relative;
      height: 70px;
   }
   #header h1 {
      position: absolute;
      top: 15px;
      left: 0;
      width: 320px;
      height: 38px;
      background: transparent url(../img/logo-bcbsnc.gif) no-repeat left top;
   }
   #header h1 a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
   }
   #header h1 a span {
      display: block;
      padding-top: 38px;
   }
   
   #highlight {
      position: relative;
      height: 49px;
   }
   #highlight h2 {
      display: block;
      position: absolute;
      top: 10px;
      left: 0;
      width: 320px;
      height: 36px;
      background: transparent url(../img/logo-workplace-wellness.png) no-repeat left top;
   }
   #highlight h2 a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
   }
   #highlight h2 span {
      display: block;
      padding-top: 36px;
   }
   
   #highlight p {
      display: block;
      padding: 27px 10px 0 330px;
      font-size: 0.85em;
      font-family: Arial, Helvetica, Verdana, sans-serif;
      color: #00aeef;
      height: 22px;
      overflow: hidden;
   }
   
   #primary-nav {
      height: 26px;
      padding: 4px 0 0 0;
   }
   #primary-nav ul {
      height: 26px;
      overflow: hidden;
      list-style: none outside none;
   }
   #primary-nav ul li {
      float: left;
      display: block;
      margin-left: -23px;
      height: 26px;
   }
   #primary-nav ul li a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: transparent none no-repeat left 0;
   }
   #primary-nav ul li.active a,
   #primary-nav ul li a:hover {
      background-position: left -30px;
   }
   #primary-nav ul li a span {
      display: block;
      padding-top: 26px;
   }
   
   #primary-nav ul li#nav-why-wellness {
      width: 161px;
      margin-left: 0;
   }
   #primary-nav ul li#nav-get-inspired {
      width: 149px;
   }
   #primary-nav ul li#nav-plan-create {
      width: 161px;
   }
   #primary-nav ul li#nav-grow-sustain {
      width: 171px;
   }
   
   #primary-nav ul li#nav-why-wellness a {
      background-image: url(../img/nav-why-wellness.gif);
   }
   #primary-nav ul li#nav-get-inspired a {
      background-image: url(../img/nav-get-inspired.gif);
   }
   #primary-nav ul li#nav-plan-create a {
      background-image: url(../img/nav-plan-create.gif);
   }
   #primary-nav ul li#nav-grow-sustain a {
      background-image: url(../img/nav-grow-sustain.gif);
   }
   
   #primary-wrapper .content-well {
      background: transparent none no-repeat right top;
      min-height: 278px;
   }
   
      #utility-nav {
         float: right;
         width: 20%;
      }
      #utility-nav ul {
         list-style: none outside none;
         margin: 5px 20px 0 0;
      }
      #utility-nav ul li {
         float: right;
         display: block;
         padding: 0 8px 0 8px;
         border: 1px solid #000;
         border-width: 0 1px 0 0;
         font-size: 0.9em;
         color: #000;
      }
      #utility-nav ul li.rightmost {
         padding: 0 0 0 8px;
         border: none;
      }
      #utility-nav ul li a {
         color: #000;
         text-decoration: underline;
      }
      #utility-nav ul li a:hover {
         color: #555;
      }
      
      #secondary-nav {
         float: left;
         width: 75%;
      }
      #secondary-nav ul {
         list-style: none outside none;
         margin: 5px 0 0 0;
      }
      #secondary-nav ul li {
         float: left;
         display: block;
         padding: 0 8px 0 8px;
         border: 1px solid #666;
         border-width: 0 1px 0 0;
         font-size: 0.9em;
         color: #666;
      }
      #secondary-nav ul li.leftmost {
         padding-left: 0;
      }
      #secondary-nav ul li.rightmost {
         padding-right: 0;
         border: none;
      }
      #secondary-nav ul li a {
         color: #666;
         text-decoration: underline;
      }
      #secondary-nav ul li a.active,
      #secondary-nav ul li a:hover {
         color: #000;
      }
         
         /* custom styles to override general .content */
         #primary-wrapper .content-well .content {
            padding: 20px 0 10px 0;
            width: 55%;
         }
         #primary-wrapper .content-well .content h3 {
            margin-bottom: 20px;
            font-size: 1.4em;
            font-weight: normal;
         }
         
         #primary-wrapper .content-well .content p.find-more {
            padding-top: 20px;
            color: #f4911e;
         }
         #primary-wrapper .content-well .content p.find-more a {
            font-size: 1.1em;
            color: #f4911e;
            text-decoration: underline;
         }
         #primary-wrapper .content-well .content p.find-more a:hover {
            color: #ffaa3a;
         }
         
         /* poll results */
         #primary-wrapper .content-well .content .poll-results ul {
            list-style: none outside none;
         }
         #primary-wrapper .content-well .content .poll-results ul li {
            margin: 0 0 6px 0;
         }
      
      /* secondary content */
      #bottom-wrapper .wrapper {
         padding: 20px 10px 0 10px;
      }
      #bottom-wrapper .wrapper .content {
         width: 55%;
      }
      
      /* rating information */
      #bottom-wrapper .wrapper .content .rating {
         float: left;
         width: 8em;
         margin: 0 0 5px 0;
      }
      #bottom-wrapper .wrapper .content .rating.right {
         clear: none;
         float: left;
         width: auto;
         margin-right: 10px;
      }
      #bottom-wrapper .wrapper .content .rating.right ul {
         list-style: none outside none;
      }
      #bottom-wrapper .wrapper .content .rating.right ul li {
         float: left;
      }
      #bottom-wrapper .wrapper .content .rating.right ul li a {
         display: block;
         width: 13px;
         height: 13px;
         overflow: hidden;
         background: transparent url(../img/star-inactive-grey.gif) no-repeat left top;
      }
      #bottom-wrapper .wrapper .content .rating.right ul li a:hover {
         background-image: url(../img/star-active-grey.gif);
      }
      #bottom-wrapper .wrapper .content .rating.right ul li a span {
         display: block;
         padding-top: 13px;
      }
      
      /* comments */
      #bottom-wrapper .wrapper .content .comments {
         margin-top: 15px;
      }
      #bottom-wrapper .wrapper .content .comments h3 {
         font-weight: normal;
         font-size: 1.0em;
         color: #000;
      }
      #bottom-wrapper .wrapper .content .comments dl {
         margin: 10px 0 0 0;
      }
      #bottom-wrapper .wrapper .content .comments dl dt {
         font-weight: bold;
         color: #7ac142;
         margin: 0;
      }
      #bottom-wrapper .wrapper .content .comments dl dd {
         margin: 0 0 20px 0;
      }
      
      /* comment form */
      #bottom-wrapper .wrapper .comment-form {
         float: right;
         width: 40%;
      }
      #bottom-wrapper .wrapper .comment-form form {
         margin: 0 0 20px 0;
      }
      #bottom-wrapper .wrapper .comment-form .form-row {
         float: none;
         margin: 0 0 8px 0;
      }
      #bottom-wrapper .wrapper .comment-form label {
         float: left;
         width: 6em;
         font-weight: bold;
         font-size: 0.9em;
      }
      #bottom-wrapper .wrapper .comment-form .form-row.textarea label {
         width: auto;
      }
      #bottom-wrapper .wrapper .comment-form .form-row textarea {
         display: block;
         clear: left;
         float: none;
         width: 24.0em;
         margin: 0;
         border: 1px solid #666;
         font-family: Arial, Helvetica, Verdana, sans-serif;
         font-size: 0.9em;
      }
      #bottom-wrapper .wrapper .comment-form .form-row input {
         float: none;
         width: 18.0em;
         margin: 0;
         border: 1px solid #666;
         font-size: 0.9em;
      }
      #bottom-wrapper .wrapper .comment-form .form-row ul.errorlist {
         list-style: none outside none;
         float: none;
         margin-left: 6em;
      }
      #bottom-wrapper .wrapper .comment-form .form-row.textarea ul.errorlist {
         margin-left: 0;
      }
      #bottom-wrapper .wrapper .comment-form .form-row.submit input{
         width: auto;
         margin-left: 6em;
         border: none;
      }
      #bottom-wrapper .wrapper .comment-form .help-text {
         margin-left: 6em;
      }
      #bottom-wrapper .wrapper .comment-form .help-text p {
         font-size: 0.8em;
      }
      
      /* footer */
      #footer {
         width: 744px;
         margin: 40px 0 0 0;
         margin-left: auto;
         margin-right: auto;
         padding: 0 10px 10px 10px;
      }
      #footer p {
         color: #646464;
         font-size: 0.8em;
         line-height: 1.4em;
         text-align: center;
      }
      #footer p a {
         color: #666;
      }
      #footer p a:hover {
         color: #000;
      }