@charset "utf-8";


html {
  scroll-behavior: smooth;
}
   .newsItem img {
       max-width:33%;
       height:auto;
       }
   img, object, embed, video {
        max-width: 100%;  
        border: none;
    } 
   /*  IE 6 does not support max-width so default to width 100%  */
    .ie6 img {
        width:100%;
    }

p {
    margin-top: 0;
}
    
#quickSearchBtn {
    background: none repeat scroll 0 0 #0089A9;
    border: medium none;
    color: white;
    margin-left: -6px;
    padding: 8px 5px 6px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
}
input#quickSearchText {
    border: medium none;
    height: 29px;
    position: relative;
    text-indent: 25px;
    top: -1px;
    width: 230px;
    z-index: 1;
}
.styled-select li a {
    display: block;
    padding: 5px;
    font-weight: bold;
}
.styled-select li a:hover {
    background-color: white;
}
.styled-select li {
}

.styled-select {
    padding: 11px 0 6px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #0b2c4d;
    height: 20px;
    background: url(../images/nav-arrow.png) no-repeat right top #e2e3e7;
}
.styled-select-sub
{
    display: none; 
    background-image: none;
}
.styled-select li a.selected {
    background-color: #ffffff;
}

    .mobile-sub-sub > li a {
        padding-left: 10px;
    }
    .mobile-sub-sub li > ul > li a {
        padding-left: 20px;
    }
    .mobile-sub-sub li > ul > li > ul > li a {
        padding-left: 30px;
    }
    .mobile-sub-sub li a {
        font-weight: normal;
    }
    .mobile-sub-sub li {
        /*padding-left: 10px;*/
    }
