/* 
 * HTML5 - Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

   article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
   audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
   audio:not([controls]) { display: none; }
   [hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

 html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

 body { margin: 0; padding:0; font-size: 13px; line-height: 1.231; }

 body, button, input, select, textarea { font-family:'Tinos', serif; line-height:1.5em; height:1.5em; color: #222; padding:1px 4px; font-size:0.9em;}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

 ::-moz-selection { background: #54CDF9; color: #fff; text-shadow: none; }
 ::selection { background: #54CDF9; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

   a:link { color: #117c96; text-decoration: none; }
   a:visited { color: #117c96; }
   a:hover { color: #117c96; text-decoration: underline; }
   a:focus { outline: none; }

   /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
   a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

   abbr[title] { border-bottom: 1px dotted; }

   b, strong { font-weight: bold; }

   blockquote { margin: 1em 40px; }

   dfn { font-style: italic; }

   hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

   ins { background: #ff9; color: #000; text-decoration: none; }

   mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

   /* Redeclare monospace font family: h5bp.com/j */
   pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

   /* Improve readability of pre-formatted text in all browsers */
   pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

   q { quotes: none; }
   q:before, q:after { content: ""; content: none; }

   small { font-size: 85%; }

   /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
   sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
   sup { top: -0.5em; }
   sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

   ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
   dd { margin: 0 0 0 40px; }
   nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

 img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

 svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

   figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

   form { margin: 0; font-size:0.9em;}
   fieldset { border: 0; margin: 0; padding: 0; }

   /* Indicate that 'label' will shift focus to the associated form element */
   label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

 legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

 button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

 button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

 table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

 button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

 input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
 input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
 input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

 button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

 textarea { overflow: auto; vertical-align: top; resize: vertical; height: 4em; }

/* =============================================================================
   Tables
   ============================================================================= */

   table { border-collapse: collapse; border-spacing: 0; }
   td { vertical-align: top; }


/* =============================================================================
   FDP Resets
   ============================================================================= */

   .content_image_box {
      border:0 none;
      background:0 none;
      display:inline-block;
      width:auto;
   }

   .oldie .content_image_box {
      display:inline;
   }

/* =============================================================================
   Structure
   ============================================================================= */

   body {
      margin: 0;
      padding: 0;
      font-family: Helvetica, Arial, "Lucida Grande", sans-serif; 
      font-weight: 300;
      background: url('../graphics/layout/bg_body.jpg') repeat-x top left #dcdcdc;
   }

   .group {
      margin: 0 auto;
      padding: 0;
   }
   .group::after {
      content: ".";
      display: block;
      height: 3em;
      clear: both;
      visibility: hidden;
   }

   .left{
      float: left;
   }

   .right{
      float: right;
   }

   #container {
      width: 1020px;
      margin: 0 auto;
   }

/* =============================================================================
Header
============================================================================= */

header {
   height: 158px;
   width: 960px;
   padding: 0 30px; 
   position: relative;
}

#logo { padding-top: 5px; float: left; }
#logo img { padding: 0; }

/* Customer Utilities */

#utilities {
   float: right;
   margin-right: 10px;
}

#utilities ul { list-style: none; margin: 0; padding: 0; }
#utilities ul li {
   background: url('../graphics/layout/bg_utilities.gif') repeat-x top left; 
   border: 1px solid #184a58;
   height: 29px; 
   display: inline-block;
   margin-left: 5px;
}

#utilities ul li.first {
   background: url('../graphics/layout/bg_donate.gif') repeat-x top left;
   border: 1px solid #901f36;
}

#utilities ul li a { 
   background: url('../graphics/layout/donate.png') bottom right no-repeat; 
   display: block;
   padding: 0 55px 0 25px;
   line-height: 30px;
   color: white;
   text-decoration: none;
   font-weight: 300;
   font-size: 12px;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px black;
   -moz-text-shadow: 1px 1px 1px black;
   -webkit-text-shadow: 1px 1px 1px black;
}

#utilities ul li+li a { background: url('../graphics/layout/login.png') bottom right no-repeat; }
#utilities ul li+li+li a { background: url('../graphics/layout/jobs.png') bottom right no-repeat; }
#utilities ul li+li+li+li a { background: none; }

#utilities .collection_item_label { font-weight: 300; }
#utilities .collection_item_description { display: none; }


