@import url('http://globalinc.prod.ehc.com/design/css/reset.css');
@import url('http://globalinc.prod.ehc.com/design/css/base/base-kiwi100.css');

/*

  ehc Toolkit 
  Version 1.3
  March 11 2010
  
  -----------------
  1.BODY
  2.PAGE
  3.HEADER
    3.1 LOGO
    3.2 SEARCH
    3.3 MAIN NAVIGATION
    3.4 SUB NAVIGATION
  4.CONTENT
    4.1 PROMO ROTATOR
    4.2 FEATURED SERVICES
    4.3 TABBED ITEMS
    4.4 CONTENT-SUB
    4.5 YOUTUBE

  5.FOOTER
    5.1 MARKET MAP
    5.2 SITE MAP
  6.INTERIOR PAGES
    6.1 NEWS ROOM
    6.2 PAGE TOOLS
    6.3 SOCIAL BOOKMARKS
    6.4 CALENDAR 
    6.5 BODY FEATURE CONTAINERS
  7.EXTRAS
  8.TEXT
    8.1 HEADINGS
    8.2 TEXT ELEMENTS
    8.3 LISTS
    8.4 TABLES
    8.5 FORMS
    8.6 MICROFORMAT
    8.7 IMAGES
  -----------------
  
*/

/* ---------------------------------------------
= 1. BODY
================================================ */
  body {
    background: #f4eddf url(/design/images/template/pagebg.gif) repeat-x 0 0;
    border-top: 0px;
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; 
    line-height: 20px;
  }
  

/* --------------------------------------------
= 2. PAGE
=============================================== */
  #page { position: relative; }