.inner {
    margin-left: 10px;
    font-size:14px;
    line-height: 130%;
}
    ul, li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    /* Micro Clearfix */
    
    .cf:before, .cf:after { content: ""; display: table; }
    .cf:after { clear: both; }
    .cf { zoom: 1; clear:both; }
    
    /* Accessibility Skip Menu  */
    
    .skiplist {
        margin: 0; 
        padding: 0;
    } 
    .skip {
        display: none; 
        font-family: verdana, helvetica, sans-serif; 
        text-align: left; margin: 0; 
        padding: 0; 
        position: absolute;
    } /*All incl Opera*/

   /* * html */ .skip {
        display: block;
    } /*Seen by IE*/
    
    :root .skip {
        display: block;
    } /*Seen by Moz, FF and Safari*/
    
    .skip a {
        padding: 0 0.5em; 
        display: inline; 
        z-index: 2; 
        text-decoration:none; 
        position: absolute; 
        width: 14em; 
        left: -200em; 
        color: #fff;
    }
    
    .skip a:focus, .skip a:active {
        position: absolute; 
        left: 0.5em; 
        border: solid #333 2px; 
        color: #fff; 
        background: #555;
    }
    
    .skip a:hover {
        cursor: default;
    }

   a {
        color: #0089a9;
        text-decoration: none;
    }
    
    a:hover {
        color: #333;
    }


   
    body {
        color: #2f4d65;
        margin-top: 0;
    }

   #main-navigation-left-spacer {
     /*   border-top: 1px solid #cbd1d4; */
        margin:0 10px 0 0;
        float:left;
        /*padding:20px 0 0 0;    */
    }
    
    #main-navigation {
     /*   border-top: solid 1px #cbd1d4; */
        float:right;
        /*padding:20px 0 0 0;*/
    }
    
    #main-navigation ul {
        padding: 10px 0 0;
        margin: 0;
    }
    
    #main-navigation a {
        text-decoration: none;
        color: #555759;
        font-size: 13px;
        font-weight: bold;
        background: none;
    }
    
    #main-navigation a:hover {
        background: #fff;
        padding:4px 4px 4px 0;

        
    }
    
    #main-navigation li {
        float: left;
     /*   width: 144px; */
        padding: 10px 16px;
        margin: 0;
        list-style: none;
 
    }
    
    .paginationList li {
        float: left;
        margin: 0 10px 0 0;
        font-size: 10px;
    }
    
    /* Mobile Layout: 480px and below. */
    
    #wrapper {
        width:100%;
    }
                  
    body {
        font-family:Helvetica, Arial, sans-serif;
        background:#f7f7f3;
    }
    
    #header-search {
        /*display:none;*/
        width: 32px;
    }
    #header {
        margin-bottom: 15px;
        margin-top: 8px;
        clear: both;
    }
    
    .search {
        width:0px;
        background:url(../images/search-white.png) no-repeat top left;
        border:none;
        height:30px;
        padding:0px 8px 3px 25px;
        font-size:10px;
    }
    
    
    #search-full-container {
        clear: both;
        float: right;
        display: none;
        margin-top: 10px;
    }
    .search-full {
        background:url(../images/bg-search.png) no-repeat top left;
        border:none;
        height:30px;
        padding:0px 8px 3px 25px;
        width: 175px;
    }
    
    .expanded-search {
        background:url(../images/bg-search.png) no-repeat top left;
        width: 100%;
        margin-right: 65px;
    }
    #header-links {
        font-size:13px;
        font-family: Verdana, san-serif;
        text-align:center;
        margin:0 0 -15px 0;
        /*width:355px;*/
    }
    
    #header-links a {
        color:#002244;
        text-decoration:none;
    }
    
    #header-links a:hover {
        color:#999;
    }
    
    /* top hilite styles */
    
    #hilite-wrap2, #hilite-wrap, #top-hilite-dsk {
        display:none;
    }
    
    #top-hilite-tab {
        display:none;
    }
    
    #top-hilite-mob img {
        width: 100%;
    }
    #mobile-h1 {
        display: block;
    }
    #top-hilite-mob {
        display:block;
        text-align:center;
        margin:20px 0 20px 0;
    }
    
    /* left box styles */
    
    .blue-box {
        background:#deeeef;
        padding:10px;
        line-height:130%;
    }
    
    .blue-box h2 {
        color:#05afd7;
        font-size:12px;
        margin:0 0 10px 0;
    }
       
    .quick-links {
        background:#e1e4e3;
        padding:10px;
        font-size:11px;
        margin:20px 0 0 0;
    }
    .quick-links ul li {
    list-style: disc outside none;
    margin:0 0 5px 10px;
    font-size:11px;
    }
    .quick-links a {
    color:#002244;
    }
    .quick-links a:hover {
    color:#999 !important;    
    }  
 
    .quick-links h2 {
        color:#002244;
        margin:0;
        font-size:12px;
    }
 .quick-links h2 a:hover {
    color: #002244;
    }
    .quick-links h2 a {
    color: #002244;
    }
  
    .green-box {
        background:#eaefe4;
        margin:0 0 20px;
        padding:10px;
        color:#696a69;
     /*   font-size:11px; */
    }
    
    .green-box h2 {
        color:#6b9754;
        margin:0;
        font-size:12px;
        border-bottom:solid 1px #bfc9c7;
        padding:0 0 10px 0;
    }
    
    .green-box  a.viewmore {
        display:block;
        color:#6b9754;
        margin:0;
        font-size:11px;
        background: url(../images/arrow-green.png) no-repeat 65px 4px;
        text-decoration:none;
        width:60px;
        padding:0 20px 0 0;
        font-weight:bold;
    }
    
      .green-box  .event {
        border-bottom:solid 1px #bfc9c7;
        margin:10px 0;
        padding:0 0 10px 10px !important;
    }
    
    
    
    .purple-box {
        background:#e9e4ea;
        margin:0 0 20px;
        padding:10px;
        color:#696a69;
        font-size:11px;
    }
    
    .purple-box a {
        color: #696A69;
        font-size: 11px;
        text-decoration: none;
    }
    
    .purple-box a:hover {
  color:#999;
    }
    
    
    .purple-box h2 {
        margin:0;
        color:#723e98;
        padding:0 0 10px 0;
        font-size:12px;
        border-bottom:solid 1px #bfc9c7;
    }
    
    .purple-box  a.viewmore {
        display:block;
        color:#723e98;
        margin:0;
        font-size:11px;
        background: url(../images/arrow-purple.png) no-repeat 65px 4px;
        text-decoration:none;
        width:60px;
        padding:0 20px 0 0;
        font-weight:bold;
    }
    
    .purple-box  .event {
        border-bottom:solid 1px #bfc9c7;
        margin:10px 0;
        padding:0 0 10px 10px !important;
    }
    
    a.purple {
        color:#723e98;
        text-decoration:none;
        font-weight:bold;
    }
    
    a.purple:hover {
        color:#000;
    }
    
    .fast-facts {
        background:#e5e8ea;
        margin: /*20px*/0 0 20px;
        padding:10px;
        color:#696a69;
        font-size:11px;
        color:#002244;
        line-height:130%;
    }
    
    .fast-facts h2 {
        margin:0;
        color:#1b3d6d;
        padding:0 0 10px 0;
        font-size:12px;
    }
    
    a.fast-facts {
        color:#002244;
        text-decoration:none;
        font-weight:bold;
    }
    
    a.fast-facts:hover {
        color:#000;
    }
    
     .fast-facts a.viewmoreRed {
    background: url("../images/arrow-red.png") no-repeat scroll 65px 4px rgba(0, 0, 0, 0);
    color: #B81237;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 0 20px 0 0;
    text-decoration: none;
    width: 70px;
}
    
    
    /*now is a.viewmoreRed in content.css
    .fast-facts  a.viewmore {
        display:block;
        color:#b81237;
        margin:0;
        font-size:12px;
        background: url(../images/arrow-red.png) no-repeat 70px 5px;
        text-decoration:none;
        width:60px;
        padding:0 20px 0 0;
        font-weight:bold;
    }*/
    
    .fast-facts p {
        border-top:solid 1px #FFF;
        padding:10px 0;
        margin:0;
    }
       .fast-facts ul li {
        font-size:11px;     
        list-style: disc outside none;
        margin: 5px 0 0 18px;
    }
    
    /* subnav styles */
    .subnav {
        margin-bottom: 20px;
        margin-top: 15px;
    }
    .toolbox.subnav {
        margin-top: 0;
    }
    .subnav h2 a {
        font-size: 17px;
        color:#667a8f;  
    }
    .subnav h2 {
        margin:0;
        padding:0 0 5px 0;
        border-bottom:solid 5px #cbd1d4;        
    }

   ul.subnavArrows li a {
        background: url("../images/arrow-blue.png") no-repeat scroll 0 8px transparent;
        padding: 5px 0 5px 10px;
        margin: 0;
        
    }
    /*.subnav ul ul.arrows {
        padding: 10px 0;
        margin: 0;
    }*/
    
    .subnav ul, .subnav a {
        margin:0;
        font-size: 12px;
        
    }
    
    .subnav > ul > li, .subnav > li > ul > li {
      list-style: none;
      border-top: solid 1px #b7cad1;
      /*padding: 10px 0;*/
      text-align: left;
      margin: 0;
    
    }
      
    .subnav li a {
      display: block;
      text-decoration: none;
      padding-top: 10px;
      padding-bottom: 10px;
      /*padding:10px 10px 10px 0;*/
      color:#2c445c;
    } 
    .subnav > ul > li > a, .subnav > li > ul > li > a {
      padding:10px 10px 10px 0; 
    }
    
    .subnav ul.subnavArrows li a:hover, .subnav ul.subnavArrows li a.active {
      color:#2c445c;
      background: url("../images/arrow-blue.png") no-repeat scroll 0 8px #FFF;
    }
    .subnav li a:hover, .subnav li a.active {
      color:#2c445c;
      background:#FFF;
     /* font-weight:bold; */
    } 

   .subnav ul.level1 li a {
        padding-left: 0px;
    }
    .subnav ul.level2 li a {
        padding-left: 10px;
    }
    .subnav ul.level3 li a, .subnav ul.level3 li a.active, .subnav ul.level3 li a:hover {
        background: url("../images/bullet-blue.png") no-repeat scroll 0 8px transparent;
        padding-left: 15px;
        background-position: 5px 8px;
    }
    .subnav ul.level3 li a.active {
        background-color: white;
    }
    .subnav ul.level4 li a, .subnav ul.level4 li a.active, .subnav ul.level4 li a:hover {
        background: url("../images/arrow-blue.png") no-repeat scroll 0 8px transparent;
        padding-left: 20px;
        background-position: 10px 8px;
    }
    .subnav ul.level4 li a.active {
        background-color: white;
    }
    .subnav ul.level5 li a, .subnav ul.level5 li a.active, .subnav ul.level5 li a:hover {
        padding-left: 25px;
        background-position: 15px 8px;
    }
    .subnav ul.level6 li a, .subnav ul.level6 li a.active, .subnav ul.level6 li a:hover {
        padding-left: 30px;
        background-position: 20px 8px;
    }
    
    /*
    .subnav ul.arrows li:hover, .subnav ul.arrows li.active {
      color:#2c445c;
      background:#FFF;
    } */
    
    .toolbox a {
        color: #576D86;
        font-weight: bold;
    }
    .toolbox h2 {
    /*
        color:#05afd7;
        font-size:13px;
        */
        margin: 0;
    }
    
     .toolbox ul {
        margin:0;
        font-size:12px;
        padding:0;
        
    }
    
    /* page styles */
    
    .home-box {
        display:none;
    }
    
    #page-header1 h1 {
        padding:62px 0 8px 5px;
        font-size:18px;
        background:#0089a9;
        height:50px;
        color:#FFF;
        margin:0;
    }
    
    #page-header1 {
        margin-left: -10px;
        clear: both;
    }
    #page-header1 a,
    #page-header2 a {
        float: right !important;
    }
    #page-header1 div {
        background:#eaeae8;
        height:20px;
        text-align:right;
        padding:5px 10px 0 0;
    }
    #page-header1 div.atclear,
    #page-header2 div.atclear {
        height: 0;
        padding: 0; 
        border: none;
    }
    
    #page-header1 div.foot {
        background:#eaeae8;
        border-top:solid 1px #FFF;
        height:2px;
        padding:0;
    }
    
    #page-header2 h1 {
        padding:0;
        font-size: 24px;
        color: #0089a9;
        line-height: normal;
    }
    
    #page-header2 div {
        background:#eaeae8;
        height:20px;
        text-align:right;
        padding:10px 10px 0 0;
        border-top:solid 5px #0089a9;
        margin-left: -10px;
    }
    
    #page-header2 div.foot {
        background:#eaeae8;
        border-top:solid 1px #FFF;
        height:2px;
        padding:0;
    }
    
    #content {
        font-size: 14px;
        line-height: 150%;
        padding: 10px 10px 10px 0;
        clear: both;
    }
    
    