#social-media-header {
   position: absolute;
   right: 335px;
   top: 97px;
}

#social-media-header ul {
   list-style: none;
   padding: 0; 
   margin: 0;
}

#social-media-header ul li { display: inline-block; }

#social-media-header .content_image_box { max-width: 30px; }

#social-media-header img {
   width: 100%;
   height: auto;
}

/* =============================================================================
Search
============================================================================= */

#search {
   float: right;
   background: url('../graphics/layout/search.jpg') no-repeat top left; 
   height: 49px;
   width: 283px;
   margin-top: 50px;
   margin-right: 8px;
   position: relative;
   padding-top: 22px;
   padding-left: 60px;
}

#search input.google_site_search_form_textbox {
   background-image: none !important;
   background-color: transparent !important;
   border: none;
   height: 20px;
   width: 150px;
   position: absolute;
   top: 25px;
   left: 63px;
}

#search input.google_site_search_form_search_button {
   position: absolute;
   top: 25px;
   right: 0;
   width: 60px;
   height: 20px;
   background: none;
   border: none;
   line-height: 0;
   font-size: 0;
}


/* =============================================================================
Navigation
============================================================================= */

nav.pnav {
   background: url('../graphics/layout/bg_nav.jpg') repeat-x top left;
   height: 42px;
   width: 960px;
   margin: 0 auto;
}

#navleft { 
   background: url('../graphics/layout/bg_nav_left.jpg') no-repeat top left;
   height: 42px;
   width: 2px;
   float:left;
}
#navright {
   background: url('../graphics/layout/bg_nav_right.jpg') no-repeat top left;
   height: 42px;
   width: 2px;
   float:left;
}

/* FIRST TIER */

nav.pnav ul {
   float:left;
   text-align: center;
   width: 956px;
}

nav.pnav ul li {
   position: relative;
   display: inline-block;
   line-height: 42px;
   background: url('../graphics/layout/bg_nav_divider.jpg') no-repeat top left;
   margin-left: -2px;
}

nav.pnav ul li.end {
   width: 2px;
}
nav.pnav ul li.end a:link, nav.pnav ul li.end a:visited  { padding: 0; width: 0; margin: 0; }
nav.pnav ul li.end a:hover, nav.pnav ul li.end a:active { background: none; }

nav.pnav ul li a:link, nav.pnav ul li a:visited {
   font-family: Georgia, 'Times New Roman', 'Palatino', serif;
   font-size: 15px;
   font-weight: 300;
   color: white;
   padding: 10px 15px 12px 15px;
   text-decoration: none;
   text-shadow: 1px 1px 1px black;
   -moz-text-shadow: 1px 1px 1px black;
   -webkit-text-shadow: 1px 1px 1px black;
   margin-left: 2px;
}
nav.pnav ul li a:hover, nav.pnav ul li a:active {
   background: url('../graphics/layout/bg_nav_hover.jpg') repeat-x bottom left;
}

nav.pnav ul li.current_page a:link, nav.pnav ul li.current_page a:visited {
   background: #b5304b;
}

/* SECOND TIER */

nav.pnav ul li ul {
   position: absolute;
   left: 0;
   top: 42px;
   visibility: hidden;
   z-index: 9001 !important;
   float: none;
   text-align: left;
   width: 210px;
   background: url('../graphics/layout/dd1.gif') repeat top left;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   -moz-border-bottom-left-radius: 4px;
   -moz-border-bottom-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
}

nav.pnav ul li ul li {
   display: block;
   line-height: 30px;
   background: url('../graphics/layout/dd1_divider.gif') repeat-x bottom left;
   margin-left: 0;
}

nav.pnav ul li ul li a:link, nav.pnav ul li ul li a:visited, nav.pnav ul li.current_page ul li a:link, nav.pnav ul li.current_page ul li a:visited {
   font-family: 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-size: 12px;
   display: block;
   padding: 3px 10px;
   margin: 0;
   background: none;
}
nav.pnav ul li ul li a:hover, 
nav.pnav ul li ul li a:active, 
nav.pnav ul li.current_page ul li a:hover, 
nav.pnav ul li.current_page ul li a:active {
   background: url('../graphics/layout/dd1_hover.gif') repeat top left;
}

nav.pnav ul li ul li.first {
   background: url('../graphics/layout/dd1_first.gif') repeat-x top left;
   height: 8px;
   line-height: 8px;
   padding: 0;
}