/*----------------------------------------------
= 3. HEADER
================================================ */

  #branding {
    font-family: Arial, Helvetica, sans-serif;  
    font-size:12px;
    width:350px;
    margin-top: 3px;
    color:#004990;
    position: absolute;
    top: 20px;
  left: 0;
  }

  /* = 3.1 LOGO
  ----------------------------------------------- */
  
  #logo h1 a {
    background: url(/design/images/template/logo.png) no-repeat;
    float: left;
    height: 78px;
    margin-bottom: 8px;
    margin-top: 18px;
    text-indent: -5000px;
    width: 240px;
  }  
  #header {
    background: url(/design/images/template/headerbg.gif) no-repeat;  
    height:128px;
    position: relative;
  }
  
  #header .nav-sub {
    float: left;
    padding-top: 4px;
    text-align: left;
    width: 663px;
  }

  #header .nav-sub ul {
    float: left;
    list-style: none;
  }

  #header .nav-sub ul li {
    float: left;
    margin-right: 5px;
  }

  #header .nav-sub ul li a {
    color: #004990;
    font-size: 12px;
    padding: 3px 5px;
    text-decoration: none;
  }
  #header .nav-sub li a:hover {
    color: #458cc3;
  }
  

  /* = 3.2 SEARCH
  ----------------------------------------------- */
  #site-search { 
    background: transparent;
    float: left;
    width: 205px;
    margin-top: 4px;
  }

  #site-search fieldset { border: 0; padding: 0; }

  fieldset.search { width: 170px; float:left; }
  fieldset.search input {
    border-right: 0;
    float: left;
    font-size:10px;
    height: 10px;
    margin-top: 1px;
    width: 170px;
  }

  div.submit { margin-top: -2px; width: 20px; float: left;}
  div.submit a {
    background: url(/design/images/template/icons/search.gif) no-repeat 0 0;
    border: 0;
    float: left;
    margin-top: 3px;
    text-indent: -5000px;
    width: 20px;
  }
  
  #social-networks {
    float: right;
    margin-top: 4px;
  }
  
  /* = ER WAIT TIME
  ----------------------------------------------- */
  #er-wait-time {
    background: #f8fbfd url(/design/images/template/er-wait/er-wait-bg.png) no-repeat 100% 100%;
    padding: 34px 0 5px 5px;
    position: absolute;
    right: 0;
    top: 42px;
    width: 373px;
  }
  
  #er-wait-time h2 {
    background: url(/design/images/template/er-wait/er-wait-header.png) no-repeat 0 0;
    display: block; 
    float: left;
    height: 46px;
    left: 0;
    position: absolute;
    text-indent: -5000px;
    top: -10px;
    width: 383px;
    z-index:10;
  }
  
  h3.wait-time {
    background: url(/design/images/template/er-wait/minutes-bg.png) no-repeat 0 0;
    color: #ed2d32;
    display: block;
    float: right;
    font-size: 28px;
    height: 52px;
    padding: 17px 0 0 18px;
    position: absolute;
    right: 5px;
    top: 24px;
    width: 155px;
    z-index: 5;
  }
  
  h3.wait-time span {
    color: #0d5193;
    float: right;
    font-size: 28px;
    position: absolute;
  }
  
  #facility-selector {
    float: right;
    position: absolute;
    right: 0;
    top: 2px;
    width: 162px;
    z-index: 15;
  }

  #er-select-facility {
    width: 140px;
  }

  span.publish-date, p.disclaimer { color: #276ba6; margin: 0; width: 190px; }
  
  span.publish-date {
    float: left;
    font-size: 11px;
    font-weight: bold;
  }
  
  p.disclaimer {
    font-size: 11px;
    line-height: 11px;
  }
  
  .tagline span {
    color: #004990;
    float: left;
    font-size: 18px;
    margin: 7px 0 10px 5px;
  }
  
  /* = 3.3 MAIN NAVIGATION
  ----------------------------------------------- */
  #nav-main {
    clear: both;
    float: left;
    height: 35px;
    margin: 0 0 0px 10px;
    position: relative;
    width: 100%;
    z-index: 100;
  }

  #nav-main ul, #nav-main ul * {
    margin:  0;
    padding: 0;
    list-style:  none;
  }
  #nav-main ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  #nav-main ul a:hover {
    font-family: Arial, Helvetica, sans-serif;
    background-color:transparent;
  }
  
  #nav-main ul li ul {
    position: absolute;
    top: -999em;
    width: 12.5em; /* left offset of submenus need to match (see below) */
    border: solid 1px #4891c8;
    background: #f5efe6 url(/design/images/template/dropdownBGgrad.jpg) repeat-x 0 100%;
  }

  #nav-main ul ul li {
    border-bottom: dotted 1px #4891c8;
  }
  #nav-main ul ul li:last-child { border-bottom: none; }
  
  #nav-main ul ul li a, #nav-main ul ul li a:visited {
    color:#004990;
    font-size: 12px;
    padding: 6px 10px;  
  }
  #nav-main ul ul li a:hover {
    color:#004990;
    background-color:#e5dbc8;
  }
  
  #nav-main ul li:hover a, #nav-main ul li.sfHover a {
    background-color: transparent;
  }
  #nav-main ul ul li {
    width: 100%;
  }
  #nav-main ul li:hover {
    visibility:  inherit; /* fixes IE7 'sticky bug' */
  }
  #nav-main ul li {
    float:      left;
    position:    relative;
  }
  #nav-main a {
    display:    block;
    position:    relative;
  }
  #nav-main li a:hover {
    color:#fff;
  }
  #nav-main ul li:hover ul,
  #nav-main ul li.sfHover ul {
    left: 0px;
    top: 2.2em; /* match top ul list item height */
    z-index: 99;
  
  }
  #nav-main ul li:hover li ul,
  #nav-main ul li.sfHover li ul {
    top: -999em;
  
  }
  #nav-main ul li li:hover ul,
  #nav-main ul li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
  }
  #nav-main ul li li:hover li ul,
  #nav-main ul li li.sfHover li ul {
    top: -999em;
  }
  #nav-main ul li li li:hover ul,
  #nav-main ul li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;  
  }
  #nav-main ul {
    float: left;
    margin-bottom:  1em;
  }
  #nav-main ul li a, #nav-main ul li a:visited {
    background: transparent url(/design/images/template/navDivider.png) no-repeat 100% 50%;
    color: #e8e8e8;
    font-size: 14px;
    padding: 6px 20px;
    text-decoration:none;
  }
  #nav-main ul li:last-child a { background-image: none; }

  #nav-main ul li a:hover {
    color: #fff; 
  }
  
  #nav-main ul li ul li a, #nav-main ul li ul li a:visited {
    background-image: none;
  }
  
  #nav-main li li {
    background: transparent;
  }
  #nav-main a:focus, #nav-main a:hover, #nav-main a:active 
  #nav-main ul li:hover, #nav-main ul li.sfHover {  
    background-color:  transparent;
    outline: 0;
  }

  /*** arrows **/
  #nav-main a.sf-with-ul {
    padding-right:   2.25em;
    min-width:    1px; /* trigger IE7 hasLayout so spans position accurately */
  }
  
  .sf-sub-indicator {
    position:    absolute;
    display:    block;
    right:      .75em;
    top:      1.05em; /* IE6 only */
    width:      10px;
    height:      10px;

    text-indent:   -999em;
    overflow:    hidden;
    background:    url(/design/images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
  }
  a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:      .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
  }
  /* apply hovers to modern browsers */
  a:focus > .sf-sub-indicator,
  a:hover > .sf-sub-indicator,
  a:active > .sf-sub-indicator,
  li:hover > a > .sf-sub-indicator,
  li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
  }
  
  /* point right for anchors in subs */
  #nav-main ul ul .sf-sub-indicator { background-position:  -10px 0; }
  #nav-main ul ul a > .sf-sub-indicator { background-position:  0 0; }
  /* apply hovers to modern browsers */
  #nav-main ul ul a:focus > .sf-sub-indicator,
  #nav-main ul ul a:hover > .sf-sub-indicator,
  #nav-main ul ul ul a:active > .sf-sub-indicator,
  #nav-main ul ul li:hover > a > .sf-sub-indicator,
  #nav-main ul ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
  }

  /*** shadows for all but IE6 ***/
  #nav-main .sf-shadow ul {
    background:  url(/design/images/shadow.png) no-repeat bottom right;
    padding: 0 8px 0px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
  }
  #nav-main .sf-shadow ul.sf-shadow-off {
    background: transparent;
  }
    
  /* = 3.4 SUB NAVIGATION
  ----------------------------------------------- */
  #content-main .nav-sub {
  float: left;
    padding-top: 10px;
  margin-bottom: 10px;
  }
  
  #content-main .nav-sub li { float: left; list-style: none; margin-right: 10px; }
  #content-main .nav-sub li:last-item { margin: 0; }