/*Content Top equals "Full Row Above Content" block */    

.content-top {
        border-bottom:none;
        padding:0;
        margin:0;
    }


div.content-top  li {list-style: inherit}

div.content-top ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
div.content-top ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
div.content-top ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
div.content-top ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}






   #content .arrows {
        font-size: 12px;
        line-height: 14px;
    }
    
    #content-right #inner {
        padding:10px;
    }

   #content-right-top {
        margin:0 0 10px 0;
        padding:0;
        border-bottom:none;
    }
    
    #content-right-left {
        margin:0 0 10px 0;
        width:100%;
        float:none;
        padding: 10px 0 10px 10px;
    }
    
    #content-right-right {
        margin:0;
        width:100%;
        float:none;
        padding:0;
        border-left: none;
    }
    /* Added Feb 2014 as a way to display right side headers that are also links. Negative margin brings link elements closer to header */
    #content-right-right h5 {
        font-size:12px;
        margin:10px 0 -5px 0;
}
    .term {
        border-bottom: dotted 1px;
/*removing this to keep any defined terms that are links the same color as orginally formatted.  Leaving this color declaration in case it goes horribly wrong         color: #2F4D65;
*/
    }
    
    /* footer styles */
    
    #footer-dsk {
        display:none;
    }
    
    #footer-tab {
        display:none;
    }
    
    #footer-mob {
        display:block;
        margin:20px 0 0 0;
        /* padding:20px 20px 10px 0px;*/
        padding:5px 10px 10px 0px;
        background:#e1e4e3;
    }
    
    #footer-mob .box {
       /* width:42%;*/
        float:left;
        padding:10px;
        font-size:10px;
    }

   
    .subnav > ul:first-child > li {
        border-top: none;
    }

   .subnavSmallH1 {
        margin-top: -24px;
    }
    .subnavSmallH1Two {
        margin-top: -25px;
    }
    .subnav > ul:first-child > li > a {
        border-bottom: 5px solid #CBD1D4;
        color: #667A8F;
        font-size: 15px;
       /* font-weight: bold; */
        margin: 0;
        padding: 0 0 5px;
        /*
            font-size: 16px;
            font-weight: bold;
            border-bottom: solid 3px #b7cad1;
            color: #B7CAD1;
        */
    }
    #sub-navigation-mobile {
        margin-top: 10px;
    }
    #main-navigation, #main-navigation-left-spacer, #main-navigation-tablet {
        display: none;
    }
    #header-links {
        float: right;
    }
    
    #header-right {
        float: right;
        width: 57%
    }
    #header-links {
        display: none;
    }
    #header-links a {
        float: right;
        padding: 0 9px;
        font-size:14px;
        font-weight:bold;
        color:#0089a9;
    }
    #header-right-bottom {
        float: right;
        clear: both;
        width: 100%;
        padding: 10px 0 0 0;
    }
    #header-right-bottom > div {
        float: right;
        margin-left: 5px;
        position: relative;
        z-index: 99;
    }
    
    #header-right-bottom #header-search #search-container {
    float:right;
    }
    
    
    #mobile-foot-top-left {
        width: 110px; 
        float: left; 
        margin:0;
    }
    
    #mobile-foot-top-right {
        width: 110px; 
        float: right; 
        margin:0;
    }
    
    #mobile-foot-bott-left {
    /*changed to 100% width on 2/11/14 to accomodate additions to mobile footer*/
        width: 100%; 
        float: left; 
        margin:0;
    }
    
    #mobile-foot-bott-right {
        width: 110px;   
        float: right; 
        margin:0;
    }

     #uci-toolbox {
        background-color: #E7E7E7;
        padding: 10px;
        margin: 0 0 8px 0;
      }
      #toolboxLinks {
        /*width: 70%;*/
        margin: 0 0 0 320px;
      }
      #toolboxLinks li {
        float: left;
        width: 178px;
      }
    #header-left {
        width:40%;
    /*
        float:left;
    */
        padding:0 0 0 5px;
    }
      
      .toolboxInstruction div {
        padding-left: 10px;
      }
      .toolboxInstruction a {
        float: left;
        margin-right: 10px;
      }
      .toolboxInstruction {
        float: left;
        width: 255px;
        margin-right: 20px;
        font-size: 14px;
        min-height: 60px;
      }
      #toolboxClose {
        background-color: #EEEEEE;
        cursor: pointer;
        float: right;
        font-size: 20px;
        height: 25px;
        text-align: center;
        width: 25px;
      }
    .subnav {
        display: none;
    }