nav.pnav ul li ul li.last, nav.pnav ul li ul li.last a {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   -moz-border-bottom-left-radius: 4px;
   -moz-border-bottom-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
}

nav.pnav ul li ul li ul li.last a {
   border-radius: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
}

nav.pnav ul li ul li.first a:hover, nav.pnav ul li ul li.first a:active { background: none; }

/* THIRD TIER */

nav.pnav ul li ul li ul {
   left: 210px;
   top: 0;
   background: url('../graphics/layout/dd1_hover.gif') repeat top left;
   border-left: 1px solid #081a1f;
   border-right: 1px solid #081a1f;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px;
   -moz-border-bottom-left-radius: 4px;
   -moz-border-bottom-right-radius: 4px;
   -moz-border-top-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-top-right-radius: 4px;
}

nav.pnav ul li ul li ul li { background: url('../graphics/layout/dd2_divider.gif') repeat-x bottom left; }

nav.pnav ul li ul li ul li.first {
   background: url('../graphics/layout/dd2_divider.gif') repeat-x bottom left;
   height: auto;
   line-height: 30px;
   padding: 0;
}

nav.pnav ul li ul li ul li a:hover, nav.pnav ul li ul li ul li a:active, nav.pnav ul li.current_page ul li ul li a:hover, nav.pnav ul li.current_page ul li ul li a:active {
   background: url('../graphics/layout/dd2_divider.gif') repeat-x bottom left;
}

nav.pnav ul li ul li ul li.first a:hover, nav.pnav ul li ul li ul li.first a:active { background: none; }

/* =============================================================================
   Spotlight
   ============================================================================= */

   #spotlight {
      background: url('../graphics/layout/bg_spotlight.png') no-repeat -2px 19px;
      height: 293px;
      width: 1138px;
      margin: 0 auto;
      position: relative;
   }

   #spotlight ul { 
      list-style: none; 
      margin: 0 auto; 
      padding: 0; 
      width: 960px; 
      height: 293px;
      left: 89px;
      overflow: hidden;
      position: absolute !important; }

      #spotlight .collection_item_label {
         position: absolute;
         font-size: 27px;
         font-family: Georgia, 'Times New Roman', 'Palatino', serif;
         font-weight: 300;
         color: #A9243F;
         top: 45px;
         width: 485px;
         height: 106px;
         overflow: hidden;
         right: 66px;
         line-height: 36px;
      }

      #spotlight .collection_item_description {
         position: absolute;
         font-size: 13px;
         font-family: 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;  
         font-weight: 300;
         color: #22505b;
         font-style: normal;
         top: 140px;
         right: 66px;
         width: 485px;
      }

      #spotlight .collection_item_description a, a.button {
         color: #BB620F;
         font-weight: 600;
         text-decoration: none;
         background: url('../graphics/layout/bg_button.gif') repeat-x top left #F6C158;
         padding: 9px 27px 11px;
         border: 1px solid #F3AA20;
         line-height: 72px !important;
      }

      a.button { line-height: 22px; padding: 5px 15px 5px; }

      #spotlight .content_image img { margin: 0; }

      #spotlight a.prev {
         position: absolute;
         background: url('../graphics/layout/spotlight_prev.png') no-repeat top left;
         display: block;
         height: 25px;
         width: 18px;
         left: 71px;
         top: 125px;
         text-decoration: none;
      }
      #spotlight a.next {
         position: absolute;
         background: url('../graphics/layout/spotlight_next.png') no-repeat top left;
         display: block;
         height: 25px;
         width: 18px;
         top: 125px;
         right: 71px;
         text-decoration: none;
      }

/* =============================================================================
   Content
   ============================================================================= */

   h1 {
      color: #a8233f;
      font-weight: 300;
      font-family: Georgia, 'Times New Roman', 'Palatino', serif;
      font-size: 27px;
      line-height: 32px;
      margin-top: 0;
      margin-bottom: 5px; 
   }

   h4 {
      color: #a8233f;
      font-weight: 300;
      font-family: Georgia, 'Times New Roman', 'Palatino', serif;
      font-size: 18px;
      margin-top: 0;
      margin-bottom: 5px;
   }


   h5 {
      color: #686565;
      font-weight: 300;
      font-family: Georgia, 'Times New Roman', 'Palatino', serif;
      font-size: 15px;
      font-style: italic;
   }


   #main {
      background: #fff;
      width: 938px;
      padding: 43px 40px 15px;
      color: #5f5f5f;
      font-size: 12px;
   }

   #main p { margin: 6px 0; }
   
   #content {
      float: left;
      width: 460px;
   }


   /* ASIDE AND NEWS */

   aside {
      width: 461px;
      padding-left: 17px;
      padding-top: 5px;
   }

   #content #news {