/*-----------------------------------------------
= 4. CONTENT
================================================= */

  #content-wrap {
    float: none;
    margin: 0 auto;
    width: 940px;
  }
  
  #content-sub1 {
    background: url(/design/images/template/sidebarBG.jpg) repeat-x;
  }
  
  .content-sub-block1 {
    margin: 50px auto;
    width: 250px;
  }

  .content-sub-block2 {
    margin-top: 100px;
  }

  #content-main ul li { margin-left:30px; }

  #content-main ul li a#news,
  a#events { margin-left:-30px; }

  
  /* = 4.1 PROMO ROTATOR
  ----------------------------------------------- */
  #featured-content {
    float: left;
    clear: both;
  left: 0;
    position: absolute;
    width: 100%;
    top: 159px;
    z-index: 5;
  }
  
  #promo {
    background: transparent url(/design/images/template/promo/promoBG.png) no-repeat 430px 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 1200px;
  }

  #promo-tabs-container {
    float: left;
  }

  #promo-tabs-container img {
    float: left;
    margin: 0;
    position: absolute;
    z-index: 0;
  }
  
  #promo-tabs-container .promo-image {
    height: 350px;
  left: 0;
    overflow: hidden;
  position: absolute;
  top: 0;
    width: 1120px;
  }

  #promo .tab-text {
    display: none;
  }
  
  #promo .image {
    float: left;
    position: relative;
  }
  
  #promo .promo-text {
    background: transparent;
    top: 16px;
    left: 480px;
    position: absolute;
    width: 500px;
  }  
  
  #promo .promo-text p {
    color: #525252;
    font-size: 12px;
  }
  
  #promo .promo-text h3 {
    color: #276ba6;
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
  }

  #promo-tabs-selectors {
    float: left;
    height: 141px;
    margin: 0;
    padding: 21px 0px 0px 0px;
    width: 16px;
    left: 430px;
    position: absolute;
    top: 0px;
    text-indent: -5000px;
    text-decoration:none;
    z-index: 20;
  }

  #promo-tabs-selectors li {
    height: 14px;
    list-style: none;
    margin-bottom: 7px;
    text-decoration:none;
  }
  
  
  #promo-tabs-selectors li a, #promo-tabs-selectors li a:visited {
    background: transparent;
  border: 1px solid #fff;
    display: block;
    height: 13px;
    outline: 0;
    position: relative;
    text-decoration: none;
  padding: 0;
  margin: 0;
  }
  
  #promo-tabs-selectors li a:hover {
    background: #fff;
  cursor: pointer;
    height: 13px;
  width: 13px;
  }
  
#graphic {
    background: transparent url(/design/images/template/promo/extra-graphic.png) no-repeat 0 0;
    height: 152px;
    left: 464px;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 20;
}
  
  /* optional extra image on each nav item 
  #promo-tabs-selectors li a span.extra {
    display: none;
  }
  #promo-tabs-selectors li a.activeSlide span.extra {
    background: transparent url(/design/images/template/promo/extra-graphic.png) no-repeat 0 0;
    display: block;
    height: 152px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 2px;
    z-index: 20;
  }
  */
  #promo-tabs-selectors li a.activeSlide {
    background: #fff;
    height: 13px;
  width: 13px;
  }
  
  #promo-tabs-selectors li a.activeSlide:visited {
    color: #007060;
    font-weight: bold;
  }
  
  #promo-tabs-selectors li a.activeSlide span.wrap {
    padding-left: 0px;
    height: 13px;
  width: 13px;
  }
  
  #promo-tabs-selectors li a span.wrap {
    display: block;
    height: 13px;
    padding: 0;
  width: 13px;
  }
  
  
  #promo-tabs-selectors li.promo-content1 a span.wrap {

  }

  #promo-tabs-selectors li h2 {
    font-family: Verdana, sans-serif;
    font-size: 9px;
    font-weight: normal;
    margin: 0;
    text-decoration:none;
  }

  .more-info { 
    background: transparent url(/design/images/btn_bg.png) no-repeat 0 0; 
    color: #525252;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    padding: 0;
    text-decoration: none;
  }
  
  .more-info span { 
    background: transparent url(/design/images/btn_span_bg.png) no-repeat 100% 0;
    height: 22px;
    float: left;
    cursor: pointer;
    margin: 0 -7px 0 0;
  }
  .more-info span:hover {
    background-position: 100% -26px;
  }
  
  .more-info:hover {
    background-position: 0 -26px;
    color: #A37C35;
  }

  /*--end promo styles --*/
  
  
  /* = 4.2 2COL CONTENT
  ----------------------------------------------- */

  ol {width: 100%;}

  ol li {
    float: left;
    width: 295px;
    list-style-type:none;
  }

  ol li.full{
    float: left;
    width: 590px;
    list-style-type:none;
  }

  sup,sub {
     height: 0;
     line-height: 1;
     vertical-align: baseline;
     _vertical-align: bottom;
     position: relative;
  }

  sup {
     font-size:.8em;
     bottom: 1ex;
  }

  sub {
     font-size:.8em;
     top: 1ex;
  }

  br {clear: left;}

  div.2col-wrapper {margin-bottom: 1em;}


  /* = 4.3 TABBED ITEMS
  ----------------------------------------------- */
  #col1, #col2 {
    float: left;
    width: 270px;
    height: 550px;
  }
  #col2 { background-image:url('/design/images/template/videosBGgrad.jpg'); background-repeat: repeat-x; margin-left: 30px; padding: 10px 10px 0; }
  #col1 { padding-bottom:10px; }
  
  #col2 h3 {
    color: #ceb689;
    font-size: 14px;
    margin-bottom: 10px;
  }
  
  #col2, .ui-tabs{
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,.3);
    box-shadow: 0px 3px 10px rgba(0,0,0,.3);
  }
  
  #tabs-2 li {
    list-style: none;
  }
  
  #tabs-2 h4 {
    float: left;
    margin-bottom: 5px;
  }
  
  #tabs-2 .date,
  #tabs-2 p {
    clear: both;
    margin: 0;
  }
  
  .ui-tabs { 
    zoom: 1; 
  }
  
  .ui-tabs .ui-tabs-nav { 
    list-style: none;
    position: relative;
  }
  
  .ui-tabs .ui-tabs-nav li { 
    border-bottom-width: 0 !important;  
    float: left; 
    margin: 0 0 -1px 0; 
    padding: 0;
    position: relative;
  }
  
  .ui-tabs .ui-tabs-nav li a { 
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-top: 0px solid #ccc;
    display: block;
    float: left;
    outline: 0;
    text-decoration: none; 
    width: 125px;
  }  
  
  .ui-tabs .ui-tabs-nav li a:hover {
    background: none;
  }
  
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
    background: none;
    color: #A90533;
    font-weight: bold;
    padding-bottom: 0px; 
  }
  
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#news, 
  .ui-tabs .ui-tabs-nav li.ui-state-disabled a#news, 
  .ui-tabs .ui-tabs-nav li.ui-state-processing a#news { 
    border-bottom: 0px solid #fff;
    color: #558cbc; 
    cursor: text;
  }
  
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#events, 

  .ui-tabs .ui-tabs-nav li.ui-state-disabled a#events, 
  .ui-tabs .ui-tabs-nav li.ui-state-processing a#events { 
    border-bottom: 0px solid #fff;
    color: #a2c07e; 
    cursor: text;
  }
  
  .ui-tabs .ui-tabs-nav li a, 
  .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
    cursor: pointer; 
  } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  
  .ui-tabs .ui-tabs-panel { 
    background: none;
    border-width: 0;
    padding: 10px 10px 0; 
    display: block;  
  }
  
  .ui-tabs .ui-tabs-hide { display: none !important; }

  #tabs li { list-style: none; }

  #tabs-1, #tabs-2 { 
    clear:left;
    float:left;
  margin-top: -3px;
    width: 250px; 
  height: 525px;
  }
  
  #tabs-1 {
    background: url(/design/images/template/newsBGgrad.jpg) repeat-x;
  }
  
  #tabs-2 {
    background: url(/design/images/template/eventsBGgrad.jpg) repeat-x;
  }
  
  a#news { 
    color: #999;
    padding:5px 0 5px 10px;
  background-color:#D5E5F4;
  }
  
  a#news:hover {
    color:#558cbc;
  }

  a#events { 
    color: #999;
    padding:5px 0 5px 10px;
  background-color:#D1DFBC;

  }
  
  a#events:hover { 
    color: #a2c07e;
  }


  #events-news { 
    border: 0px solid #e1e6ea;
    float: left;
    margin-top: -1px; 
    padding-bottom: 5px;
    width: 250px;
  }
  #events-news h3 {    
    clear: left; 
    font-size: 14px;
  }

 #events-news p, #tabs-2 a {line-height:15px;}

  .rssButton{ float:right; text-decoration:none; }
  
  .rssButton a:link { 
    text-decoration:none;
    font-size:10px;
  }