/* Fix for overlappig mobile footer elements */ 
@media only screen and (max-width: 280px) {
    
    #mobile-foot-top-left {
        width: 100%; 
        float: none; 
    }
    
    #mobile-foot-top-right {
        width: 100%; 
        float: none; 
        margin: 15px 0 0 0;
    }
    
    #mobile-foot-bott-left {
        width: 100%; 
        float: none; 
    }
    
    #mobile-foot-bott-right {
        width: 100%; 
        float: none; 
        margin: 15px 0 0 0;
    }
}
    
    /* Tablet Layout: 481px to a max of 768px.  Inherits styles from: Mobile Layout. */
    
@media only screen and (min-width: 481px) {

    .subnav {
        display: block;
    }
    
    #content-right.home-content {width: 760px;}
    
    #page-header1 h1 {
        padding:62px 0 8px 10px;
        font-size:24px;
        line-height:100%;
    }
    .subnav {
        margin-bottom: 20px;
        margin-top: -43px;
    }
    .search {
        padding:0px 13px 3px 25px;
        width:0px;
        background:url(../images/search-grey.png) no-repeat top left;
        height: 37px;
    }
    .expanded-search {
        background:url(../images/bg-search.png) no-repeat top left;
        margin-right: 63px;
    }
    #header-search {
        /*display:none;*/
        width: 38px;
    }
    #header-left {
        width: 28%
    }
    #header-links a.toolboxTab  {
        margin-right: 5px;
        margin-top: -28px;
    }
    #header-links {
        display: inline;
        height: 36px;
        padding-top:20px;
    }
    #main-navigation, #main-navigation-left-spacer {
        display: none;
    }
    
    #main-navigation-mobile, #sub-navigation-mobile {
        display: none;
    }
    #main-navigation-tablet {
        display: inline;
    }

    .styled-select {
        width: 250px;
    }    
    input#quickSearchText {
        width: 430px;
    }
        
    /*#wrapper {
        width:768px;
        margin: 0 auto;
        padding:0;
        border:solid 1px red;
    }*/
    
    #wrapper {
        width:760px;
        margin:0 auto;
    }
    
    #header {
        width:100%; 
    }
    
    #header-left img {
        border:none;
        padding-top: 20px;
    }
    #header-right {
        width:600px;
    /*
        float:left; 
    */
    }

   .home #content-left, #main-navigation-left-spacer {
       /* border-top: solid 1px #cbd1d4; */
    }   
        
    #content-left, #main-navigation-left-spacer {
        width:210px;
    
        margin:0 10px 0 0;
        float:left;
        padding:20px 0 0 0;
    }

  
    #content-right, #main-navigation {
        width:540px;
        float:right;
        padding: 0px 0 0 0;
    }
  
   .home #wrapper {
      /*  border-top: solid 1px #cbd1d4; */
        width:760px;
    }
  
  
    #top-hilite-dsk {
        display:none;
    }
    #mobile-h1 {
        display: none;
    }
    #top-hilite-mob {
        display:none;
    }
    
    #top-hilite-tab {
        display:block;
        margin:20px 0 20px 0;
    }
    
    .home-box  a {
        color: #344F69;
    }
    .home-box a:hover {
    color: #999;
    }
    .home-box  a.viewmore {
        display:block;
        color:#f47b29;
        /*margin:10px 0 0 0;*/
        font-size:11px;
        background: url(../images/arrow-orange.png) no-repeat 65px 9px;
        text-decoration:none;
        min-width:60px;
        padding:0 20px 0 0;
        font-weight:bold;
    }