/*background: url('../graphics/layout/bg_news.gif') no-repeat top left;
height: 168px;*/
background: transparent;
height: auto;
width: 396px;
padding: 30px 30px 18px 35px;
overflow: hidden;
color: #848383;
}

#content #news .news_articles { 
   height: 105px;
   overflow: hidden;
}

#content #news .news_articles ul li {
   margin: 0 0 4px;
}

#content #news .news_articles ul li h3.content_news_article_headline {
   margin: 0;
   font-weight: 300;
   font-size: 13px;
   line-height: 18px;
   margin: 0;
}

#content #news .news_archives { text-align: right; }

#content #news .news_archives a:link, aside #news .news_archives a:visited {
   border-bottom: 1px dotted;
   font-size: 13px;
   font-weight:bold;
   padding-bottom: 2px;
}
#content #news .news_archives a:hover, aside #news .news_archives a:active { text-decoration: none; }



#carousel {
   background: url('../graphics/layout/bg_featured.png') no-repeat bottom left;
   height: 298px;
   width: 1054px;
   clear: both;
   margin-left: -56px;
   position: relative;
   padding-top: 15px;
   display: none;
}

#carousel h5 {
   width: 940px;
   text-align: center;
   margin-top: 14px;
   margin-bottom: 17px;
}

#carousel .prev { 
   position: absolute; 
   height: 50px;
   width: 33px;
   z-index: 5000;
   top: 75px;
   left: 0;
   text-decoration: none;
   font-size: 0;
}

#carousel .next { 
   position: absolute; 
   height: 50px;
   width: 33px;
   z-index: 5001;
   top: 75px;
   right: 0;
   text-decoration: none;
   font-size: 0;
}

#spotlets { width: 940px !important; margin-left: 52px; padding-top: 18px; height: 278px; }
#spotlets ul { margin: 0; padding: 0; list-style: none; }
#spotlets ul li { float: left; padding-right: 20px; height: 195px !important; width: 300px !important;}

#spotlets .content_image_box { background: 0; border: 0; }
#spotlets .content_image { margin: 0; }
#spotlets .content_image:hover { margin: -4px 0 0 0; }
#spotlets .content_image:active { margin: 0; }

#spotlets .collection_item_label {
   color: #A8233F;
   font-weight: 300;
   font-family: Georgia, 'Times New Roman', 'Palatino', serif;
   font-size: 18px;
   margin-top: 0;
   margin-bottom: 5px;
}

#spotlets .collection_item_description {
   color: #5F5F5F;
   font-size: 12px;
   font-style: normal;
   line-height: 1.5em;
}

/* =============================================================================
   Footer
   ============================================================================= */
   
   footer {
      height: 191px;
      background: url('../graphics/layout/bg_footer.jpg') repeat-y top left;
      width: 988px;
      margin-left: -25px;
      clear: both;
   }

   .social_media {
      width: 988px;
      text-align: center;
   }
   .social_media h5 { margin-bottom: -5px; margin-top: 10px; }
   .social_media ul { margin: 0; padding: 0; list-style: none; }
   .social_media ul li { display: inline-block; padding: 0; }
   .social_media .collection_item_label, .social_media .collection_item_description { display: none; }


   .locations {
      width: 988px;
      margin: 0 auto;
      text-align: left;
      color: #fff;
      line-height: 14px;
      font-size: 11px;
   }

   .location {
      width: 306px;
      margin: 0;
      padding: 0;
      float: left;
   }

   .location1 {
      display:inline-block;
   }

   .location2 {
      width: 315px;
   }

   .location_address1, .location_address2 { padding-left: 2px; }

   .location_phone1{
      margin-top:10px;
   }

   .location_phones { clear: both; padding-left: 0px; }

   .locations_website_title, .location_email, .location_info { display: none; }

   .location_address1::after, .location_address2::after, .location_phone1::after {
      content: ' ';
      padding-left: 7px;
   }

   .location_title { 
      display: block;
      font-weight: 600;
      text-decoration: underline;
   }

   .location2, .location3 { display: inline-block; }

   #footerlinks {
      width: 988px;
      text-align: center; 
      clear: both;
      font-size: 11px;
      line-height: 13px;
   }

   #footerlinks ul { list-style: none; margin: 0; padding: 0; display:inline-block;}
   #footerlinks ul li { display: inline-block; border-right: 1px solid #fff; line-height: 12px; padding-right: 4px; padding-left: 2px; }
   #footerlinks ul li#item4008874.Alt.last {
      border-right:none;
   }
   #footerlinks a:link, #footerlinks a:visited { 
      color: #7ebeee; 
      text-decoration: 
      underline; font-weight: 300; }

      #footerlinks .collection_item_label { font-weight: 300; }
      #footerlinks .collection_item_description { display: none; }

