/*
 *  These are sundry classes and ids to support 
 *  the slider.
 *  Current classes are:
 *    .sliderwrapper1 
 *    .pagination1` 
 *    .sliderwrapper2 
 *    .pagination2 
 */

.sliderwrapper1 {
    position: relative;                                /* leave as is */
    overflow: hidden;                                  /* leave as is */
    border: 10px solid navy;
    border-bottom-width: 6px;
    width: 200px;                                      /* width  of featured content slider */
    height: 190px;                                     /* height of featured content slider */
  }

.sliderwrapper1 .contentdiv {
    visibility: hidden;                                /* leave as is */
    position: absolute;                                /* leave as is */
    left: 0;                                           /* leave as is */
    top: 0;                                            /* leave as is */
    padding: 5px;
    background: white;
    width: 390px;                                      /* width of content DIVs within slider.          */
                                                       /* Total width should equal slider's inner width */
                                                       /* (390+5+5=400)                                 */
    height: 100%;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }

.pagination1 {
    width: 200px;                                      /* Width of pagination DIV.                      */
                                                       /* Total width should equal slider's outer width */
                                                       /* (400+10+10=420)                               */
    text-align: right;
    background-color: navy;
    padding: 5px 10px;
  }

.pagination1 a {
    padding: 0 5px;
    text-decoration: none; 
    color: #00007D;
    background: white;
  }

.pagination1 a:hover, .pagination a.selected {
    color: #000;
    background-color: #FEE496;
  }

.sliderwrapper2 {
    position: relative;                                /* leave as is */
    overflow: hidden;                                  /* leave as is */
    border: 10px solid navy;
    border-bottom-width: 6px;
    width: 400px;                                      /* width  of featured content slider */
    height: 200px;                                     /* height of featured content slider */
  }

.sliderwrapper2 .contentdiv {
    visibility: hidden;                                /* leave as is */
    position: absolute;                                /* leave as is */
    left: 0;                                           /* leave as is */
    top: 0;                                            /* leave as is */
    padding: 5px;
    background: white;
    width: 390px;                                      /* width of content DIVs within slider.          */
                                                       /* Total width should equal slider's inner width */
                                                       /* (390+5+5=400)                                 */
    height: 100%;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }

.pagination2 {
    width: 400px;                                      /* Width of pagination DIV.                      */
                                                       /* Total width should equal slider's outer width */
                                                       /* (400+10+10=420)                               */
    text-align: right;
    background-color: navy;
    padding: 5px 10px;
  }

.pagination2 a {
    padding: 0 5px;
    text-decoration: none; 
    color: #00007D;
    background: white;
  }

.pagination2 a:hover, .pagination a.selected {
    color: #000;
    background-color: #FEE496;
  }