.home-box a:hover.viewmore {
        color:#333333;
        background: url(../images/arrow-black.png) no-repeat 65px 9px;
        }
   .home-box {
        display:block;
        width:303px;
        float:left;
        margin:30px 0 0 0;
        /*height:128px;*/
        font-size:12px;
        color:#002244;
        line-height: 130%;
        padding: 0 25px;
    }
    
    .home-box-container {padding-left:50px}
    
    .home-box  h2 {
        border-bottom:solid 4px #cdd3d7;
        margin:0 0 10px 0;
        font-size:18px;
        padding:0 0 10px 0;
        color:#002244;
    }
    
    /* content right styles */
    
    #content-right-right {
        font-size:12px;
    }
    
    #content-right-right .arrows {
        font-size:12px;
    }
    
    #content-right  h2 {
        color: #3f5771;
        font-size: 18px;
    }
    
    /* Specific to home page */
    div.home-box h2 {
        
    color: #3f5771 !important;
    font-size: 17px !important;
    background-color: #e1e4e3 !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-right: 20px !important;
    height: 39px !important;
    margin-bottom: 18px !important;
    line-height: 21px !important;
        
    }
    
    
    #content-right  h3  {
        color: #4D647C;
        font-size: 15px;
    }
    #content-right  h4  {
        color: #3f5771;
        font-size: 13px;
        margin-bottom: 7px;
    }
    
    #content-right  h5  {
        color: #3f5771;
        font-size: 12px;
        font-weight: bold;
    }

   #content-right .middle {
        margin-right:0;
        margin-left:0;
    }

   #content-right .one {
        clear: both;
    }

   
    #content-right .two {
        margin:30px 0 0 40px;
    }
    
    #content-right .top {
        margin-top:0;
    }
    
   #content-right .home-box.top.right-box {
    margin-top: 30px;
   }

   #content-right .bottom {
        height:90px;
    }
    
    #footer-dsk {
        display:none;
    }
    
    #footer-mob {
        display:none;
    }
    
    #footer-tab {
        display:block;
        margin:30px 0 0 0;
        padding:20px 20px 10px 20px;
        background:#fff;
    }
    
    #footer-tab .box {
        width:200px;
        float:left;
        padding:10px;
        font-size:10px;
    }
  #footer-tab img { 
  vertical-align: middle}
    
    #hilite-wrap, #hilite-wrap2 {display: block; width:760px;height:430px;position:relative;}
    
    #hilite-wrap2{
        margin-bottom: 20px;
    }
    #hilite-wrap{
        display: none;
    }
    
    #hilite-wrap a img, #hilite-wrap2 a img {border:none;float:left;display:block;width:760px;}
     /* #hilite-wrap2 a img { height: 200px; }  */
    #top-hilite-dsk .copy-box-wrap, #top-hilite-tab .copy-box-wrap{width:760px;}
    #top-hilite-dsk .copy-box-wrap .copy, #top-hilite-tab .copy-box-wrap .copy{padding:15px;bottom:15px;}
    #top-hilite-dsk a, #top-hilite-tab a{
        color:white;
        font-size:12px;
        font-weight: normal;
        line-height:17px;
    }
    
     #top-hilite-dsk h4 a, #top-hilite-tab h4 a{
        color:white;
        font-size:13px;
        font-weight:bold;
    }
    
    
    
    
    /* original green-hilite is #7ea052 blue was #0089A9 */
    
    .green-hilite{background:#555759;}
    .orange-hilite{background:#f47b29;}
    .purple-hilite{background:#723E98;}
    .lt-blue-hilite{background:#0064a4;}
    .grey-hilite{background:#545759;}
    #hilite-nav2, #hilite-nav{position:absolute;bottom:10px;right:25px;z-index:100;overflow:hidden;}
    #hilite-nav2 a, #hilite-nav a{display:block;height:10px;width:10px;overflow:hidden;text-indent:-9999em;background:url(../images/hilite-btn.png) left top no-repeat;float:left;margin-left:7px;}
    #hilite-nav2 .activeSlide, #hilite-nav .activeSlide{background-position:left bottom;}
    
   }
        
    /* Desktop Layout: 768px to a max of 920px.  Inherits styles from: Mobile Layout and Tablet Layout. */
    
    @media only screen and (min-width: 800px) {
    
    #content-right.home-content {width: 950px;}
    
    #top-hilite-dsk .copy-box-wrap {
        width: 950px;
        position:absolute;
        bottom:3px;
        background:none;
    }
    #hilite-wrap2{
        display: none;
    }
    #hilite-wrap{
        display: block;
        width:950px; 
        height:534px;
        padding-top:20px;
    }
    #hilite-wrap a img {
        width: 950px;
    }
    .search {
        width:265px !important;
        background:url(../images/bg-search-250.png) no-repeat top left;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
    }
    input#quickSearchText {
        width: 470px;
    }
    
    #wrapper {
        width:1184px; /*The Widening 2018*/
        margin: 0 auto;
    }
    
    .home #wrapper {width:950px}
    
    .home-content #main-navigation-left-spacer, .home-content #main-navigation {
        display: none;
    }
    #main-navigation , #main-navigation-left-spacer {
        display: inline;
    }
    
    #main-navigation-mobile, #main-navigation-tablet, #sub-navigation-mobile {
        display: none;
    }
    #header {
        /*height:86px;*/
        
        
    }
    #header-left {
        width: auto;
    }
    
    #header-search {
        display:block;
        width:200px;
        height:30px;
        float: right;
    }
    
    #content-left, #main-navigation-left-spacer {
        width:195px;
    
        margin:0 10px 0 0;
        float:left;
        padding:20px 0 0 0;
    }
    
    #content-right, #main-navigation {
        width: 950px; /*The Widening 2018*/
        padding:0 0 20px 0;
        margin:0;
    }
    
    #top-hilite-dsk {
        display:block;
        /* margin-left: -10px; 
        width:750px; 
        background-color:rgba(0,0,0,0.5); */
    }
    
    #top-hilite-tab {
        display:none;
        margin-left: -10px;
        background-color:rgba(0,0,0,0.5);
    }
    
    #top-hilite-mob {
        display:none;
        margin-left: -10px;
    }
    
    
    .home-box {
        display:block;
        width:303px;
        font-size:15px;
        line-height:150%;
        padding:0;
    }
    
    /*.home-box  h2 {
        border-bottom:solid 4px #cdd3d7;
        margin:0 0 10px 0;
        font-size:18px;
        padding:0 0 10px 0;
    }*/
    
    .content-top {
        border-bottom:solid 1px #CCC;
        /*padding:0 0 10px 0;*/
        margin: 0 10px !important;
    }
    #content-right .one {
        clear: none;
    }
    #content-right .left-box {
        clear: both;
    }
    #content-right .two {
        margin-left:0;
    }

   #content-right .middle {
        margin-right:20px;
        margin-left:20px;
    }
    
    #content-right .top {
        margin-top:30px;
    }
    
    #content-right .bottom {
        height:90px;
    }
    
    #content-right-top {
        margin:0 0 10px 0;
        padding:0 0 10px 0;
        border-bottom:solid 1px #999;
    }
    
    #content-right-left {
        border-right: 1px solid #CCCCCC;
        float: left;
        font-size: 14px;
        line-height: 150%;
        margin: 10px 0 0;
        padding: 0 5px 0 0;
        width: 703px; /*The Widening 2018*/
    }
    
    #content-right-left .arrows {
        font-size: 12px;
        line-height: 14px;
    }
    
    #content-right-right {
        border-left: 1px solid #CCCCCC;
        float: left;
        margin: 10px 0 0 -1px;
        padding: 0 0 0 5px;
        width: 200px;
    }

   #content-right-right img {
        border:solid 3px #e1e4e4;
        margin:0 0 20px 0;
    }

   
    #footer-mob {
        display:none;
    }
    
    #footer-tab {
        display:none;
    }
    
    #footer-dsk {
        display:block;
        margin:30px 0 0 0;
        padding:20px 20px 10px 50px;
        background:#fff;
    }
    
    #footer-dsk .box {
        width:200px;
        float:left;
        padding: 10px 36px;
        font-size:11px;
    }
    
    .home #footer-dsk .box {padding: 10px 0;}
    