/* =============================================================================
   Internal
   ============================================================================= */

   .internal #main {
      width: 960px;
      padding: 50px 30px 15px;
   }

   .internal aside {
      width: 295px;
      background: #f6f6f6;
      padding: 10px;
      margin-right: 45px;
   }

   /* Styling for portals */
   .internal aside ul.sidenav  ul,
   .internal aside ul#sidenav  ul {
      background: none;
      list-style: disc;
      color: #A9233E;
      padding: 10px 10px 10px 40px;
      margin: 8px 0 0 0;
   }

   .internal aside ul.sidenav ul li,
   .internal aside ul#sidenav ul li {
      background: none;
      border-bottom: none;
      padding: 4px 0 !important;
   }
   /*------------------------*/

   .internal #content { width: 585px; margin-bottom: 3em; }

   /*.internal #content .content_image_box { background: #e3e3e3; }*/

   .internal footer { margin-left: -15px; }

   /* MASTHEAD */

   #masthead {
      background: url('../graphics/layout/bg_masthead.png') no-repeat -2px 10px;
      height: 145px;
      width: 1138px;
      margin: 0 auto;
      position: relative;
   }

   #masthead img {
      position: absolute;
      top: 0;
      left: 89px;
      margin: 0; 
   }

   #masthead h1 {
      position: absolute;
      top: 53px;
      left: 455px;
      z-index: 9;
      font-size: 52px;
   }

   /* SIDENAVIGATION */

   .internal aside ul.sidenav,
   .internal aside ul#sidenav {
      border: 1px solid white;
      background: url('../graphics/layout/bg_sidenav.gif') repeat top left;
      margin: 0;
      list-style: none;
      padding: 0 20px;
   }

   .internal aside ul.sidenav li,
   .internal aside ul#sidenav li {
      background: url('../graphics/layout/sidenav_arrow.gif') right 17px no-repeat;
      border-bottom: 1px solid #d9d7d8;
      padding: 10px 0;
   }

   .internal aside ul.sidenav li a:link, .internal aside ul.sidenav li a:visited,
   .internal aside ul#sidenav li a:link, .internal aside ul#sidenav li a:visited {
      color: #3889B7;
      font-size: 15px;
      font-family: Georgia, 'Times New Roman', 'Palatino', serif;
   }

   .internal aside ul.sidenav li a:hover, .internal aside ul.sidenav li a:active,
   .internal aside ul#sidenav li a:hover, .internal aside ul#sidenav li a:active {
      color: #a9233e;
      text-decoration: none;
   }

   .internal aside ul.sidenav li.current_page,
   .internal aside ul#sidenav li.current_page { 
      background: url('../graphics/layout/sidenav_arrow_h.gif') right 17px no-repeat; 
   }


   .internal aside ul.sidenav li.current_page a:link, .internal aside ul.sidenav li.current_page a:visited,
   .internal aside ul#sidenav li.current_page a:link, .internal aside ul#sidenav li.current_page a:visited { 
      color: #a9233e; 
   }

   .internal aside ul.sidenav li.current_page a:hover, .internal aside ul.sidenav li.current_page a:active,
   .internal aside ul#sidenav li.current_page a:hover, .internal aside ul#sidenav li.current_page a:active { 
      color: #5d1322; 
   }

   .internal aside ul.sidenav li:first-child,
   .internal aside ul#sidenav li.first { 
      padding-top: 20px; 
      background-position: right 27px; 
   }

   .internal aside ul.sidenav li.fdpc_last,
   .internal aside ul#sidenav li.last { 
      border: none; 
      padding-bottom: 20px; 
   }

   /* ---- // ----- */

   .internal aside ul.sidenav li ul,
   .internal aside ul#sidenav li ul {
      background: none;
      border-top: 1px solid #d9d7d8;
      list-style: disc;
      color: #A9233E;
      padding: 10px 10px 0px 40px;
      margin: 8px 0 0 0;
   }

   .internal aside ul.sidenav li ul li,
   .internal aside ul#sidenav li ul li { 
      background: none; 
      border-bottom: none;
      padding: 4px 0 !important;
   }

   /**** BEGIN displaying only the menu within the currently active heirarchy *****/

   .internal aside ul.sidenav ul { 
      display: none; 
   }

   .internal aside ul.sidenav li.fdpc_here ul { 
      display: block; 
   }

   /**** END displaying only the menu within the currently active heirarchy *****/

   .internal #content h3 {
      line-height: 15px;
      margin: 0;
      margin-top: 30px; 
   }

   .internal #content .content_image {
      margin: 0;
   }

   .internal #content .content_image img {
      margin: 3px;
   }