ul.news-items li{
    width:97%;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:1px solid #7f9e47;
} 
 
#tabs-2 h3 { 
    clear: left; 
    font-size: 14px;
  }
 #tabs-2 p, #tabs-2 a {line-height:15px;}

.news-image {
    float:left;
    margin:0 10px 0 0;
}
.news-image img {
border:2px #004795 solid;
}
  
  .date { 
    width:100%;
    color: #999; 
    float: left;
    margin: 5px 0 5px 0;
  }
  
  .description { 
    color: #444; 
    float: left;
    margin: 0px 0 10px 0;
    font-size:11px;
    line-height:12px;
    padding: 0px 0px 12px 0px;
    border-bottom: 2px solid #a2c07e;
  }
  .more {
    text-align: right;
    font-size: 11px;
  }
  .moreNews {
    text-align: right;
    font-size: 11px;
  }
  
  .btn { 
    clear: both; 
    float: left;
  }
  
  
  .addThis {
    display: block;
    float: right;
    margin-bottom: 0px;
    width: 100%;
  text-align:right;
  }
  
  /* = 4.4 CONTENT-SUB
  ----------------------------------------------- */
  
  #content-sub1 h4 { background: #7ba6c9; clear: left; color: #efefef; margin-top: 10px; margin-bottom:10px; padding: 5px 12px; font-weight: normal;}
  
  /* Accordion
  ----------------------------------*/
  #content-sub1 .facilities h3 { background-image: none; font-size: 14px; height: 1.5em; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;}
  .facilities { float: left; margin-bottom:10px; margin-left: 20px; width: 230px; }  
  #content-sub1 .facilities p {color: #444; line-height:14px;}
  .ui-accordion .ui-accordion-content-active { color: #276ba6; font-size: 12px; }
  #content-sub1 .facilities img {padding-top: 1em;}
  
  /*
  .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
  .ui-accordion .ui-accordion-li-fix { display: inline; }
  .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
  .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
  IE7-/Win - Fix extra vertical space in lists
  .ui-accordion a { zoom: 1; }
  .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
  .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
  .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
  
  */
  
  #tweets {
    clear: both;
    float: left;
  width: 300px;
  }
  
  /* = 4.5 YOU TUBE
  ----------------------------------------------- */
  #videos {
    background: #eee6d6;
    float: left;
    padding: 10px;
    margin-top: 10px;
  }
  
  #home #yplayer { 
  float: left; 
  margin-right: 10px; 
  width: 320px;
  }
  
  #home #yplaylist { 
  float: none; 
  margin: 0 auto; 
  width: 250px; 
  }  
  
  #playlist-nav { clear: both; }

  #playlist-nav a { float:left; }

  #playlist-nav ul { 
  clear: none;
  float:left;
  list-style-type:none;
  margin: 0 10px; 
  }
  #playlist-nav ul li {
  float:left;
  margin: 0 5px;
  }
  
  #yplaylist { 
    width: 270px; 
    float: left; 
    padding-left: 10px; 
  }
  
  #interior #yplaylist { 
    height: 320px;
    width: 545px; 
    float: left; 
    padding-left: 10px; 
  }
  
  h2#title { 
    font-size: 14px;
  }

  #home .video-item {
    float: left;
    margin: 12px 7px;
    width: 120px;
  }

  #interior .video-item {
    float: left;
  margin: 5px;
    width: 135px;
  }

  #interior .video-item h2 { 
  clear: both;
  font-size: 18px;
  line-height: 22px; 
  }

  #interior .video-item a { float:none; }
  
  #home .video-thumb {
    float: left;
    width: 120px;
  }
  
  #interior .video-thumb {
    float: left;
    margin-right: 12px;
    width: 120px
  }
  
  .video-info {
  clear: both;
    float: left;
    width: 270px;
  }
  
  .video-desc {
    clear: both;
  }
  
  #home .video-title,
  #home .duration { display: none; }

  #interior .video-title {
    display: block;
  }

  /* = 4.6 SEARCH
  ----------------------------------------------- */
  .search-buttons ul li {
    float: left;
    list-style: none;
    margin-right: 5px;
  }
  
     ul.search-results,
  ul.search-results li,
   p.search-message,
   ul#facets{
    clear: both;
    float: left;
    list-style-type: none;
  }
  
  ul.search-results li {
    padding: 10px 0;
  }