#footer-dsk img {
vertical-align:middle;
}  

    .linkList a, a.listLink {
        display: block;
    }
    .itemListImage {
        max-width: 250px;
    }
    
    .paginationList {
        clear: both;
    }
    
    
.ui-tooltip {
    font-size: 11px;
    background: url("../images/white-up-arrow.png") no-repeat scroll 25px 0 transparent;
    padding-top: 13px;
    font-size: 12px;
    border: none;
    -webkit-box-shadow: 0 0 0 #aaa;
    box-shadow: 0 0 0 #aaa;
}
.ui-tooltip-content {
    background: white;
    padding: 10px;
}
body .ui-tooltip {
    border-width: 0;
}
    #toolboxLinks li .remove {
        opacity:0.2;
        float: left;
        cursor: pointer;
        filter:alpha(opacity=0);
        
    }
    #toolboxLinks li:hover .remove {
        opacity:1.0;
        filter:alpha(opacity=100)
    }
    #toolboxLinks, #toolboxLinks li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #addThisPage, #toolboxSignin {
        /*padding-left: 15px;*/
    }
    #newLinkText {
        width: 105px;
    }
    #newLinkSave {
        background: none repeat scroll 0 0 transparent;
        display: inline;
        font-size: 13px;
        padding-left: 1px;
        cursor: pointer;
    }
    #toolboxLinks .remove {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        color: #FF0000;
        cursor: pointer;
        font-size: 25px;
        line-height: 25px;
        position: relative;
        top: -6px;
    }
    
    .toolboxTab {
        /*padding-left: 10px;*/
        /*right: -41px !important;*/
        /*text-indent: 0 !important;
        text-decoration: none;
        height: 150px;
        width: 40px;*/
    }
      .slide-out-div {
          /*padding: 20px;/*
          width: 250px;
          /*background: #ccc;
          border: 1px solid #29216d;*/
      }    
      
      
