/* smartphones */
@media only screen and (max-width : 767px)
{
    #navmobile .panel {padding-top:0px;}
     a {font-weight:bold;}
    LeftNavMobile {margin-top:30px;}
    #doc1.clearfix.notools div#header div#headerWrap div#branding  {background-color:#7399bd;height:auto;padding-top:0px;padding-bottom:1px;}
    #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:#7399bd;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:#e9ffff;}
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#outerpanel.panel-heading {background-color: #7399bd;padding-top:5px;padding-bottom:5px;}
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#leftnavmenu #innerpanel #accordion2 div div.panel-heading{background-color: #7399bd;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:#e9ffff; margin-top:0px;margin-bottom:0px;}
    #doc1 div#LeftNavMobile div#accordion div#outerpaneldefault div#outerpanel a h4#hdr{color:#e9ffff;}
    div#main div.container_12.clearfix div.grid_9.contentMain div.clearfix div.grid_4.omega div#C61SubsiteComponent2Section.module div.body div.header div {text-align:left;}
    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:#7399bd;font-family: Georgia,"Time New Roman", Times New Roman, Serif;font-size:17px; color:#e9ffff; padding-left:9px;line-height:1.8; }
    #doc1 div#bodyWrapper div#main div.grid_3.contentRelated div#LeftNavMobile div#resources {background-color:#7399bd;}
    #doc1 div#bodyWrapper div#main div.grid_3.contentRelated div#LeftNavMobile div#resources h4{color:#e9ffff;font-size:16px;}
    #doc1 div#bodyWrapper div#main div.grid_3.contentRelated div#LeftNavMobile div#resources ul li a{color:#e9ffff;}
 
 
    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 {margin-top:5px;font-family: Georgia,"Time New Roman", Times New Roman, Serif;font-size:16px;font-weight:normal;}
    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: #7399bd}
    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:#991e33;}
    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:#fff;}
    #doc1 div#bodyWrapper div#main div.grid_9.contentMain div.slideshowComponent div.ctrl {top:108px;}
    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: #e9ffff;         /* 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: #e9ffff;         /* 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: 54%;
        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.png); background-position: 0 0;  }
}

@media only screen and (min-width: 768px)
{
    div#LeftNavMobile {display:none;}
    div#containermobile {display:none;}
    div#main div#left_2_pnlComponent1 {display:block;}  
    div#main div#left_3_pnlComponent2 {display:block;}
    
    
    
    /* HTML elements */
    h1,h2,h3,h4,h5,h6 { color:#000; }
    a { color:#005ca1; }

    /* ID elements */
    #doc #header {
      background-color:#7399bd; 
      height:114px !important;
      background-image:url(../img/bg-header.png);
      background-position:50% 0;
    }
    #doc #header #branding { top:5px; }
    #doc #bodyWrapper { background-image:url(../img/bg-subsite.png); }

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

    /* CLASS elements */
    div.connect { color:#000; }
    div.leftNav {
      background-color:#7399bd;
      border-color:#44719e;
    }
      div.leftNav h4 { color:#fff; }
      div.leftNav ul.navbox li { border-color:#7399bd; }
        div.leftNav ul.navbox li a { color:#fff; }
        div.leftNav ul.navbox li a:hover { background-color:#c9def3; color:#44719e; }
        div.leftNav ul.navbox li a.active { background-color:#44719e; color:#fff; }
      div.leftNav ul.arrow li {
        background-image:url(../img/arrow-blue.png);
        background-position:5px 5px;
      }
      div.leftNav ul.arrow a { color:#c9def3; }

    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:#991e33; }
      div.pageLeadSubsite h1 { color:#fff; }
    div.slideshowComponent div.txt {
      background-image:url(../img/bg-slide-subsite.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:120px;}
   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:363px) 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;}
}