/*----------------------------------------------- 
= 5. FOOTER
================================================= */

  #footer-wrap {
    background: #004990;
    margin-bottom: 60px;
  }
  
  #footer {
    clear: left;
    padding: 10px;
    position: relative;
    width: 920px;
  }

  #footer-links { 
    color: #004990;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:left;
    float:left;
  }

  #footer-info {
    color: #004990;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;text-align:left;  
    float:right;
    width:250px;
  }
  
  #site-info, #facility-info {
    bottom: -180px;
    color: #004990;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: absolute;  
  }
  
  #site-info {
    bottom: -282px;
    right: 0;
    text-align: right;
    width: 280px;  
  }
  
  #facility-info {
    bottom: -230px;
    left: 0;
    text-align: left;
    width: 588px;
  }
    
  #site-info a { 
    color: #004990;
    text-decoration:none;
  }   
  
  #site-info a:hover { 
    color: #478dc3;
    text-decoration:none;
  }


  #legal-links {
    margin: 0 0 1em;
  }

  #legal-links ul li {
    font-size: 12px;
    list-style: none;
  }

  li.legal-pricing a {
    padding: 0px 0px 4px 18px;
    color: #8f6e28;
    background: url(/design/images/template/icons/patient-financial.gif) no-repeat 0 0;
    text-decoration: none;
  }
  

  /* = 5.2 SITE MAP
  ----------------------------------------------- */
  .siteMap {
    float: left;
    margin-bottom: 10px;
    width: 920px;
  }

  .siteMap ul {
    list-style: none;
    height:165px;
  }

  .siteMap ul li {
    float: left;
    list-style: none;
    margin: 0 10px 0px 0;
    width: 284px;
    font-size: 13px;
    background:#003d78;
    color: #fff;
    padding:6px 8px;
  }
    
  .siteMap ul ul {
    margin: 0;
  }

  .siteMap ul ul li {
    font-size: 13px;
    line-height: 10px;
    margin: 0;
    background: transparent;
    width: 274px;
  }

  .siteMap ul li:last-child {
    background-image: url(/design/images/template/tristarFooterLogo.png);
    background-repeat: no-repeat;
    background-position: 90% 90%;
    margin-right: 0;
  }
  
  .siteMap ul ul li:last-child {
    background-image: none;
  }

  .siteMap ul li.clear { clear: both; }

  .siteMap ul li a {
    color: #fff;
    text-decoration: none;
  }

  .siteMap ul ul li a {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
  }

  .siteMap ul ul li a:hover, 
  .siteMap ul ul li a:focus { color: #468cc2; }
  
/*----------------------------------------------- 
= 6. INTERIOR PAGES 
================================================= */

  #interior #featured-content {
    width:1120px;
    height:250px;
    position:absolute;
    left: 50%;
    margin-left: -600px;
    top: 159px;
    z-index: 5;
  }
  
  #content {
    background: #fff;
    float: left;
    margin: 0 auto;
    position: relative;
    width: 940px;
    z-index: 10;
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
  }
  
  
  #interior #content-main,
  #interior #calendar {
    background: #fff;
  }
  
  #content-main,
  #interior #content-main {
    padding: 20px 15px;
    width: 590px;
  }
  
  #interior #content-main {
    margin: 0;
  }
  
  #interior #content-sub1 { 
    background: #F5E3BF;
    float: left;
    background: url(/design/images/template/interiorSideGrad.jpg) repeat-x;
    width: 300px;
  }
  
  #content-sub1 h3 {
    background: url(/design/images/template/interiorSectionHeader.jpg) repeat-x;
    height:40px;
    width:276px;
    margin: 12px 0px -10px 0px;
    font-family: "Times New Roman", Times, serif;
    color:#FFF;
    font-size:20px;
    padding: 11px 12px;
  }
  
  #content-sub1 .nav-sub {
    padding: 0px 20px;
  }
  
  #content-sub1 .nav-sub ul {
    font-family:Arial, Helvetica, sans-serif;
    list-style: none;
    text-decoration:none;
  }
  
  #content-sub1 .nav-sub ul a {
    list-style: none;
    text-decoration:none;
  }
  #content-sub1 .nav-sub ul a:hover {
    list-style: none;
    text-decoration:underline;
  }
  #content-sub1 .nav-sub ul li a {
    font-size:16px;
    line-height: 28px;
    list-style: none;
    color:#276ba6;
  } 
  #content-sub1 .nav-sub ul li li a {
    font-size:14px;
    line-height: 24px;
    list-style: none;
    padding-left:15px;
    color:#9e9e9e;
  }

  .listItem { margin-bottom: 15px; float:left; clear: both; }

  #crumb-trail {
    float: left;
    width:100%;
    margin: 0 0 10px 0;
  }

  #crumb-trail li a { float: left; }

  #crumb-trail li img {
    float: left;
    margin-top: 3px;
  }

  #crumb-trail ul li {
    float: left;
    list-style: none;
  }

  #crumb-trail ul li img { margin: 0 5px; }


  /* = 6.1 NEWSROOM
  ----------------------------------------------- */
  .news-items { list-style: none; }

  .news-items a, a:link, a:visited {text-decoration:none;}

  .news-items h3 {font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}

  /* = 6.2 PAGE TOOLS
  ----------------------------------------------- */
  #page-tools {
    margin: 10px 10px 0px 0px;
    width: 300px;
  }
  
  #page-tools .linkWrap {
    float:right;
    position: relative;
  }

  .email { float: left; background: url(/design/images/template/icons/email-pagetool.gif) no-repeat; }
  .print-page { float: left; background: url(/design/images/template/icons/print-pagetool.gif) no-repeat; }
  .share { float: left; background: url(/design/images/template/icons/share-pagetool.gif) no-repeat; }

  .email,
  .print-page,
  .share {
    background-position: 0 3px;
    padding-left: 20px;
  }

  .tool { 
    display:block;
    float:left; 
  }
  
  .tool img {
    float:left;
    margin:0px 6px 0px 0px;
  }
  
  .tool a {
    text-decoration:none;
    float:left;
    margin:0px 15px 0px 0px;
  }
  
  .sendtoFriend a.btn,
  .sendtoFriend a.btn:link,
  .sendtoFriend a.btn:visited,
  .sendtoFriend a.btn:hover {
    font-size: 10px;
    margin-right: 10px;
    padding: 2px 5px;
  }
  
  .sendtoFriend form .buttonGroup {
    clear:both; 
    float: left;
    text-align: left;
    margin-top: 0px;
    width: 200px;
  }

  .sendtoFriend{ 
    position:absolute; 
    top: 0; 
    right: 0; 
    z-index:100; 
    font-size:12px; 
    display:none; 
    width:210px; 
    height:420px; 
    margin:0; 
    background:#eee;
    padding: 5px 7px 5px 5px;
    border: 1px solid #ccc;
  }

  .sendtoFriend fieldset { 
    padding: 0;
    width: 200px;
  }
  
  .sendtoFriend .form-input { 
    margin: 0 0 5px 0; 
    float: left; 
    clear: both;
  }
  
  .sendtoFriend .form-input label {
    margin: 0 0 5px 0; 
    text-align: left; 
    display: inline; 
    float: left;
    font-weight: normal;
    font-size: 10px;
    width: 200px; 
  }
  
  .sendtoFriend .form-input input { 
    padding: 3px; 
    border: 0px solid #999; 
    width: 190px; 
    clear: left; 
  }
  
  .sendtoFriend .form-input textarea { 
    padding: 3px;
    border: 0px solid #999;
    width: 190px;
    clear:left;
  }
  
  .sendtoFriend .form-input input:focus, .form-input textarea:focus { 
    outline: 0px solid #03538B; 
  }
  
  .sendtoFriend .required { 
    font-size: 10px;
    float: left; 
    clear: both; 
    width: 190px;
  }
  
  /* = 6.3 SOCIAL BOOKMARKS
  ----------------------------------------------- */
  .shareWrap{ position:relative; float:left; }

  .shareWrap a.dotCMS-btn{ text-decoration:none; border:0px; display:inline; }

  #socialBookmarks{
    border:1px solid #ccc;

    width:153px; 
    background:#eee; 
    position:absolute; 
    z-index:800; 
    padding:10px 10px 5px 10px; 
    top:0;
    right: 0; 
    text-align:left;
  }
  #socialBookmarks li{ list-style-type:none; margin:0px 0px 5px 0px; font-size:100%; }

  .ie6 #socialBookmarks{ right:-1px; }

  #socialBookmarks a{ 
    text-decoration:none;
    float:none;
    display:block;margin:0px 0px 5px 0px; 
    font-weight:normal; 
  }

  #socialBookmarks img{ padding:0px 0px 0px 0px; margin:0px 5px -4px 0px; }

  #socialBookmarks .dotCMS-close{
    text-align:right;
    padding:3px 0px 0px 0px; 
    margin:0px 0px; 
    font-weight:bold;
  }

  .ie6 #socialBookmarks .dotCMS-close{ margin-bottom:-20px; }
  .ie6 #socialBookmarks img{ margin:0px 0px -4px 0px; }
  
  /*----------------------------------------------- 
  = 6.4. CALENDAR  
  ================================================= */
  #calendar-search,
  .tags {
    clear: left;
    float: left;
  }
  
