@media only screen and (max-width : 767px)
{
    a {font-weight:bold;}
    LeftNavMobile {margin-top:30px;}
    #doc1.clearfix.notools div#header div#headerWrap div#branding  {background-color:#ffffff;height:auto;padding-top:0px;padding-bottom:1px;} /*#feeadc*/
    div#branding img {padding-top:0px}
    #doc1.clearfix.notools {margin-right:2px;}
    
    #doc1.clearfix.notools div#header{height:auto;padding-top:0px; } 
    #doc1.clearfix.notools div#header div#headerWrap {height:auto;vertical-align:middle;}
    #doc1.clearfix.notools div#header div#headerWrap div#globalTools {width:100%;}
    #doc1.clearfix.notools div#header div#headerWrap div#globalTools div#share {margin-top:0px;padding-top:0px;}
    #doc1.clearfix.notools div#header div#headerWrap div#globalTools div#share div#language {width:100%;background-color:#feeadc;height:24px;padding-right:4px;}
    #doc1.clearfix.notools div#header div#headerWrap div#globalTools div#share div#language div {float:right;font-size:11px;}
    #doc1.clearfix.notools div#header div#headerWrap div#globalTools div#share div#language div a {color:#000;}
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#outerpanel.panel-heading {background-color: #feeadc;padding-top:5px;padding-bottom:5px;}
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#leftnavmenu #innerpanel #accordion2 div div.panel-heading{background-color: #feeadc;padding-top:5px;padding-bottom:5px;border-top-left-radius:0px;border-top-right-radius:0px;}
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#leftnavmenu #innerpanel #accordion2 div div.panel-heading h4{color:#1b75bc; margin-top:0px;margin-bottom:0px;}
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#outerpanel a h4#hdr{color:#1b75bc;}
    #doc1 div#bodyWrapper div#main div.grid_3.contentRelated div#LeftNavMobile div#resources {background-color:#feeadc;}
    #doc1 div#bodyWrapper div#main div.grid_3.contentRelated div#LeftNavMobile div#resources h4{color:#1b75bc;font-size:16px;}
    #doc1 div#bodyWrapper div#main div.grid_3.contentRelated div#LeftNavMobile div#resources ul li a{color:#1b75bc;}
 
   
   
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.header {text-align:left;background-color:#feeadc;font-family: Georgia,"Time New Roman", Times New Roman, Serif;font-size:17px; color:#1b75bc; padding-left:9px;line-height:1.8; }
  
    div.moduleAltSubsite div.slideshow div.ctrl{border-top:1px solid #f0f0e7;margin:0 20px;padding:5px 0 10px;text-align:center;}
    div.moduleAltSubsite div.slideshow div.ctrl img{vertical-align:baseline;}
    div.moduleAltSubsite div.slideshow div.ctrl  a{margin:0 3px;padding:0 3px;border:1px solid #fff;text-decoration:none;}
    div.moduleAltSubsite div.slideshow div.ctrl  a.activeSlide{border:1px solid #fff;}
    div.moduleAltSubsite div.slideshow div.ctrl a.prev img{background: url('imgs/sprites.png') no-repeat -970px -31px;	width: 5px;	height: 8px;}
    div.moduleAltSubsite div.slideshow div.ctrl a.next img{background-image: url(../img/sprites.png);background-position:-970px -31px;width: 7px;height: 7px;}
    div.moduleAltSubsite div.slideshow{border:none;}
    ul.slides{padding:0;margin-top:4px;list-style:none;position:relative;}
    div.moduleAltSubsite div.slideshow ul li div.ctrl{display:none;}
    div.moduleAltSubsite div.slideshow ul li div.body ul.arrow li a{color:#223173;font-weight:bold;margin-left:-20px;}
    div.slideshowComponent ul.slides li div.txt #description {display:none;}
    div.slideshowComponent ul.slides li div.txt p {display:none;}
    div.slideshowComponent ul.slides li div.txt h1 {font-family: Georgia,"Time New Roman", Times New Roman, Serif;font-size:16px;font-weight:normal;margin-top:5px;}
    div.slideshowComponent ul.slides li div.txt small {display:none;}
    #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div.panel-body{margin:0px;padding-top:5px;padding-bottom:0px;padding-right:0px;padding-left:0px;background-color: #feeadc}
    div.moduleAltSubsite div.highlight{background-color:transparent;}                                                                                                                    
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega  div.module div.body div.center div.body {margin-top:10px;width:100%;text-align:center;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.pageHead div.txt h1{color:#fff;font-size:18px;margin-top:0px;margin-bottom:0px;font-family: Georgia,"Time New Roman", Times New Roman, Serif; font-weight:bold;padding-bottom:4px;padding-top:3px;padding-left:15px; background-color:#1b75bc;}
    div#doc1 div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain div#PageInteriorContents {margin-top:15px;}
    #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div.panel-body ul li a {color:#1b75bc;}
    #doc1 div#bodyWrapper div#main div.grid_9.contentMain div.slideshowComponent div.ctrl {top:140px;}
    div.slideshowComponent ul.slides li div.txt {position: absolute;top: 0;left: 0;width: 54%;height: 100%;padding: 10px 20px 0;overflow: hidden;background-image: url(/_res/img/slideshow-sprites.png);background-repeat: repeat-y;color: #fff;}


    #doc1 div#LeftNavMobile div.panel-heading a.accordion-toggle h4:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #1b75bc;         /* adjust as needed */
    padding-right:8px;
    }
     #doc1 div#LeftNavMobile div.panel-heading a.accordion-toggle.collapsed h4:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
   }                                                                                                                     

  #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div  h4 a.accordion-toggle:after  {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #1b75bc;         /* adjust as needed */
    padding-right:8px;
    }
    
    #doc1 div#LeftNavMobile div#accordion  div#outerpaneldefault #leftnavmenu #innerpanel #accordion2 div div h4 a.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
   }
   
     .carousel-caption {
        position: absolute;
        height:100%;
        top: 0px;
        left:0;
        z-index: 4;
        padding-top: 10px;
        padding-left:10px;
        color: #fff;
        width:50%;
        text-align: left;
        font-family: Georgia, "Times New Roman" ,Times,serif;
        font-size: 18px;
                    }
    .carousel-inner > .item > img {
        margin: 0 auto;
    } 
    
    
     div.carousel-caption  {  background-image:url(../img/bg-slide-subsite-d1edfc.png); background-position: 0 0;  }
}




@media only screen and (min-width: 768px) 
{
        /* HTML elements */
        h1,h2,h4,h5,h6 { color:#000; }
        div.grid_5 h3, div.grid_9 h3 { color:#f16521; font-family:Arial; }

        div.body a.arrow {color:#1b75bc; }

        div.pageHead div.txt {color:#fff; background-color:#1b75bc; }
        a { color:#005ca1; }

        #doc #header { background-color: #fff !important; }
        #doc #bodyWrapper { background-image:url(../img/bg-subsite-d1edfc.png); }

        div.notools #header #globalTools { width: 600px; }

        div.ribbon {
        }
    
        /* CLASS elements */
        div.connect { color:#000; }
        div.leftNav {
          background-color:#feeadc;
          border-color:#99a5aa;
        }
          div.leftNav h4 { color:#1b75bc; }
          div.leftNav ul.navbox li { border-color:#7399bd; }
            div.leftNav ul.navbox li a { color:#1b75bc; }
            div.leftNav ul.navbox li a:hover { background-color:#ffffff; color:#1b75bc; }
            div.leftNav ul.navbox li a.active { background-color:#fcc292; color:#1b75bc; }
          div.leftNav ul.arrow li {
            background-image:url(../img/arrow-1b75bc.png);
            background-position:5px 5px;
          }
          div.leftNav ul.arrow a { color:#1b75bc; }

        div.leftNav ul.navbox { padding: 1px; }
        div.leftNav ul.navbox li a {
	        background: transparent url(../img/bg-nav-div.png) no-repeat center bottom;
	        padding: 7px 10px;
        }
        div.leftNav ul.navbox li a.active,
        div.leftNav ul.navbox li a:hover { background-image: none; }

        div.module {}
          div.module div.header { color:#000; }
        div.moduleAltSubsite { background-color:#991e33; }
          div.moduleAltSubsite div.header { color:#fff; }
          div.moduleAltSubsite div.highlight { background-color:#c07481; }
          div.moduleAltSubsite div.slideshow div.ctrl { border-color:#c07481 !important; }
          div.moduleAltSubsite div.slideshow div.ctrl a { border-color:#991e33 !important; }
          div.moduleAltSubsite div.slideshow div.ctrl a.activeSlide { border-color:#c07481 !important; }
          div.moduleAltSubsite ul.divided li { border-color:#fff; }
        div.moduleLogos div.slideshow {
          border-right-style:solid;
          border-left-style:solid;
          border-left-width:1px;
          border-right-width:1px;
          border-color:#991e33;
        }
        div.pageLeadSubsite { background-color:#d1edfc; }
          div.pageLeadSubsite h1 { color:#fff; }
        div.slideshowComponent div.txt {
          background-image:url(../img/bg-slide-subsite-d1edfc.png) !important;
          background-position:0 0 !important;
        }
        ul.divided li { border-color:#7399bd; }


        .notools .grid_9 .slideshowComponent ul.slides li div.img { left: 0; }
        div.slideshowComponent ul.slides li div.img {
	        height: 250px;
	        text-align: right;
	        width: 700px;
        }
        div.slideshowComponent ul.slides li { width: 700px; height: 250px; }
        div.slideshowComponent ul.slides li div.txt {
	        width: 340px !important;
        }

        div.slideshowComponent div.ctrl { width: 340px; bottom: 16px; }
        div.slideshowComponent ul.slides li div.txt a { color: #fff; }

        div.slideshowComponent ul.slides li.color1 img.icon-arrow,
        div.slideshowComponent ul.slides li.color2 img.icon-arrow, 
        div.slideshowComponent ul.slides li.color3 img.icon-arrow, 
        div.slideshowComponent ul.slides li.color4 img.icon-arrow, 
        div.slideshowComponent ul.slides li.color5 img.icon-arrow {
	        background-image:url(../img/btn-arrow.png);
	        background-position: 0 0 !important;
        }
}

/* smartphones */
@media only screen and (max-width : 362px)
{
   div#doc1 div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain div.slideshowComponent ul {width:342px;height:138px;}
  /* div#doc1 div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega div.module.moduleAltSubsite.moduleLogos div.slideshow ul {width:100%;height:auto;}
   div.moduleAltSubsite div.highlight{background-color:#fff;float:left;width:38%;}
   div.moduleAltSubsite div.body{float:left;width:56%;text-align:left;margin-left:19px;}*/
}

@media only screen and (min-width:363) and (max-width : 425px)
{
   div#doc1 div#bodyWrapper div#main div.container_12.clearfix div.grid_9.contentMain div.slideshowComponent ul {width:390px;height:157px;}
}