/* override width for wider home page
---------------------------------------------------------- */

  body .frame {
    width: 950px;
  }
  #header { 
    margin-left: 40px;
  }

/* home flash content and fallback
---------------------------------------------------------- */

 #splash {
    clear: both;
    width: 950px;
    height: 430px;
    position: relative;
    overflow: hidden;
    font-family: georgia, 'times new roman', times, serif;
    letter-spacing: 1px;
  }
    #splash .splashnav {
      width: 241px; 
      height: 430px;
      position: absolute;
      z-index: 7;
      left: 40px;
      top: 0;
      text-align: center;
      background-color: #C4CFD7;
    }
    
      #splash .splashnav h3 {
        font-size: 2.3em;
        color: #666;
        font-variant: small-caps;
        font-weight: normal;
        display: block;
        padding: 19px 0;
        margin: 0 auto;
      }
      #splash .splashnav h3.active {
        color: #14386A;
        width: 193px;
        padding-bottom: 10px;
        border-bottom: 1px solid #D8D8D8;
      }
        #splash .splashnav .detailtext {
          color: #666;
          font-size: 1.5em;
          margin: 1em auto;
        }
          #splash .splashnav .detaillinks {
            font-variant: small-caps;
            font-size: 1.7em;
            color: #BFC0C8;
            font-weight: bold; 
            padding-bottom: 40px;
          }
          #splash .splashnav .detaillinks a {
            color: #6AAED8;
            font-weight: normal;
          }
          #splash .splashnav .detaillinks a:hover {
            text-decoration: underline;
          }
   
  #splash #splashvertscroller {
    position: relative;
    height: 430px;
    width: 642px;
    left: -318px;
	}
  #splash #splashvertscroller .vscrollable {
    position: absolute;
    width: 999999em;
    height: 999999em;
    z-index: 6;
  }

  #splash #splashvertscroller .loading {
    background: #FFF url("../images/scroller-loading.gif") no-repeat 50px 50%;
    height: 430px;
  }
  #splash .splashhscroller {
    position: relative;
    height: 430px;
    width: 642px;
	}
  #splash .splashhscroller .hscrollable {
    position: absolute;
    width: 999999em;
    z-index: 6;
  }
  #splash .splashhscroller .hscrollable img {
    float: left;
  }

  #splash .hscrollwrapper {
    position: relative;
  }
  

  #splash a.disabled {
    cursor: default;
    display: none !important;
  }
  #splash .hscrollwrapper .arrow {
    position: absolute;
    display: block;
    height: 150px;
    z-index: 8;
    text-indent: -999em;
    cursor: pointer;
  }
  #splash .vscrollwrapper .arrow {
    position: absolute;
    display: block;
    z-index: 8;
  }
  #splash .vscrollwrapper .up {
    top: 0;
    left: 0;
   }
  #splash .vscrollwrapper .down {
    bottom: 0;
    left: 0;
   }
  
  #splash .hscrollwrapper .next,
  #splash .hscrollwrapper .hnext
  {
    top: 0;
    left: 1118px;
    width: 150px;
    background: url("../images/scroller-arrow-right.png") no-repeat 100% 50%;
  }
  #splash .hscrollwrapper .prev,
  #splash .hscrollwrapper .hprev
  {
    top: 0;
    left: 318px;
    width: 65px;
    background: url("../images/scroller-arrow-left.png") no-repeat 0 50%;
  }  
  #splash a.disabled {
    display: none !important;
    cursor: default;
  }

/* port selector modal dialog
---------------------------------------------------------- */
  #portmodal {
    background: #FFF url("../images/portmodal-bg.jpg") no-repeat 0 0;
    padding-top: 233px;
    padding-bottom: 38px;
    text-align: left;
  }
    #portmodal-overlay {
      background-color: #00285D;
      cursor: wait;
    }
    #portmodal-container {
      width: 410px;
      height: 513px;
    }
    #portmodal p,
    #portmodal ul li a,
    #portmodal h5
    {
      padding-left: 63px;
    }
    #portmodal h5 {
      font-size: 1.1em;
      line-height: 1.8;
      color: #00285D;
      text-transform: uppercase;
      font-weight: normal;
    }
    #portmodal p {
      display: block;
      font-size: 1.2em;
      line-height: 1.6;
      color: #7D7D7D;
    }
    #portmodal ul {
      margin-top: 15px;
      display:none;
    }
    #portmodal ul li {
      font-family: georgia, 'times new roman', times, serif;
      font-size: 1.3em;
      color: #00285D;
      text-transform: uppercase;
    }
    #portmodal ul li a {
      color: #00285D;
      display: block;
      height: 23px;
      line-height: 23px;
    }
    #portmodal ul li a:hover {
      color: #FFF;
      background-color: #59ADD7;
    }