/* ---------------------------------------------
= 7. EXTRAS
================================================ */
  /*
  {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
  */


  #page-tools {
    float: right;
    margin: 10px 20px 0 0;
    width: 240px;
  }

  .vcard  { 
    text-align: center;
  }

  .vcard div { 
    display: inline;
    margin: 0 0.4em 0 0;
  }

  .vcard span { 
    margin: 0 0.4em 0 0; 
  }
  
  #audience-tabs {
    clear: both;
    width: 940px;
  float: right;
    height: 40px;
  margin-top: 55px;
    position: relative;
    text-align: right;
    z-index: 5;
  }
  
  #audience-tabs ul {
    list-style: none;
  }
  
  #home #nav-main {
    margin-bottom: 140px;
  }
  
  #at1 a {
    background: url(/design/images/template/forPhysiciansRollover.png) no-repeat 0 0;  
    height:40px;
    width:168px;
    text-indent: -5000px;
    text-align:left;
    float:right;
  }
  
  #at1 a:hover { background-position: 0 -40px; }
  
  #at2 a {
    background: url(/design/images/template/forVisitorsRollover.png) no-repeat 0 0;  
    height:40px;
    width:140px;
    text-indent: -5000px;
    text-align:left;
    float:right;
  }
  
  #at2 a:hover { background-position: 0 -40px; }

  #at3 a {
    background: url(/design/images/template/forPatientsRollover.png) no-repeat 0 0;  
    height:40px;
    width:165px;
    text-indent: -5000px;
    text-align:left;
    float:right;
  }
  
  #at3 a:hover { background-position: 0 -40px; }
  