/* =============================================================================
   General QA
   ============================================================================= */

   /* Form Element Default Styling */

   button, input, select {
      height: 22px;
      font-size: 11px;
   }

   button, input {
      padding: 2px 10px;
   }

   input.content_login_portal_password, input.content_login_portal_username, .form_row_submit {
      width: 100%;
      margin: 0;
      padding: 0;
   }

   table.calendar tbody td span.day, table.calendar thead th, table.content_data_table th.column_label, div.catalog_display_express p.continue_button, table.express_order th, .dlItemDetailsFormSubmitContainer, div.content_catalog_cart_navigation a:hover {
      background: #E8E8E6;
      color: #333;
   }

   table.express_order tr.item td {
      padding: 7px;
   }

   .dlCategoriesTitle h4, .dlListHeadingContainer a,  {
      color: #333;
   }

   div.form_row_submit, table#content_online_proof thead tr, #internal h5.form_title, div.dlItemDetailsHeading, div.dlSpecifyDetailsLinkContainer a:link, div.dlSpecifyDetailsLinkContainer a:visited, .dlListHeadingContainer, .dlCategoriesTitle {
      background: #E8E8E6;
      color: #333;
   }

   #spotlets h3 {
      color: #a8233f;
      font-weight: 300;
      font-family: Georgia, 'Times New Roman', 'Palatino', serif;
      font-size: 18px;
      margin-top: 0;
      margin-bottom: 5px;
      text-align: center;
   }

   #main p {
      margin: 14px 0;
   }

   .fdpc_calendar_event_ticket_info {
      margin: 0 0 0 95px;
   }



/* =============================================================================
   Browser QA
   ============================================================================= */

   footer { position: relative; }

   .footer_info {
      position: absolute;
      top: 4px !important;
      padding-top: 15px !important;
   }

   .internal #content h3.content_news_article_headline { font-size: 18px; line-height: 20px; color: #A8233F; }
   .internal #content .content_news_article_by_line { font-size: 14px; color: #5f5f5f; }

   /* Modern =================================================================== */

   

   /* IE (.ie) ================================================================= */

   

   /* IE9 (.ie9) =============================================================== */

   

   /* IE8 (.ie8) =============================================================== */

   

   /* IE8 & IE7 (.oldie) ======================================================= */

   .oldie #search input.google_site_search_form_textbox {
      line-height: 20px;
   }

   /* IE7 (.ie7) =============================================================== */

   .ie7 #utilities ul li, .ie7 .social_media ul li, .ie7 nav.pnav ul li, .ie7 #footerlinks ul li {display: inline;}

   .ie7 .social_media {margin-top: -10px;}

   .ie7 #container {z-index: 9999 !important;}
   .ie7 #container nav.pnav {z-index: 9998 !important;}
   .ie7 #container nav.pnav ul {z-index: 9997 !important;}
   .ie7 #container nav.pnav ul li {z-index: 9996 !important;}

   .ie7 nav.pnav ul li ul li {display: block;}
   .ie7 nav.pnav ul li ul li.first {margin-top: -8px;}
   .ie7 nav.pnav ul li ul li ul li.first {margin-top: 0;}

   .ie7 #logo {padding-top: 35px;}
   
   .ie7 #masthead h1 { line-height: 45px; }