.hidden {
    display: none !important;
}

/*webauth styling*/

.webauth {

    background-color: #F7EFAE;
    border: 1px solid #F7CA6A;
    padding: 10px;

}

.webauth-logout {

    background-color: #F7EFAE;
    border-top: 1px solid #F7CA6A;
    padding: 10px;
}

#imgrt a{display: inline-block; margin-bottom:-15px;
}
#imgrt img{float:right; margin-top:0px; border-style:none
}


#gettingstartedsteps {

width: 900px;
max-height: 301px;

}


.step1 {background: #cfebf3; max-width: 225px; float: left;height: 300px; }
.step2 {background: #c6dfe6; max-width: 225px; float: left;height: 300px; }
.step3 {background: #bdd3d9; max-width: 225px; float: left;height: 300px; }
.step4 {background: #b2c6cc; max-width: 225px; float: right;height: 300px; }



#gettingstartedsteps .step1 h2 {color: #1a5a9c; text-align: center; font-size: 20px;}
#gettingstartedsteps .step1 p {color: #1a5a9c; text-align: center; font-size: 15px; padding-right: 20px; padding-left: 20px; line-height: 1.6em;}

#gettingstartedsteps .step1 img {border: 3px blue;}

#gettingstartedsteps .step2 h2 {color: #1a5a9c; text-align: center; font-size: 20px;}
#gettingstartedsteps .step2 p {color: #1a5a9c; text-align: center; font-size: 15px; padding-right: 20px; padding-left: 20px; line-height: 1.6em;}
#gettingstartedsteps .step2 ul li {color: #1a5a9c; font-size: 13px; padding-right: 30px; padding-left: 20px; line-height: 1.5em;}

#gettingstartedsteps .step2 img {border: 3px blue;}

#gettingstartedsteps .step3 h2 {color: #1a5a9c; text-align: center; font-size: 20px;}
#gettingstartedsteps .step3 p {color: #1a5a9c; text-align: center; font-size: 15px; padding-right: 20px; padding-left: 20px; line-height: 1.6em;}

#gettingstartedsteps .step3 img {border: 3px blue;}

#gettingstartedsteps .step4 h2 {color: #1a5a9c; text-align: center; font-size: 20px;}
#gettingstartedsteps .step4 p {color: #1a5a9c; text-align: center; font-size: 15px; padding-right: 20px; padding-left: 20px; line-height: 1.6em;}

#gettingstartedsteps .step4 img {border: 3px blue;}



.researchtype {

    width: 275px;
    min-height: 320px;
    max-height: 400px;
    display: block;
    float:left;
    padding:4px;
    margin: 5px;
    background-color: white;
    border: 1px solid #e8e8e8;
    border-radius: 9px;
    box-shadow: 1px 1px 1px #d4caca;
    margin-bottom: 21px;
    
}

.researchtype:hover { 

box-shadow: 6px 6px 6px #e6e6e6;


}

.typeimage { 
    width: 275px;
    height: auto;
    border-radius: 8px;
 
}
.researchtype h3 {
    padding-left:5px;
    padding-right: 5px;
    font-size: 14px;


}
.researchtype ul li {

    line-height: 1.4em;

}
.researchtype ul li a {

    font-size: 13px;

}

.researchtype ul{
    padding-bottom:  5px;

}
/* Removes duplicate image from RSS free */
img.attachment-astrid-medium-thumb.size-astrid-medium-thumb.wp-post-image {display:none;}

ul li p {font-size:14px}

.zoom-in {
  padding: 50px;
   transition: transform .2s; /* Animation */
  width: 100%x;
  margin: 0 auto;
}

.zoom-in:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.center-image img {width:100%};