/* --------------------------------------------
= 8. TEXT
===============================================*/
  
  /* 8.1 HEADINGS 
  ----------------------------------------------- */

  h1, h2, h3, h4, h5, h6 {  
    color: #276ba6; 
    text-decoration: none;
  }

  h1, h2, h3 {font-family: "Times New Roman", Times, serif; font-weight:normal;}

  h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; font-weight:bold;}

  h1 { font-size:24px; line-height: 22px; }

  h2 { font-size:22px; line-height: 22px; }

  h3 { font-size:24px; }
  h3 a:link a:visited { text-decoration:none; }

  h4 { font-size:18px; line-height: 18px; }
  h4 a:link a:visited { text-decoration:none; }
  
  h5 { font-size:16px; line-height: 18px; }
  h5 a:link a:visited { text-decoration:none; }

  h6 { font-size:12px; line-height: 12px; }
  
  .hr {line-height:1.3em; border-bottom:#a2c07e solid 2px; margin-bottom: .5em; padding-bottom: .5em; }

  .b { font-weight:bold; }
  
  .white {color:#FFF; }
  
  .grey {color:#9e9e9e; }

  .side-nav-item {margin-top: 5px; margin-bottom: 5px;}
  


  /* 8.2 TEXT ELEMENTS
  ----------------------------------------------- */
  p { line-height: 18px; margin: 0 0 15px 0; }
  
  p li {margin-left:35px;}

  a, a:link, a:visited { color: #276ba6;}
  a:hover, a:focus { color: #7aa5ca; }

  blockquote {}

  strong { font-weight:bold; }

  em, dfn { font-style:italic; }

  dfn { font-weight:bold; }

  sup, sub { line-height:0; }

  abbr, acronym { border-bottom:; }

  address {}

  hr {background-color: #A2C07E; border: none; color: #A2C07E; font-weight:bold; line-height:2em;  margin-bottom: .5em; }

  ins { font-weight: bold; text-decoration: none; }
  del { text-decoration: line-through; }

  pre { white-space:pre; }
  pre, code, tt { font-family: 'andale mono', 'lucida console', monospace;color: #999;font-size: 14px; line-height: 14px; margin-bottom: 15px; }


  /* 8.3 LISTS 
  ----------------------------------------------- */
  ul { list-style-type:disc; margin-bottom: 15px;}
  ol { list-style-type:decimal; margin-bottom: 15px; }

  dl { margin:0 0 15px 0; }
  dl dt { font-weight:bold; }
  dd { margin-left:15px; }


  /* 8.4 TABLES 
  ----------------------------------------------- */
   
  table { margin: 10px 0 15px 0; width:100%; border-bottom: 0; }

  th { background: #ccc; color: #525252; font-weight:bold; text-align: left; }
  th, td, caption { padding: 3px 5px; vertical-align:top; }

  tfoot {}

  caption {}

  tr.alt { background: #e8e8e8; }


  /* 8.5 FORMS
  ----------------------------------------------- */
  .over { background: #fef5c2; color: #ff0000;}
  .over input, .over textarea, .over select { border:1px solid #ff0000; color: #000; }

  .form-input { padding: 5px; }

  #site-search legend { display: none; }
  
  #content-main legend {
    float: left;
    width: 100%;
  }
  
  fieldset { padding: 20px 0; border-bottom: 1px solid #ccc; }
   
label{
  font-size: 14px; 
  font-weight: bold; 
  float: left; 
  width: 150px; 
}  

.captcha label{
  width: 300px; 
}
  
label.label2{
  width:100%; 
  margin-top:10px;
}
  
  input[type="text"] { color: #666; font-size: 14px; margin-bottom: 10px; padding: 3px 5px; border: 1px solid #999; width: 300px; }  
  input[type="radio"] { width: 20px; }
  
  textarea { color: #666; padding:5px; width: 300px; }

  select { border: 1px solid #999; color: #666; }

  option { color: #666; padding: 0 3px 3px 3px; }

  a.btn, a:link.btn, a:visited.btn, div.submit2 a.btn {
    background: #276ba6;
    color: #e8e8e8;
    display: block;
    float: left;
    font-size: 12px;
    margin: 15px 3px 0 0;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }

  a.btn:hover, div.submit2 a.btn:hover {
    background: #7aa5ca;
    color:#fff;
  }
  
  .captcha img { float: right; }
  
  .hint  { color: #999; float: right; }

  #content-main div.submit { clear: both; width: 100%; }
  
  #content-main .submit input {
    clear: none; 
    float: left;
    margin-right: 15px;
    width: 100px;
  }
  
  .disclaimer { clear: both; float: left; }
p.disclaimer2 { clear: both; }

  div.submit2 { width: 450px; overflow:hidden;}
  div.submit2 a {
    /*background: url(/design/images/template/icons/search.gif) no-repeat 0 0;*/
    border: 0;
    margin-top: 3px;
  color:white;
  font-weight:bold;
  }

#emsFeedbackForm label{
  width:530px;
}

#prfsurvey .btn,
#emsFeedbackForm div.submit2 a.btn{
  clear:none;
}



  /* 8.7 IMAGES
  ----------------------------------------------- */
  img.left { float:left; margin-right:8px; }
img.right { float:right; margin-left:8px; }

  /* 8.8 BODY FEATURE
  ----------------------------------------------- */
#body-feature {
  height: auto;
  width: 185px;
  float: left;
  padding:5px;
}

#body-feature-txt {
  text-align:center;
  padding:10px;
  width:165px;
}
#body-feature-txt, #body-feature-3span, #body-feature-txt-3span {
  color:#FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
}

#body-feature-3span {
  height: auto;
  width: 580px;
  float: left;
  padding:5px;
}

#body-feature-txt-3span {
  text-align:center;
  font-weight:bold;
  padding:10px;
  width:165px;
  margin-left:185px;
  margin-top:-90px;
  height:65px;
  width:375px;
}

#body-feature-txt a, #body-feature-txt a:link, #body-feature-txt a:visited, #body-feature-txt-3span a, #body-feature-txt-3span a:link, #body-feature-txt-3span a:visited {
  text-align:center;
  color:#FFF;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
}

#body-feature-txt a:hover, #body-feature-txt-3span a:hover {color:#EEE}

.green, .blue, .gold { margin-top:-6px }

.green { background-color:#a2bf7d }
.blue { background-color:#4489c0 }
.gold { background-color:#c59a54 }

/*----------------------------------------------
= media queries for mobile styles
================================================ 

@media   handheld and (max-device-width: 480px), 
    screen and (max-device-width: 480px),
    screen and (max-width: 600px) 
{
    body {
      padding: 5px;
    }
    
    #page {
      margin: 0 auto;
      max-width: 30em; /* 480 / 16 = 30em
      padding: 0 10px; 
    }

    #home .nav,
    #interior .nav {
      clear: left;
    }

    #header-wrap,
    #content-wrap,
    #footer-wrap,
    #footer,
    #header,
    #branding,
    #nav-main,
    .featured-service,
    #services,
    #content-sub1,
    #home #content-main,
    #interior #content-main,
    #interior #content-sub1,
    #content,
    #legal-links,
    #audience-tabs,
    #site-info,
    #facility-info {
      clear: both;
      float: left;
      padding: 0px 10px;
      width: 95.8333%; /* 460 / 480 = 0.91667
    }
    
    #header {
      height: 300px;
      background-image: none;
      background-color: #458BC1;
      border-top: 3px solid #004990;
    }
    .nav {
      width: 100%;
    }

    #nav-main .sf-sub-indicator {
      background: none;
    }
    
    .nav,
    #nav-main {
      padding: 0;
    }
    
    #home #nav-main {
      margin-bottom: 20px;
    }
    
    #nav-main ul li {
      text-align: center;
    }
    
    /* site search input
    #search_query {
      width: 149px; /* 460 / 480 = 0.958333
    }
    
    #site-search {
      width: 180px;
    }
    
    fieldset.search { width: 160px; }    
    
    #audience-tabs {
      margin-top: 0;
    }
    
    #content {
      margin-top: 20px;
    }
        
    #content-main,
    #interior #content-sub1 {
      margin: 10px 0 0 0px;
    }
    
    #content-sub1 .nav-sub {
      margin: 0;
      width: 87.5%; /* 420
    }

    #footer {
      margin-top: 20px;      
    }

    #header .nav-sub,
    #featured-content,
    #section-header,
    #home #nav-main ul ul li,
    #interior #nav-main ul ul li,
    #home #content-sub1,
    #map-wrapper,
    .siteMap,
     #home .twoCol,
    #audience-tabs,
    #col1,
    #col2 {
      display: none;
    }
    
    #home #logo h1 a,
    #interior #logo h1 a {
      left: 50%;
      margin-left: -120px;
      position: relative;
    }
    
    #site-info,
    #facility-info {
      position: static;
    }
    
    #site-info {
      float: left;
      text-align: left;
    }
    
    #facility-info {
      clear: left;
      float: left;
    }    
    
    #site-search,
    #home .nav,
    #interior .nav {
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }
    
    body {
      background: #F4EDDF none;
      font-size: 100%;
    }
    
    #content-sub1 h3 {
      padding: 5px 10px 0;
      margin-bottom: 10px;
      margin-left: -10px;
      width: 100%;
    }
    
    #nav-main {
      background-color: #004990;
      height: auto;
      margin: 10px;
      text-align: center;
    }
    
    #nav-main ul li {
      display: inline-block;
      float: none;
      padding: 5px;
    }
    
    #footer-wrap {
      background: transparent;
    }
    
    #nav-main ul ul {
      border: 0;
      width: auto;
    }

    #er-wait-time {
      right: 36px;
      top: 136px;
    }

    h3.wait-time {
      left: 3px;
      top: 32px;
    }

    #er-wait-time {
      left: 50%;
      margin-left: -120px;
      padding-top: 80px;
      width: 240px;
    }
    
    #er-select-facility {
      margin-top: 40px;
    }
    
    #er-wait-time h2 {
      width: 240px;
    }
    
    h3.wait-time {
      top: 62px;
    }
    
    p.disclaimer {
      width: 220px;
    }
    
    span.publish-date {
      margin-top: 32px;
    }
    
    #facility-selector {
      left: 15px;
    }
}

*/