/* =============================================================================
   FDP Styles
   ============================================================================= */

   #catalog {
      margin:1.14em 0;
      position:relative;
   }

   #catalog_order_details th {
      padding:4px 10px;
   }

   #internal div.dlCategoriesContainer h4 {
      color:#edecea;
      font-size:1.1em;
      margin:0;
   }

   #message_details .value {
      padding-left:10px;
   }

   #order_details_cart_actions,.dlItemDetailsFormSubmitContainer,.dlItemDetailsCategory {
      font-size:0.9em;
   }

   .catalog_order_details_section .catalog_order_items_reorder_button {
      bottom:0;
      clear:both;
      margin-top:-1.14em;
      position:relative;
      right:0;
   }

   .column_title,table#content_online_proof tbody tr td {
      padding:4px 10px 4px 0;
   }

   .dlItemDetailsPhotoContainer img.dlDetailsPhoto,.dlPhotoContainer img.dlPhoto {
      border-color:rgba(0,0,0,0.1);
   }

   .dlListHeadingContainer a {
      color:#edecea;
   }

   div.dlSpecifyDetailsLinkContainer a:hover,div.dlSpecifyDetailsLinkContainer a:active {
      background:#edecea;
      color:#B78B90;
   }

   div.form_row_submit,table#content_online_proof thead tr,#internal h5.form_title,div.dlItemDetailsHeading,div.dlSpecifyDetailsLinkContainer a:link,div.dlSpecifyDetailsLinkContainer a:visited,.dlListHeadingContainer,.dlCategoriesTitle {
      background:#e8e8e6;
      color:#edecea;
      font-size:0.9em;
   }

   h5.form_title {
      clear:both;
   }

   table.content_data_table td.row_odd,table.express_order p.category_title,#catalog_order_details th,.catalog_order_details_wrapper .catalog_order_section_row .catalog_order_section .catalog_order_section_title,#message_details .label.online_proof_details_label,table.express_order td.order_details_subtotal_value,table.express_order td.order_details_tax_value,table.express_order td.order_details_total_value,.dlItemDetailsFormHeading,.dlItemDetailsCategory {
      background: transparent;
      color:#555;
      vertical-align:middle;
   }

   table.express_order tr.category,table.express_order tr.category td {
      background:transparent none;
   }

   div.locations div.location {
      width: 130px !important;
      padding: 10px 99px !important;
      text-align: center !important;
   }

/* =============================================================================
   Masthead Layout
   ============================================================================= */

   .internal2 #masthead .content_image_box {
     width: 960px !important;
     z-index: 8750;
     height: 145px;
     margin-left: 89px;
  }

  .internal2 #masthead .content_image_box.align_image_center {
     text-align: center;
  }

  .internal2 #masthead .content_image_box.align_image_right {
     text-align: right;
  }

  .internal2 #masthead .content_image_box p img {
     position: inherit;
     max-width: 960px;
     max-height: 145px;
  }

/* =============================================================================
   Sticky Footer -- Comment In If Desired
   ============================================================================= */
/*
*  {
   margin: 0;
   }

html, body {
   height: 100%;
   }

.wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto (footer-height); /* the bottom margin is the negative value of the footer's height *//*
   background: black url('../graphics/bg.jpg') no-repeat top center;
   }

.push   {
   height: (footer-height); /* .push must be the same height as footer */
}

/*Opera Fix*//*
body:before {
   content:"";
   height:100%;
   float:left;
   width:0;
   margin-top:-32767px;
   }

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

   /* For image replacement */
   .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
   .ir br { display: none; }

   /* Hide from both screenreaders and browsers: h5bp.com/u */
   .hidden { display: none !important; visibility: hidden; }

   /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
   .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

   /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
   .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

   /* Hide visually and from screenreaders, but maintain layout */
   .invisible { visibility: hidden; }

   /* Contain floats: h5bp.com/q */ 
   .clearfix:before, .clearfix:after { content: ""; display: table; }
   .clearfix:after { clear: both; }
   .clearfix { zoom: 1; }

   /* Design Classes */

   .wrap {
      width:940px;
      margin:0 auto;
   }


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

   @media only screen and (min-width: 480px) {
    /* Style adjustments for viewports 480px and over go here */

 }

 @media only screen and (min-width: 768px) {
    /* Style adjustments for viewports 768px and over go here */

 }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

   @media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
 }