.container {
    padding-right: 10px;
    padding-left: 10px;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px;
}

html {
    
}
body {
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
    font-size: 16px;
}

h1, h2, h3, h4, h5{
    font-family: 'Seattle Text', Arial;
    font-weight: bold;
    color: #000;
}
h1 {
    text-transform: none;    
}

.sr-only.sr-only-focusable:hover {
  color:white;
}

a{
  color: #0047ba;
}

  #leftMainRight a{
    font-weight: bold;
  }

a#skipToMain {
  color: #e2edff;
}
#skipToMain {background:#000; font-weight:bold; padding:19px 30px;}
#skipToMain:hover {background:#333;}
#skipToMain:focus {
    color: white;
    position: fixed;
    z-index: 2000;
}       
        h1.pageTitle { 
            font-size:36px;
            margin-top:20px;
            line-height:1.1; 
            font-family:'Seattle Text', Arial;
        }

          .department div#deptTitle {
              margin-left: -1px;
          }

        #mainColMain h2 {border-bottom: 1px solid #ccc}


#mainContent.topTier #secondaryList,
#mainColMain{padding-bottom: 100px}

/*TILES 
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/


/*Generic Tiles 
______________________________________________________________________*/
.taxonomyTile.width2 {
    width: 630px;    
}
.taxonomyTile.height2 {
    height: 310px;
}
.taxonomyTile > .primaryContent > .glyphicon {
    display:none;
}
.tileTitle  {
    color: #0047ba;
}
.tileExcerpt, .tileTextDescription {
    max-height: 110px;    
    line-height: 18px;
}
.tileTitle {
    margin: 0px 0px 10px 0px;
    font-size: 18px;
    font-family: 'Open Sans';
}
.additionalContent {
  display: none;  
}
.primaryContent {
  height: 135px;  
}
.height2 .primaryContent {
  height: 280px;  
}
.primaryContent:hover {
  cursor: pointer;
}
.taxonomyTile, #mainColMain div.taxonomyTile {
    background:#fff;
    width: 310px;
    height: 150px;
    margin: 5px;
    border: 0px;
    padding: 15px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
#featuredTileContainer .taxonomyTile {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

#featuredTileContainer .overlayBox {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.95) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.95) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.95) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    height: 125px;
    line-height: 22.8571px;
    position: absolute;
    width: 100%;
    margin-left: -15px;
    bottom: 0;
}
#featuredTileContainer #featureTileWrapper .overlayBox {
  margin-left: 0px;
}
.overlayBox #additionalContent{
    display: none;
}

/* hidden text overlay */
.textHiddenContainer {
    display: block;
    height: 280px;
}

/*Main Feature Tiles
______________________________________________________________________*/

/* FeatureTile */
div#featuredTileContainer .featureTile {
    height: 310px;
}
#featuredTileContainer .featureTile h3.tileTitle{
  font-family: 'Seattle Text';
  font-size: 32px;
  line-height: 32px;
  max-width: 580px;
  margin-bottom: 6px;
  text-shadow: rgba(0, 0, 0, 0.648) 0px 0px 10px;
}
.featureTile .primaryContent h3.tileTitle  {
  font-weight: 900;
  font-size:36px;
  line-height: 38px;
  text-shadow: rgba(0, 0, 0, 0.648) 0px 0px 10px;
}
.featureTile .primaryContent h3.tileTitle, .programTile .primaryContent h3.tileTitle {
  bottom: 0;
  position:absolute;
  padding-left: 15px;
  padding-right: 15px;
}
.featureTile h3.tileTitle a, .programTile h3.tileTitle a {
    color: rgb(255,255,255);
}

/* featureTile Alert */
.featureTile.seattleAlert .alertIcon {
  background-color: #e4002b;
}
.featureTile.seattleAlert .alertIcon {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
  padding: 7px 15px;
}

    /* featured tile carousel */
    div#featureTileWrapper .carousel.slide {
      margin: -15px;
    }   
    #featuredTilesCarousel .carousel-control > i {
      bottom: 10px;
      position: absolute;
    }
    #featuredTilesCarousel .carousel-control.prev {
      margin-right: 61px;
    }
    #featuredTilesCarousel .carousel-control.next {
      margin-right: 15px;
    }
    #featuredTilesCarousel .carousel-control.play{
      margin-right: 37px;
    }
    #featuredTilesCarousel .carousel-control.pause {
      margin-right: 39px;
    }
    #featuredTilesCarousel .carousel-control.play {
      display: none;
    }
    #featuredTilesCarousel .carousel-inner {
      overflow-y:visible;
    }

/*Twitter Tiles
______________________________________________________________________*/
#featuredTileContainer .twitterTile.taxonomyTile {
    padding-top:3px;
    padding-bottom: 5px;
    overflow-y: hidden;
}
    #featuredTileContainer .twitterTile.taxonomyTile iframe{
        height:132px !important;
    }

/*Contact Tiles
______________________________________________________________________*/
#featuredTileContainer .contactTile h3.tileTitle {
    color: #fff;
    background-color: #000;
    font-size: 22px;
    margin: -15px -15px 20px -15px;
    padding: 25px;
}
.contactTileContentBlock {
    margin-left: 10px;
}
.contactTile label, #deptFootContactWrapper label{
  padding-right:8px;
}

.contactTile a, .phoneFaxAddressWrapper a, .contactTile button, .phoneFaxAddressWrapper button {font-weight:bold; color:#000; text-decoration:underline;}

.contactTile a:hover, .contactTile button:hover, .phoneFaxAddressWrapper button:hover, .phoneFaxAddressWrapper a:hover{background:#003DA5; color:#fff; text-decoration:none;}

.contactTile button, .phoneFaxAddressWrapper button {background-color: transparent;border: none;padding: 0px;}

.contactTileSocialMediaWrapper {
  margin-top: 30px;
}
.contactTileSocialMediaWrapper a {
    color: black;
    margin: 0px 2px;
    width: 26px;
    height: 26px;
    display: inline-block;
    padding-left: 2px;
    box-shadow: inset 0px 0px 0px 4px #000;
}
  .contactTileSocialMediaWrapper a:hover{
    background:#fff;
    box-shadow: inset 0px 0px 0px 4px #003DA5;
  }
    .contactTileSocialMediaWrapper a:hover i{
    color:#003DA5;
    }
  .contactTileSocialMediaWrapper a i {
  font-size: 26px;
  color:#000;
  }
    .contactTileSocialMediaWrapper a i.fa-blog{background: #000;}
        .contactTileSocialMediaWrapper a:hover i.fa-blog{background:#003da5;}
        .contactTileSocialMediaWrapper a i.fa-blog:before {
            content: "B";
            color: #fff;
            font-family: 'Open Sans';
            font-weight: 600;
            font-size: 20px;
            line-height:16px;
            padding:0px 4px;
            top:-2px;
            position:relative;
        }
  .contactTilePhysicalAddress, .contactTileMailingAddress {
     padding:0px 10px;
  }
.closeAddress{
  border:0px;
  background:transparent;
 }
  .closeAddress:hover{
    background:#000;
    color:#fff;
    }


/*News Tiles
______________________________________________________________________*/
.newsTile .primaryContent:hover {
  cursor: auto;
}
.newsDateContainer .newsDate {
    background-color: #db4e00;
    color: #fff;
    margin-left: -15px;
    font-weight: bold;
    font-size:14px;
    padding: 5px 15px;
}
.newsDateContainer .fa.fa-rss {
    color: #db4e00;
    font-size: 1.5em;
}
/* News as seattle alert */
.newsWrapperAngular.seattleAlert {
  background-color: #e4002b;
  width: 310px;
  height: 150px;
  margin-top: -15px;
  margin-left: -15px;
  padding: 15px;  
}
.newsWrapperAngular.seattleAlert .newsDateContainer .newsDate {
  background-color: #000;
  color: #fff;  
}
.newsWrapperAngular.seattleAlert .newsDateContainer .fa.fa-exclamation, .featureTile.seattleAlert .fa.fa-exclamation  {
    color: #fff;
    font-size: 28px;
}
.newsWrapperAngular.seattleAlert h3.newsTileTitle, .newsWrapperAngular.seattleAlert h3.newsTileTitle a, .newsWrapperAngular.seattleAlert .newsSource, .featureTile.seattleAlert {
  color: white;
}
/* News as press release */
.newsDateContainer.pressRelease .newsDate {
    background-color: rgb(0, 61, 165);
}
.newsDateContainer.pressRelease .fa-seattlelogo{
  background-image:url('//www.seattle.gov/images/2015_img/logo_bw.png');
  height: 24px;
  width: 24px;  
  background-size:contain;
}
.primaryContent h3.newsTileTitle {
    font-size: 14px;
    margin-top: 0px;
    padding-top: 15px;
    font-family: "Open Sans", sans-serif;
    line-height: 16px;
}
h3.newsTileTitle a {
    color: black;
}

/*News as press release SIZE B (Council)*/
#featuredTileContainer .newsTile.height2 {
  background-color:#003DA5;
}

#featuredTileContainer .newsTile.height2 .newsWrapperAngular,
#featuredTileContainer .newsTile.height2 .primaryContent{
  height:100%;
  overflow:;
}
#featuredTileContainer .newsTile.height2 .newsDate{
  background:#fff;
  color:#000;
}
#featuredTileContainer .newsTile.height2 .fa{
  background:#fff url('/assets/images/2015_img/logo_bw.png');
  background-size:31px 31px;
  background-repeat:no-repeat;
  background-position:1px;
  width:33px;
  height:33px;
  border-radius:25px;
}
    #featuredTileContainer .newsTile.height2 .fa:before{
      display:none;
    }
#featuredTileContainer .newsTile.height2 h3.newsTileTitle{
  height:100%;
  display:table;
  padding-bottom:60px;
}
    #featuredTileContainer .newsTile.height2 h3.newsTileTitle a{
      font-family:'Seattle Text';
      color:#fff;
      font-size:28px;
      line-height:28px;
      display: table-cell; 
      vertical-align: middle;
    }
#featuredTileContainer .newsTile.height2 .newsSource{display:none;}

.primaryContent .newsSource {
  font-size: 14px;  
  position: absolute;  
  bottom: 15px;
  right: 15px;  
}


/*Basic Color Tiles
______________________________________________________________________*/
.cTileBasic, .bTileBasic{
    padding:0px;
  }
     .cTileBasic a, .bTileBasic a{
        color:#fff;
        font-size:32px;
        font-weight:800;
        display:table-cell;
        width:310px;
        height:150px;
        padding:0px 20px;
        vertical-align:middle;
        text-align:center;
     }
     .bTileBasic a {
      height: 310px;
     }
     .BlackonYellow a {
         color: #000;
     }

    .taxonomyTile.cTileBasic a:hover, .taxonomyTile.bTileBasic a:hover
    {
        background: rgba(0,0,0,0.5);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
        text-decoration:none;
    }

     /*colors */
     .WhiteonAqua {background: #0072be;}
     .WhiteonGreen { background:#007749; }
     .BlackonYellow { background:#FFD552; }     

/*Event Tiles
______________________________________________________________________*/
.eventDateBox {
    float: left;
    width: 22%;
    border: solid 1px #eee;
    margin-right: 15px;
    padding: 10px;    
    text-align: center;
}
.eventDateBox .month {
    background: rgb(153,0,0);
    font-size: 20px;
    margin: -10px -10px 0px;
    height: 40px;
    padding-top: 6px;
    color: white;
}
.eventDateBox .date {
    margin: 5px auto;
    font-size: 26px;
    color: #666;
}
.eventDateBox .time {
    font-size: 14px;
    margin-left: -4px;
}
.eventContent {
    padding: 10px;
}
.eventContent h3.tileTitle a {
    color: black;
}
#featuredTileContainer .eventContent .tileTitle {
    font-size: 20px;
    margin-top: -8px;
}
span.eventVenue {
    color: #777;
}

/*Video Tiles
______________________________________________________________________*/
.programImage .overlayBox {
    top: -13px;
    height: 60px;
}
/* video B tile */
.taxonomyTile .videoDescription {
    max-height: 141px;
    overflow-y: hidden;
}
h3.videoTitle {
    margin-top: 5px;
}

.councilVideos .fa-video-camera{
    font-size:24px;
    color:#666;
    margin-left:10px;
}
.taxonomyTile .videoItem .videoImage {
    margin: -15px -15px 0px;
    height: 160px;
}
.videoImage {
  height: 150px;
  background-size: cover;
  background-position: center center;
}

.videoImage:before{
  position:absolute;
  content:"\f16a";
  font-family:'fontAwesome';
  font-size:36px;
  color:#fff;
  margin:55px 0px 0px 153px;
  padding:0px;
  top:-5px;
  left:-8px;
    text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    opacity:.75;
}

    .featuredVideoContainer .videoImage:before {
        top: -2px;
        left: -18px;
    }

    a:hover .videoImage:before  {
      opacity: 1;
      font-size:48px;
      margin:48px 0px 0px 148px;
      transition:all .2s;
    }
.videoDescription a{font-weight:bold;}
.videoTitle{
    font-size:18px;
    font-family:'Open Sans';
    padding:10px 10px 0px 10px;
}

.videoExcerpt{
    font-size:16px;
    line-height:18px !important;
    padding:0px 10px 0px 10px;
}

/*Service Tiles
______________________________________________________________________*/
#featuredTileContainer .featuredService {
    background-color: #003DA5;
    color: #fff;
}
#featuredTileContainer .nonFeaturedService {
  background-color: #fff;
}
  #featuredTileContainer .featuredService h3,
  #featuredTileContainer .featuredService h3 a,
  #featuredTileContainer .nonFeaturedService h3,
  #featuredTileContainer .nonFeaturedService h3 a {
    margin-top: 0px;
    margin-bottom: 15px;
  }
#featuredTileContainer h3.featuredVideoTitle,
#featuredTileContainer .featuredService h3,
#featuredTileContainer .nonFeaturedService h3,
#featuredTileContainer .featuredService h3 a,
#featuredTileContainer .nonFeaturedService h3 a, #featuredTileContainer .programTile h3 a, #featuredTileContainer .programTile h3{
    color:#fff;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    line-height: 20px;
}
#featuredTileContainer .nonFeaturedService h3,
#featuredTileContainer .nonFeaturedService h3 a {
  color: #0047ba;
}
#featuredTileContainer h3.featuredVideoTitle{
  margin-top: 15px;
  color:#000;
}
#featuredTileContainer .programTile h3 a, #featuredTileContainer .programTile h3 {
  font-size: 21px;
  line-height: 22px;
  padding-bottom: 2px;
}

/*Popular Service Tiles*/
#topicServices .popularService {
    background-color: #f3f7ff;
}

.popularService .tileTitle:after,
label.popularServicesInput:after{
  display:block;
  content:"\f005";
  font-family:"fontAwesome";
  float:right;
  color:#ffd600;
}
  .popularService .tileTitle:after {
    margin-top: 10px;
    margin-right: 10px;
    top: 0px;
    right: 0px;
    position: absolute;
  }
  label.popularServicesInput:after{
    display:inline;
    float:none;
    margin-left:2px;
    font-size:18px;
  }
.popularService .tileTitle {
    max-width: 266px;
}

#secondaryItems .primaryContent .tileTitle {
    margin: 0px 0px 15px 0px;
}

#secondaryItems .taxonomyTile,
#topicPrograms .taxonomyTile,
#topicServiceContainer .tileService {
box-shadow:none;
border: solid 1px #ccc;
}

/*Navigation Contact Tiles
______________________________________________________________________*/
.navigationContact .primaryContent {    
    height: 130px;
    width: 310px;
    margin-top: -15px;
    margin-left: -15px;
    padding: 15px;
}
.tileContactNavigation .taxonomyTile.navigationContact h3 {
    color: #235273;
    font-size: 20px;
    margin-bottom: 0px;
}
.navigationContact h3+span {
    color: #000;
    font-weight: 400;
}
.tileContactNavigation .taxonomyTile.navigationContact a:hover {
  text-decoration: none;
}

.taxonomyTile.navigationContact h3 {
    margin-top: 0px;
}

.taxonomyTile.navigationContact a:hover .primaryContent {
  border: 5px solid rgba(255,255,255,.75);
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: 0px 0px 20px #000000; 
  padding: 10px;
  text-decoration: none;
}

.taxonomyTile.navigationContact .primaryContent {
    height:150px;
}

/*FEATURE TILE CONTAINER 
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/
div#featuredTileContainer {
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent;
    margin-top:60px;
    height:540px !important;
}
.featureWrapper.emptyFeatureWrapper,
.featureWrapperShort{
  width:100%;
  height:350px;
  background:#000;
  background-position:center center;
  background-size:cover;
  margin-bottom: -50px;
}

.featureWrapper.emptyFeatureWrapper{margin-bottom:0px;}

.featureWrapper{
  background-position: center center;
  box-shadow: inset 0 5px 25px -10px rgba(0,0,0,0.25);
}

.featureWrapper > .container {
    background-color: transparent;
}
/*Photo Credit*/
.featureWrapper .featuredPhotoCreditContainer
{
    position: relative;
}

.featureWrapper .featuredPhotoCreditContainer .fa
{
    cursor: pointer;
}

.featureWrapper .featuredPhotoCreditContainer a
{
    color: white;
    text-decoration: none;
}

.featureWrapper .featuredPhotoCreditContainer a:hover
{
    text-decoration: underline;
}

.featureWrapper.emptyFeatureWrapper .container 
{ height: 350px; position: relative; }

.featureWrapper.emptyFeatureWrapper .featuredPhotoCreditContainer
{
    position: static;
}

.featureWrapper .featuredPhotoCredit
{
    background-color: rgba(0,0,0,0.9);
        position: absolute;
        right: 12px;
        bottom: 10px;
        color: white;
        opacity: .7;
    padding: 10px;
}

.featureWrapper .featuredPhotoCredit .featuredPhotoCreditText
{
    display: none;
}



/*UNSORTED
////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////*/






h2#servicesCount,
h2#programsCount {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 300;
    margin-left: 20px;
    color: #666;
}

    h2#servicesCount span.number,
    h2#programsCount span.number{
        font-size:36pt;
        font-weight:800;
    }

h3.secondaryListTitle {
  padding: 10px;
}




/* page level containers  */
#topicTileContainer, .bodyTileWrapper {
    padding-right: 0px;
    padding-left: 0px;
}
#topicSidebar {
    padding-top:30px; 
}

.componentListBorder {
    border: 1px solid #999;
}





/* Department Footer */
#departmentContactFooterWrapper {
padding-bottom:0px;
}
  #departmentContactFooter {
    padding-top: 30px;
    padding-bottom: 30px;
  }
    #deptFootLogoTitle > img{
      padding-right: 10px;
    }
    h1.footerSeattleText {
      margin:7px 0px -10px 0px;
      line-height: 1;
      font-size: 42px;
    }
    .deptFooterTitle a {
      color: black;
      font-size: 20px;
      font-family: 'Seattle Text';
      margin-top: 3px;
      display: inline-block;
    }
  #deptFootContactWrapper {
    margin-right: 15px;
    text-align: right;
  }
    .footerSocialMediaWrapper > .socialMediaContactItem img, .contactTileSocialMediaWrapper > .socialMediaContactItem img {
      display: inline;
    }
/* footer */
footer {
  margin-right: auto;
  margin-left: auto;
}
#footer .navbar-default {
    background-color: #ddd;
}
/* Topic Footer begin */
.topicTile {
    float: right;
    width: 310px;
    height: 30px;
    margin: 5px;
}
.topicTile > .tileLink {
    font-size: 16px;   
}
.topicTile > .tileLink a {
  color: #333;
  padding: 10px;
}
.topicTile > .tileLink a:hover {
  background-color: #333;
  color: white;
  text-decoration: none;
}

/*Services Footer Separation*/
#portalpage,
#mainContent.topicPage,
#mainContent.topTier {
    border-bottom:60px solid #333;
}

.siteFooterMobile{
    padding:0px 15px;
    margin-bottom:15px;
}

/*Expandable menu*/
#leftNavMobileSelect button,
.siteFooterMobile button {
    width:100%;
    height:50px;
    border-radius:0px;
    border:4px solid #000;
    background:#fff;
    color:#000;
    font-weight:700;
    font-size:20px;
    text-align:left;
}
    #leftNavMobileSelect button:focus,
    .siteFooterMobile button:focus,
    #leftNavMobileSelect button:hover,
    .siteFooterMobile button:hover,
    #leftNavMobileSelect button:active,
    .siteFooterMobile button:active,
    #leftNavMobileSelect.open button,
    .siteFooterMobile .dropdown.open button {
        background:#000;
        color:#fff;
        border:4px solid #000;
        position:relative;
    }
    #leftNavMobileSelect button .caret,
    .siteFooterMobile .dropdown button .caret{
        display:none;
    }
    #leftNavMobileSelect button:after,
    .siteFooterMobile .dropdown button:after{
        content:"\f078";
        font-family:'fontAwesome';
        float:right;
        position: absolute;
        right: 15px;
    }
#leftNavMobileSelect .dropdown-menu,
.siteFooterMobile .dropdown-menu{
    width:100%;
    margin-top:0px;
    border-radius:0px; 
    position:relative;
}
    .siteFooterMobile .dropdown-menu{margin-bottom: 15px}

    #leftNavMobileSelect .dropdown-menu li a,
    .siteFooterMobile .dropdown-menu li a{
        padding:15px 20px;
    }

/*Services Footer*/
#servicesFooter {
    margin: 0px;
    padding-top: 20px;
}

/*Top Requests*/ 
#top-request-wrapper { 
    padding-top:20px;
    padding-bottom:50px;
}

    #top-request-wrapper h2{
        font-family: 'Seattle Text';
        font-size: 27px;
        font-weight: bold;
        height: 44px;
        margin:0px 0px 10px 0px;
        text-decoration: none;
        color:#000;
        text-transform: none;
    }

    #request-lists{}

        #request-lists ol{ 
        margin:0px; 
        padding:0px;
        list-style-type: none;
        counter-reset: li-counter;
        }
        #request-lists ol.active {
            display: block;
        }

            #request-lists ol>li{
            display: inline-block;
            width:100%;
            }

                #request-lists ol>li:before{
                content: counter(li-counter);
                counter-increment: li-counter;
                display:block;
                float:left;                
                width:30px;
                margin:0px 0px 10px 0px;
                padding:5px 0px;
                background:#ccc;
                color:#fff;                
                font-weight:bold;
                font-size:15px;
                text-align: center;
                border-radius:100px;
                }

                #request-lists ol>li a{
                color:#000;
                margin-left: 5px;
                font-family:'Open Sans';
                font-size: 16px;
                padding:4px 5px 5px 5px;
                display:block;
                float:left;
                width:85%;
                }

                    #request-lists ol > li a:hover {
                        background: #333;
                        color: #fff;
                        text-decoration: none;
                    }

/* Left Navigator */
#contentListWrapper .container {
    background: transparent;
}
#leftNav{
   margin:45px 0px 0px -15px;
   max-width:90%;
}
#leftNav li{
    font-size: 18px;
    background: transparent;
    border: none;
    line-height: 26px;
    padding: 0px 5px 20px 0px;
}
#leftNav > ul, #leftNav ul.relatedList {
    list-style: none;
    margin-left: -20px;
}
#leftNav ul li a{
    font-family:'Open Sans';
    font-size:168x;
    display:inline-block;
    color: black;
    font-weight: bold;
}
#leftNav li a span.glyphicon{
    display:none;
}
#leftNav ul li:last-child{
    border-bottom:none;
}
#leftNav .activePage{
    color: #003DA5;
    background: transparent;
    font-weight: bold;
    font-size: 20px;
    border: none;
    line-height: 20px;
    margin-left: 0px;
}

#leftNav a.activePage:before {
    width: 0;
    height: 0;
    margin: 4px 0px 0px -15px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #777;
    position: absolute;
    z-index: 500;
    content: "";
}

/*Topic Page*/
#topicServiceContainer{
    padding-bottom:30px;
}

#topicProgramContainer:before{
    display:block;
    content:"";
    border-top:1px dotted #ccc;
    width:98%;
    height:1px;
    margin-left:5px;
    left:0px;
}


/*Topic SubHeads*/
.topicSubhead{
    margin: 30px 0px 40px 20px;
    font-family:'Open Sans';
}

.topicSubhead .topicCount{
   font-weight:800;
   font-size:36px;
   margin-right:5px;
}
/* Seattle.gov Homepage */
.secondaryLinksContainerWrapper {
    background-color: rgba(0,119,73,.5);
    padding: 20px 0px;
}
.secondaryLinksContainerWrapper .secondaryLinkContainer {
  background-color: white;
  cursor: pointer;
}
.secondaryLinksContainerWrapper .secondaryLinkContainer:hover {
  background-color: #003DA5;
  color: white;
}

.secondaryLinksContainerWrapper .secondaryLinkContainer a {
  color: black;
  display: block;
  width: 100%;
  /* margin: 10px 0px; */
  padding: 10px 10px;
  height: 40px;
}
.secondaryLinksContainerWrapper .secondaryLinkContainer a:hover {
  color: white;
  font-weight: 700;
  text-decoration: none;
}
.secondaryLinksContainerWrapper .secondaryLinkContainer i {
  color: #666
}

.homeElectedNavigationWrapper {
    background-color: #333;
    padding: 20px 0 30px;
}
.homeElectedNavigationWrapper h2, .homeElectedNavigationWrapper h3, .homeElectedNavigationWrapper h2 a, .homeElectedNavigationWrapper h3 a {
  color: white;
}
.homeElectedNavigationWrapper h3 i {
  font-size: 16px;
  margin-left: 5px;
}




/*Portal Department Lists*/
.topTier .bodycopy{
  padding-left: 20px;
  padding-top: 60px;
}

.departmentAgency {
    padding: 0px 0px 55px 20px;
}

.departmentAgency h3.tileTitle {
    padding: 0px;
    margin:0px 0px 5px 0px;
}


/*Topic Filter Refiner*/
#topicFilterContainer h3.topicSubhead {
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    padding: 15px 0px 20px 0px;
}

#topicFilterContainer .form-group {
  margin-left: 10px;
}

#topicFilterContainer .form-group *{
  display:inline;
  border-radius:0px;
}

        #topicFilterContainer input#filterTextInput {
            width: 66%;
            border:1px solid #000;
        }

          #topicFilterContainer button.btn.refine {
            width: 24%;
            background:#000;
            color:#fff;
            border:1px solid #000;
            font-weight:bold;
            margin:-1px 0px 0px -5px;
          }

              #topicFilterContainer button.btn.refine:hover {
                background:#fff;
                color:#000;
              }

          #topicFilterContainer button.btn.clearFilters {
            width: 90%;
            margin-top:20px;
          }


/*Topic Filter Checkboxes*/

#topicFilterContainer label{
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    width: 95%;
    height: 40px;
    margin-left: 25px;
  }

#topicFilterContainer input[type=checkbox] { display:none; } 

#topicFilterContainer input[type=checkbox] + label:before  {
    content: "";
    color: #666;
    border: 1px solid #333;
    background: #fff;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    margin-bottom: -22px;
    margin-left: -35px;
    display: block;
} /* unchecked icon */


#topicFilterContainer input[type=checkbox]:checked + label:before { 
  content: "\f00c";
  font-family: FontAwesome; 
  font-size:36px;
  line-height:10px;
} /* checked icon */

#topicFilterContainer .checkbox {height:34px;}

/* topic filter */
button.appliedFilterButton {
    font-family: 'Open Sans';
    ont-size: 15px;
    background: black;
    color: white;
    border: none;
    padding: 5px 5px 5px 10px;
    margin: 10px;
}
button.appliedFilterButton:after {
    font-family: 'fontAwesome';
    content: "\f00d";
    padding: 0px 5px 0px 10px;
}

/*Topic Page Program Jump*/
  .programJump{
    display: inline-block;
    padding: 10px;
    margin:40px 0px 0px 0px;
    width:90%;
    border: 2px solid #000;
  }
      .programJump:hover{
        background:#000;
        transition: all .4s;
      }
          .programJump:hover h3,
          .programJump:hover i{
            color:#fff;
          }
      .programJump h3,
      .programJump i{
        margin:0px;
        color:#000;
      }
        .programJump h3{
          float:left;
          font-family: 'Open Sans';
          font-size: 20px;
        }
        .programJump i{
          float: right;
          margin-top:3px;
        }        

/*Topic Page Related Departments*/
#leftNav.relatedDepartments, #leftNav .relatedListContainer{
    margin-left:0px;
    background:#fff;
    padding-bottom:5px;
}
#leftNav .relatedListContainer {
    margin-left: 15px;
    margin-right: -15px;
    margin-bottom: 30px;
}

#leftNav.relatedDepartments h3, #leftNav .relatedListContainer h3{
    font-family:'Open Sans';
    font-size:20px;
    margin:0px;
    padding:10px;
    background:#000;
    color:#fff;
    text-align:center;
}

#leftNav.relatedDepartments li, #leftNav .relatedList li {
    padding: 10px 20px 0px 0px;
}

#leftNav.relatedDepartments li a, #leftNav .relatedList li a{
    margin-left:5px;
    font-size:16px;
    line-height: 20px;
    padding-right:5px;
    }

#leftNav.relatedDepartments li a:hover, #leftNav .relatedList li a:hover {
    background:#000;
    color:#fff;
    text-decoration:none;
    padding:0px 5px;
    margin-left:0px;
}




/*Photo Credit*/
#featuredTileContainer .taxonomyTile:hover .photoCredit{display:block;}

#featuredTileContainer .taxonomyTile .photoCredit {
    position: absolute;
    text-align: right;
    right: 15px;
    top: 15px;
    z-index: 1000;
    display: none;
    background:transparent;
    width:100%;
}

#featuredTileContainer .taxonomyTile .photoCredit a {
    width:40px;
    height:40px;
    display:inline-block;
    background:transparent;
}

#featuredTileContainer .taxonomyTile .photoCredit i.fa-camera {
    color: #fff;
    font-size: 20px;
    opacity: 0.9;
    text-shadow: 0px 0px 8px rgba(0,0,0, 0.5);
    background: rgba(0,0,0, 0.5);
    border-radius: 25px;
    padding: 10px;
}

#featuredTileContainer .taxonomyTile .photoCredit i.fa-camera:hover {
    opacity:1;
}

#featuredTileContainer .taxonomyTile .photoCredit .tooltip-inner {
    font-weight:bold;
    font-size:14px;
    padding:10px 10px;
}











/*Additional Feature Tile Styles That Need to be combined into the above*/



/* END - Additional Feature Tile Styles That Need to be combined into the above*/



/* temporary Hide social media in department top nav */
#deptBreadcrumbsContainer #deptSocialMedia {
  display: none;
}

/*Breadcrumbs*/
div#deptBreadcrumbsContainer{
    margin-left: -5px;
    margin-top: -15px;
    padding-bottom: 20px;
}

    .department #deptBreadcrumbsContainer {
        margin-left: -20px;
    }

#portalpage div#deptBreadcrumbsContainer {
  margin-top: 20px;
}

div#deptBreadcrumbsContainer strong{
font-weight:normal;
}

#deptBreadcrumbs,
#deptBreadcrumbs a {
font-size:14px;
}


#deptBreadcrumbs .fa-home {
    font-size: 16px;
}


#deptBreadcrumbs a{
    color:#000;
    text-decoration:underline;
    font-weight:bold;
}

#deptBreadcrumbs a:hover{
    color:#fff;
    background:#003DA5;
}

/* Department Styles Begin */

#deptBreadCrumbsWrapper{
  border-bottom: 0px solid #ddd;
}

/* hide subnav links in top nav temporary */
.topNavSubContainer {
    display: none;
}
/*Department Top Nav*/
#deptTopNav{
margin:-100px -10px 0px 0px !important;
position: relative;
float:right;
}

#deptTopNav,
#deptTopNav ul,
#deptTopNav li{
  margin: 0px;
  padding: 0px;
}

  #deptTopNav ul, li.seagovHeaderLinksMobile {list-style: none;}

    #deptTopNav ul li{ float:left; }

        #deptTopNav ul li a {
            color: #333;
            font-size: 14px;
            font-weight: 700;
            display: block;
            width: 110px;
            height: 100px;
            text-align: center;
            background: #fff;
            border-bottom: 5px solid #fff;
            position:relative;
        }

            #deptTopNav ul li a span {
                position:absolute;
                width:110px;
                left:0px;
                bottom:0px;
                padding-bottom:25px;
                display:block;
            }

            #deptTopNav ul li a.active, 
            #deptTopNav ul li a.activePage,
            #deptTopNav ul li a:hover
             {
                color: #000;
                border-bottom: 5px solid #003DA5;
                text-decoration: none;
            }

            .department span.glyphicon{display:none !important;}


#deptTopNav ul li a i{ color:#aaa; }

#deptTopNav ul li a:hover i{ color:#000; }



.deptHome #leftMainRight{
margin: 60px auto 0px auto;
}

/*BODY STYLES*/
#mainContent .bodycopy,
.mainColWrapper{padding-bottom:60px;}
#portalpage h1.pageTitle,
#mainColMain h1.pageTitle{
background:#000;
color:#fff;
display:inline-block;
padding:5px 20px 10px 20px;
line-height:40px;
margin-bottom: 60px;
margin-top:-40px;
} 
  #portalpage h1.pageTitle{
    padding: 10px 20px 0px 20px;
    margin-top:25px
    }
.mainColWrapper span,
.mainColWrapper p,
.mainColWrapper ol,
.mainColWrapper ul,
.mainColWrapper h1,
.mainColWrapper h2,
.mainColWrapper h3,
.mainColWrapper h4,
.topTier .bodycopy h2,
.topTier .bodycopy h3,
.topTier .bodycopy h4,
.topTier .bodycopy p,
.topTier .bodycopy span,
#centerColumn #trumbacal,
#mainColMain.col-md-8 table,
#mainColMain.col-md-8 hr,
#mainColMain.col-md-8 .MapComponent,
#mainColMain.col-md-8 .TrumbaCalendarComponent,
.ui-accordion-content,
.feedContainer,
#mainColMain h1,
#mainColMain h2,
#mainColMain h3,
#mainColMain h4,
#mainColMain h5,
#mainColMain h6,
#mainColMain a,
#mainColMain span,
#mainColMain p,
#mainColMain ul,
#mainColMain ol,
#mainColMain dl,
#mainColMain dt,
#mainColMain dd{
max-width:580px; 
}


#mainColMain li{ margin-bottom: 20px; }

.bodycopy a,
#mainColMain ol p a,
#mainColMain ol a,
#mainColMain ul p a,
#mainColMain ul a,
#mainColMain div p a,
#mainColMain p a{
font-weight: bold;
}

#mainColMain ol p a:hover,
#mainColMain ol a:hover,
#mainColMain ul p a:hover,
#mainColMain ul a:hover,
#mainColMain div p a:hover,
#mainColMain p a:hover{
background:#003DA5;
color:#fff;
text-decoration: none;
}



/*Paragraphs*/

#mainColMain div,
#mainColMain p{
margin-bottom:30px;
}



/*Unordered Lists*/
#mainColMain ul {
  margin:0px 0px 0px 40px;
  padding:0px 0px 20px 0px;
}



/*Ordered Lists*/
#mainColMain ol {
  counter-reset:li;
  margin:0px;
  padding:0px;
}

#mainColMain ol>li{
    margin:0px 0px 40px 0px;
    position:relative; 
    padding:20px 0px 0px 70px;
    list-style:none;
    border-top:2px solid #555;

}

#mainColMain ol>li:before {
    content:counter(li); 
    counter-increment:li; 
    position:absolute;
    top:-2px;
    left:0px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:50px;
    margin-right:8px;
    padding:10px 0px;
    border-top:2px solid #555;
    color:#fff;
    background:#555;
    font-weight:bold;
    font-size:20px;
    text-align:center;
}


/*Definitions*/
#mainColMain dl {

}

#mainColMain dt {
    font-size:18px; 
    font-weight:700;
    padding-bottom:4px;
    margin-bottom:4px;
    border-bottom:1px solid #ccc;
    }

#mainColMain dd {
    margin-bottom:40px; 
    padding:10px 20px;
    }



/*SIDE NAV*/
nav #rightNav{
  position:relative;
  margin-top:-8px;
  margin-right:10px;

}


nav #rightNav,
nav #rightNan h2,
nav #rightNav ul,
nav #rightNav li{
margin:0px;
padding:0px;
}



nav #rightNav .navParent{
  border-bottom: 8px solid #000;
  padding:0px;
  margin:0px;
}

nav #rightNav h2{
  width:100%; 
  display:block; 
  position: absolute;
}

nav #rightNav h2 a{
display:block;
background:#000;
color:#fff;
padding:18px 15px 16px 20px;
width:100%;
margin-top:-65px;
font-size: 18px;
border-radius: 0px;
position:absolute;
font-family: 'Open Sans';
}



nav #rightNav ul{
  list-style: none;
}

nav #rightNav ul li{
}


nav #rightNav ul li a.active:before{
  width: 0; 
  height: 0; 
  margin: 0px 0px 0px -20px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #000;
  position:absolute;
  z-index:500;
  content:"";
}


nav #rightNav ul li a:hover.active:before{
  border-left: 10px solid #fff;
}


nav #rightNav ul li a{
  border-left:1px solid #d7d7d7;
  border-bottom:1px solid #d7d7d7;
  border-right:1px solid #d7d7d7;
  display:inline-block;
  width:308px;
  padding:18px 15px 18px 20px;
  background:#f2f2f2;
  color:#000;
}
nav #rightNav ul li ul li a{
background:#fff;
padding-left:40px;
}


nav #rightNav h2 a:hover,
nav #rightNav ul li a:hover{
  background:#003DA5;
  color:#fff;
  font-weight:bold;
  text-decoration: none;
}

nav #rightNav .ui-icon{
display:none;
}

/*Accordions*/
.ui-accordion-header{
    border-radius:0px;
    border:0px;
    font-weight:bold;
    font-size:20px;
    padding:15px 10px 15px 20px !important;
}

    h3.ui-accordion-header a {
        max-width: 95% !important; 
        display:inline-block;
        }

.ui-accordion-header.ui-state-default{
    background:#f1f1f1;
}

.ui-accordion-header.ui-state-hover{
    background:#ccc;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left:inherit;
    right: .5em !important;
    top: 50%;
    margin-top: -8px;
    margin-right:10px;

}

.ui-accordion-content.ui-widget-content {
    border-bottom: 3px solid #f1f1f1;
    border-left: 3px solid #f1f1f1;
    border-right: 3px solid #f1f1f1;
    background: #fff;
    color: #000;
    padding:30px 35px;
    border-radius: 0px;
}



/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}



/*Department Page Header*/
.department #mainColMain h1.pageTitle{
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 10px 20px 0px 20px;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 40px;
    margin-top: 0px;
    max-width:95%;
}



.department #mainColContent img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}



/*Department Feature Image*/
#featureImage,
#featureImage img{max-width: 100%!important;}

    #featureImage{margin-bottom: 60px;}
    #featureImage img{width:100%; }


#carousel{padding:0px 0px 40px 0px}

  .col-md-9 #carousel{max-width:95%;}

#carousel .panel{border:none;}

#carousel .panel-body{padding:0px !important;}

#carousel img{width:100%; height:auto;}

#carousel .panel-footer{
  margin-top:-280px;
  padding:0px; 
  padding-right:10px; 
  z-index:200000; 
  position: absolute; 
  width:100%; 
  text-align:right; 
  background:transparent;
  border:0px;
}

#carousel .panel-footer:before{
    content:'\f030';
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 20px;
    opacity: .7;
    text-shadow: 0px 0px 8px rgba(0,0,0, 0.5);
    background: rgba(0,0,0, 0.5);
    border-radius: 25px;
    padding: 10px;
}


#carousel .panel-footer a{
  display:none;
}


a.carousel-control{
  background-color:transparent !important;
  background-image: none !important;
  width: 20px;
}



#mainColMain .carousel-indicators{

}

#mainColMain .carousel-indicators li{
   width:20px;
   height:20px;
    margin: 0px;
    position: relative;
    padding: 0px;
    list-style: none;
    border: 1px solid #555;
}

#mainColMain .carousel-indicators li.active{
   width:20px;
   height:20px;
    margin: 0px;
    position: relative;
    padding: 0px;
    list-style: none;
    border: 1px solid #555;
}

#mainColMain .carousel-indicators li:before{
    display:none;
}




/*Contact Component - In Sidebars*/
aside .ContactComponent .phoneMain,
aside .ContactComponent .contactPageLink,
aside .ContactComponent .mailingAddress,
aside .ContactComponent .physicalAddress  {
    margin-top:20px;
}

aside .ContactComponent .socialMediaItems a img{
    display:inline;
    margin:20px 0px;
}
/* Video Feed Angular */
#mainColMain .videoItem > div {
    margin-bottom: 0;
}



/*BLOG FEEDS*/

.feedContainer h2 a{
  color:#000;
}

.feedContainer .fa-feed{
  color:#EA5300;
  font-size:24px;
}

.rssItem{min-height: 40px}

.rssDate {
  font-weight:700;
  font-style:normal;
  font-size:14px;
  color:#000000;
  width:50px;
  height:50px;
  padding-top:12px;
  /* padding-right:2px; */
  text-align:center;
  border:1px solid #000;
  border-top:5px solid #EA5300;
  position:absolute;
}
.rssDate.longDate {
    padding-top: 2px;
}

.rssThumbnail {
 display:none;
}

.rssTitle {
    font-size:20px;
    font-weight:bold;
    line-height:22px;
    padding-left:70px;
    margin-bottom:15px !important;
}
    .feedContainer.title .rssTitle{
        font-size:18px;
    }


.rssTitle a {
    color:#000;
}

.rssDescription {
    padding-left:70px;
}


#mainColMain .feedLinks{
    height:40px;
    margin:0px;
}


    #mainColMain .feedContainer .feedTitleIconWrapper h2, #mainColMain .feedContainer .feedTitleIconWrapper h3, #mainColMain .feedContainer .feedTitleIconWrapper div, #mainColMain .feedContainer .feedTitleIconWrapper i, #mainColMain .feedContainer .feedTitleIconWrapper a, .councilVideos h2{
    display:inline !important;
    position:relative !important;
    float:none !important;
    }

    #mainColMain .feedContainer .feedTitleIconWrapper i,
    aside .feedContainer .feedTitleIconWrapper i{
        font-size:24px;
        margin-left:10px;
    }

#mainColMain .feedContainer h2 a{
  color:#000;
  padding-bottom:0px !important;
}

#mainColMain .feedContainer{
    padding-bottom:20px;
}


#mainColMain .feedTitleIconWrapper .feedLinks {
  margin-top: 20px;
}

.feedLinks .fa-rss{
  color: #EA5300;
}

aside #rightCol .feedContainer{
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  padding:20px;
  margin-bottom:10px;
}


    aside .feedContainer h3{        
        margin:0px 0px 20px 0px;
        width:90%;
    }

        aside .feedContainer h3 a{
          color:#000;
        }


    aside .feedContainer .feedLinks{      
      width:10%;
      text-align:right;
    }


aside .feedContainer>ol,
.feedContainer>ol>li{
margin:0px;
padding:0px;
}

    aside .feedContainer>div,
    aside .feedContainer>ol{
    list-style:none;
    clear:both;
    }

        aside .feedContainer>ol>li{
        padding-left:70px;
        padding-bottom:15px;
        min-height:65px;
        }

            aside .feedContainer>ol>li>a{
            color:#000;
            font-weight:500 !important;
            font-size:15px;
            line-height:20px
            }


            aside .feedContainer>ol>li>span{
              font-weight:700;
              font-style:normal;
              font-size:14px;
              color:#000000;
              width:50px;
              height:50px;
              padding-top:12px;
              padding-right:2px;
              margin-left:-70px;
              text-align:center;
              border:1px solid #000;
              border-top:5px solid #EA5300;
              position:absolute;
            }


aside .feedContainer.title_excerpt .rssItem{
    padding-bottom:30px;
} 

  aside .feedContainer.title_excerpt .rssDescription{
      font-size:15px;
  } 

  aside .feedContainer.title_excerpt .rssBody{
      font-size:18px;
  } 



/*Department Left Col*/
.department #RightCol,
.department #leftCol {
    padding-bottom: 150px;
}

.department #leftCol .SidebarXHTMLCopyComponent div,
.department #leftCol .SidebarXHTMLCopyComponent span,
.department #leftCo .SidebarXHTMLCopyComponentl p
{max-width:250px;}


.department #leftCol h2 {margin-top:60px;}

.department #leftCol select {max-width:75%;}

.department #leftCol select {max-width:75%;}

.department #leftCol .TrumbaCalendarComponent {
    max-width: 85%;
}

/*Department Left Nav*/
.department #leftNav {
  padding-top:20px;
  margin: 0px;
}

#portalpage #leftNav:before,
.department #leftNav:before{
    display:block;
    content:"";
    width:75%;
    height:2px;
    background:#ccc;
    border-top:8px solid #000;
    margin-top:-20px;
    margin-bottom: 20px;
}

#portalpage #leftNav .ui-icon,
.department #leftNav .ui-icon {display:none !important;}

#portalpage #leftNav ul,
#portalpage #leftNav ul>li>ul,
.department #leftNav ul,
.department #leftNav ul>li>ul {padding:0px; margin:0px;}

#portalpage #leftNav ul>li,
.department #leftNav ul>li{
    padding:10px 0px 10px 0px;
    list-style: none;
    }

  #portalpage #leftNav ul>li>ul>li,
    .department #leftNav ul>li>ul>li{
      padding:5px 0px 10px 20px;
      list-style: none;
      font-size: 14px;
    }

    #portalpage #leftNav ul>li>ul>li:first-child,
        .department #leftNav ul>li>ul>li:first-child{
          padding: 20px 0px 10px 20px;
        }
    
    #portalpage #leftNav ul>li>ul>li:last-child,
        .department #leftNav ul>li>ul>li:last-child{
          padding:5px 0px 0px 20px;
        }

.department #leftNav ul>li.active{
 
}


#portalpage #leftNav ul>li>a,
.department #leftNav ul>li>a {
    border-left: 0px solid #d7d7d7;
    border-bottom: 0px solid #d7d7d7;
    border-right: 0px solid #d7d7d7;
    display:inline-block;
    margin:0px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    padding:0px;
    max-width: 75%;
    }

  #portalpage #leftNav ul>li>ul>li>a,
    .department #leftNav ul>li>ul>li>a{
      color:#555;
      font-size: 15px;
    }

  #portalpage #leftNav ul>li>a.active,
    .department #leftNav ul>li>a.active {
    margin:0px;
    }

  #portalpage #leftNav ul>li>a:hover,
    .department #leftNav ul>li>a:hover {
      background:#003DA5 !important;
      color:#fff;
    }

#portalpage #leftNav ul>li>a.active:before,
.department #leftNav ul>li>a.active:before {
    width: 0;
    height: 0;
    margin: 6px 0px 0px -15px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #000;
    position: absolute;
    z-index: 500;
    content: "";
}




/*Department Right Col*/
.department #rightCol:before{
    display:block;
    content:"";
    width:75%;
    height:2px;
    border-top:8px solid #000;
    padding-bottom:20px; 
}

.department #rightCol .ContactComponent,
.department #rightCol .SidebarLinkListComponent,
.department #rightCol .SidebarXHTMLCopyComponent,
.department #rightCol .TrumbaCalendarComponent{
  padding-bottom: 40px;
}


/*Right Col Email Sign Up*/
.department #rightCol input{
width:100%;
height:40px;
}

.department #rightCol a .btn,
.department #rightCol .btn{
  border-radius: 2px;
  border: none;
  background: #003DA5;
  margin-top: 5px;
  padding-top: 10px;
  height: 40px;
  font-weight: bold;
  color: #fff;
}


.department #rightCol a .btn:hover,
.department #rightCol .btn:hover{
background:#000;
}


/*Tabs*/
.MainColumnTabListComponent,
.MainColumnTabListComponent .ui-tabs,
.MainColumnTabListComponent .ui-tabs-nav {max-width:100% !important;}

.MainColumnTabListComponent .ui-tabs {padding:0px; margin:0px; border:0px; }

.MainColumnTabListComponent ul.ui-tabs-nav {
    padding:0px !important; 
    margin:0px 0px 60px 0px !important; 
    border:0px;
    border-radius:0px;
    border-bottom:2px solid #000; 
    background:transparent;
    }



.MainColumnTabListComponent .ui-tabs-nav li {
    padding:0px !important; 
    margin:0px !important; 
    margin-right:10px !important;
    height:40px;
    border-radius:0px; 
    border:0px;
    background:transparent; 
    }



.MainColumnTabListComponent .ui-tabs-nav li a{
    border-top:2px solid #000;
    border-left:2px solid #000;
    border-right:2px solid #000;
    padding:0px 20px 0px 20px !important; 
    margin:0px !important; 
    height:40px;
}

.MainColumnTabListComponent .ui-tabs-nav li.ui-state-active a {background:#000;}

.MainColumnTabListComponent .ui-tabs-nav li a h4{
    font-family:'Open Sans';
    font-size:18px;

}

.MainColumnTabListComponent .ui-tabs-nav li.ui-state-active a h4,
.MainColumnTabListComponent .ui-tabs-nav li a:hover h4{
    color:#fff !important;
}

.MainColumnTabListComponent .ui-tabs-nav li a:hover{
    border-top:2px solid #003DA5;
    border-left:2px solid #003DA5;
    border-right:2px solid #003DA5;
}


.MainColumnTabListComponent .ui-tabs .ui-tabs-panel{padding:0px; margin:0px;}

p {
    line-height: 22px;
}



/*Panels*/
.panel,
.panel-heading {border-radius:0px}

.panel-heading {
    padding:25px 30px 20px 30px; 
    margin-bottom:0px !important;
    }

.panel-heading h3{margin-top:3px;}

.panel-body {padding:30px !important;}


/*Wells*/
.well {
    min-height: 20px;
    padding: 30px;
    margin: 0px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom:5px solid #000;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.well .list-group{
    margin:0px !important;
}

.well .list-group .list-group-item{
    border:0px;
    margin:0px;
    border-radius:0px;
    border-bottom:1px solid #aaa;
}

.well .list-group .list-group-item.active{
    background:#000;
}

.well .list-group .list-group-item:last-child{
    border:0px;
}



/*Buttons*/
#mainColContent .btn-primary {
    color: #fff;
    background-color: #003DA5;
    border-color: #003DA5;
    text-decoration:none;
    border-radius: 2px;
    font-weight:600;
}

#mainColContent .btn-default {
    color:#003DA5;
    border-color: #003DA5;
    text-decoration:none;
    border-radius: 2px;
    font-weight:600;
}

#mainColContent .btn-default:hover,
#mainColContent .btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}


/*btn active states*/
#mainColContent .btn-primary.active{
    background-color: #003DA5;
    border-color: #003DA5;
    box-shadow: inset 0px 2px 10px rgba(0,0,0,.7);
}

#mainColContent .btn-default.active{
    color:#003DA5;
    border-color: #003DA5;
    background:#fff;
    box-shadow: inset 0px 1px 6px rgba(0,61,165,.7);
}

#mainColContent .btn-primary.disabled,
#mainColContent .btn-primary:disabled{
    background-color:#2f57a5;
}

/*btn padding*/
#mainColContent .btn {padding:7px 20px;}
#mainColContent .btn-lg {padding:15px 50px;}
#mainColContent .btn-sm {padding:3px 10px;}
#mainColContent .btn-xs {padding:0px 5px;}


/*Department Footer Links*/
#departmentFooterLinksNewsWrapper {
  background-color: #f1f1f1;
  padding: 30px 0px;
}
  #departmentFooterLinksNewsWrapper .deptFootLinkCol a{
    display: block;
    padding: 10px 0px 8px;
    color: black;
    font-size:15px;
    line-height:17px;
  }
    #departmentFooterLinksNewsWrapper .deptFootLinkCol a:hover{
      color: black;
    }
  #deptFootNewsWrapper h3 {
    display: inline-block;
  }
    .deptFootDeptNameNewsSubscribe {
      color: #666;
      display: block;
      font-family:'Open Sans';
      font-size: 18px;
      font-weight: 300;
      margin-top:-3px;
    }
  #deptFootNewsWrapper i.fa {
    float: right;
    margin-top: 18px;
    font-size:30px;
    color:#000;
  }
  #deptFootNewsWrapper form {
    margin-top: 20px;
  }
    #deptFootNewsWrapper input[name="email"] {
        line-height: 34px;
        padding-bottom: 3px;
        width: 245px;
        padding-left: 10px;
    }
    #deptFootNewsWrapper button {
      background-color: rgb(0, 70, 159);
      display: inline;
      margin-top:-2px;
      margin-left: -6px;
      border-radius: 0px;
      height: 42px;
      width: 60px;
      font-size:16px;
      font-weight:bold;
    }
      #deptFootNewsWrapper button:hover {
        background-color: #000;
      }
/*END Department Footer Links*/


/*Department Styles End */



/*Back to Top Nav*/

#backToTop{
  position:fixed;
  bottom:80px;
  left:-400px;
}
  #backToTop.hasScrolled{
    left:30px;
  }
#backToTop a{
  z-index:50;
  width:70px;
  height:70px;
  text-align:center;
  display:block;
  background:rgba(255,255,255,.6);
  border-radius:50px;
  box-shadow:1px 1px 5px rgba(0,0,0,0.6);
}
  #backToTop a:hover{
    background:#fff;
    box-shadow:1px 1px 6px rgba(0,0,0,0.9);
    transition:all .1s;
  }
    #backToTop a:hover i{
      padding-top:13px;
      font-size:38px;
      transition:all .1s;
    }
    #backToTop a i{
      color:#000;
      padding-top:18px;
      font-size:28px;
    }




















































/* styles that apply to both tablet and mobile */
@media (max-width: 991px) {
  /*Department Layout*/

  .department main,
  .department aside{
    padding:0px 10px;
  }


  .department .col-md-9 .twoColLeft,
  .department .col-md-9 .twoColRight{
    padding:0px 10px;
  }

  #departmentFooterLinksNewsWrapper,
  #departmentContactFooter {
    padding:30px 15px;
  }

  /*Department Footer Links*/
  #deptFootNewsWrapper{
  width:100%;
  padding-top:40px;
  padding-bottom:70px;
  }
    #deptFootNewsWrapper i.fa {
    padding-right:5px;
    }

    #deptFootNewsWrapper form {
      margin-top: 10px;
    }
      #deptFootNewsWrapper input[name="email"] {
          width: 95%;
          float:left;
          position:absolute;
      }
      #deptFootNewsWrapper button {
          right:0px;
          margin-top:0px;
          position:absolute;
      }
  /*feature image*/
  .featureWrapper.emptyFeatureWrapper,
  .featureWrapperShort {
      height:0px;
      padding-bottom:21%;
      margin-bottom: 0px;
  }
  .taxonomyTile.width2, #featuredTileContainer .overlayBox {
    width: 310px;
  }
  #featuredTileContainer .featureTile h3.tileTitle {
    font-family:'Open Sans';
    font-size: 21px;
    font-weight:bold;
    line-height: 22px;
    max-width: 92%;
    margin-bottom:12px;
  }
  #featuredTilesCarousel .carousel-control {
    display: none;
  }
  #featuredTileContainer .programTile .overlayBox {
    bottom: 10px;
  } 
  .taxonomyTile.width2.height2.slick-slide.slick-cloned {
    padding: 0px;
  }
    #featuredTileContainer .slick-cloned .overlayBox {
    margin-left: 0px;
  }
  /* mobileServices wrapper element*/
  .mobileServices, .nestedTileWrapper {
    border: none;
    margin: 5px;
  }

    .mobileServices .halfHeight.taxonomyTile, .nestedTileWrapper .taxonomyTile {
      margin-right: 0px;
      margin-left: 0px;
    }

    .mobileServices .halfHeight:first-child, .nestedTileWrapper .taxonomyTile:first-child {
      margin-bottom: 10px;
      margin-top: 0px;
    }    
  
    /* Photo Credits*/    
    #featuredTileContainer .taxonomyTile .photoCredit{
        display:block;
        text-align: right;
        width: 280px;
        right: inherit;
    }

    #featuredTileContainer .taxonomyTile .photoCredit i.fa-camera {
        font-size:14px;
        padding:5px;
        margin-top:5px;
        color:#ccc;
    }

    .featureWrapper .featuredPhotoCreditContainer
    {
        display: none;
    }
        
  #featuredTileContainer .taxonomyTile .seattleAlert .photoCredit {
    width: 100%;
    right: 60px;
  }
  .featureTile.seattleAlert .alertIcon {
    margin-left: 240px;
  }

    #featuredTileContainer .taxonomyTile .photoCredit .tooltip,
    #featuredTileContainer .taxonomyTile .photoCredit .tooltip-inner,
    #featuredTileContainer .taxonomyTile .tooltip-arrow {
        display:none;
    }


  /*Topic Filter Inputs*/
  #topicFilterContainer input#filterTextInput {
      width: 76%;
  }

  #topicFilterContainer button.btn.clearFilters {
      width: 100%;
  }

  /*Topic Page Program Jump*/
  .programJump{
    display:none;
  }
  .programJumpMobile {
    top:45px;
    right:15px;
    position:absolute;
    text-decoration:underline;
    font-weight:bold;
    border-bottom:;
  }
    .programJumpMobile i{
      color:#000;
      padding-left: 5px;
    }

  /*Related Departments*/
  #leftNav.relatedDepartments {
    max-width: 100%;
    border: 1px solid #000;
    margin-bottom: 60px;
  }

  /*Video List*/
  #mainColMain .videoImage:before {
    margin: 0px 0px 0px -18px;
    top: 50px;
    left: 50%;
  }  
  #mainColMain a:hover .videoImage:before {
    opacity: 1;
    font-size: 36px;
    margin: 0px 0px 0px -18px;
    top: 50px;
    left: 50%;
    transition: all .2s;
  }
}


@media (max-width: 767px) {
    h1.pageTitle {
      font-size: 24px;
      line-height: 24px;
      margin: 14px 0px 7px 0px;
    }
    #deptBreadcrumbsContainer {
        display: none;
    }
    /*Featured Container */
    .featureWrapper{
        padding:5px 0px;
    }
    .featureWrapper:not(.emptyFeatureWrapper) {
        background:#333 !important;
        background-size: cover;
        background-position: center;
    }
    .featureWrapper.emptyFeatureWrapper
    {
        display: none;
    }
    div#featuredTileContainer {
        margin-top:10px;
        height:320px !important;
    }
    #featuredTileContainer > .taxonomyTile {
        margin: 5px 0; 
    }
    div#featuredTileContainer.slick-slider {
        margin-bottom: 10px;
    } 
    
    .featureWrapper .featuredPhotoCreditContainer
    {
        display: none;
    }
     
    #secondaryItems .taxonomyTile, #topicServices .taxonomyTile, #topicPrograms .taxonomyTile {        
        width: 96%;
        min-width: 300px;
    }           
    /* topic filter mobile*/
    #topicFilterContainer {
      display: none;
      border: solid 1px #ccc;
      padding: 10px;
    }
    button#topicFilterBtn {  
      width: 100%;                    
      border-radius: 0;
    }
    /*Department Footer*/
    div#deptFootLinksWrapper {
        padding-right: 10px;
        padding-left: 10px;
    }
    #deptFootContactWrapper{
      text-align:left; 
      float:left !important; 
      margin-top:30px; 
      margin-left:5px;
    }
    #leftNav.relatedDepartments {
      border:0px;
    }
    #mainContent.topTier {
        border-bottom:60px solid #333;
    }
    /*Elected Page - Contact Tiles*/
    #home .tileContactNavigation,
    #mainContent.topTier .tileContactNavigation {
      width: 310px; /*isotope freaks out without this*/
      margin: 5px auto;
    }

    #mainContent.topTier .taxonomyTile.navigationContact{
        margin:5px auto;
        left:0px;
        right:0px;
    }
        #mainContent.topTier h3.secondaryListTitle{
            width:310px;
            margin:0px;
            padding-top:40px;
            text-align:left;
        }

    /*Homepage Electeds*/
    .homeElectedNavigationWrapper{
       -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
        -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
        box-shadow:inset -20px 20px -20px 20px rgba(0,0,0,.95);
        background:#fff;
    }
        .homeElectedNavigationWrapper .taxonomyTile.navigationContact{
            margin:5px auto;
            left:0px;
            right:0px;
        }
        .homeElectedNavigationWrapper h2{
            width:310px;
            margin:0px auto;
            padding:20px 0px 0px 0px;
            text-align:left;
            color:#000;
        }
        .homeElectedNavigationWrapper h3{float:none !important;}

            .homeElectedNavigationWrapper h3 a{
                width:310px;
                margin:0px auto;
                text-align:left;
                border:1px solid #666;
                color:#000;
                font-family:'Open Sans';
                font-size:18px;
                display:block;
                padding:15px;
                text-align:left;
            }
                .homeElectedNavigationWrapper h3 a i{float:right;}
                
  /*Dept footer address pop out*/     
  #departmentContactFooter .footerPhysicalAddress,
  #departmentContactFooter .footerMailingAddress{ 
    float:left; 
    border-top:1px solid #000;
    width:100%;
    padding-top:20px;
   }
  /*Video List*/
  #mainColMain .videoItem{
    border:1px solid #ccc;
    padding:0px;
  }
    #mainColMain .videoImage{
      margin-bottom:0px;
    }     
    #mainColMain .videoDescription{
      padding:0px 5px;
    } 
      #mainColMain .videoDescription, 
      #mainColMain .videoDescription p {
        max-height:none;
      }
}
@media (min-width: 768px) {    
    #leftNav li{
        width: 100%;
    }
}
/* Medium devices (tablet, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991px) {
    #secondaryItems .taxonomyTile, #topicServices .taxonomyTile, #topicPrograms .taxonomyTile {
        width: 48%;
        min-width: 310px;
    }        
    .performanceTile, .eventTile, .nonFeaturedService {
        display: none;
    }        
    #contentListWrapper{
      background:url('//www.seattle.gov/images/2015_img/PageBackgrounds/portalListWrapperBG768.png');
      background-position:center;
      padding-bottom: 100px;
    }
    .department .featureWrapper {
        margin-bottom: 30px;
    }
    .featureWrapper:not(.emptyFeatureWrapper) {
        background:#333 !important;
    }

    .featureWrapper .featuredPhotoCreditContainer
    {
        display: none;
    }

    div#featuredTileContainer {
        margin-top:20px;
        height:310px !important;
    }
}
/* desktops */
@media (min-width: 992px) {
/* Featured Container */
    #featuredTileContainer .mobileServices .halfHeight.taxonomyTile, .nestedTileWrapper > .taxonomyTile {
        display: none;
    }    
    #featuredTileContainer .taxonomyTile .seattleAlert .photoCredit {
      right: 75px;
    }

  /*DEPARTMENT LAYOUT FIXES*/
  .department #leftMainRight{
    padding-top:100px;
  }
  .department .col-md-9.col-sm-9.col-sm-push-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

}
@media (min-width: 992px) and (max-width: 1291px) {
    .container {
        width: 970px;
        max-width: 970px;
    }
    .bodyTileWrapper {
        width: 67%; 
    }
    #topicSidebar {
        width: 33%;
    }
    .topicPage #topicTileContainer{
        width: 66%;
        margin-left: 5px;
    }
    .twoColWrapper,
    #contentListWrapper{
      background:url('//www.seattle.gov/images/2015_img/PageBackgrounds/portalListWrapperBG960.png');
      background-position:center;
      padding-bottom: 100px;
    }
    /*feature image*/
    .featureWrapper.emptyFeatureWrapper,
    .featureWrapperShort {
        padding-bottom:21%;
        margin-bottom: -100px;
    }
    .featureWrapper.emptyFeatureWrapper{margin-bottom: 0px;}
    .featureWrapper {
        background-size: cover;
    }
    div#featuredTileContainer {
        margin-top:60px;
        height:700px !important;
    }

    /*Breadcrumbs*/
    div#deptBreadcrumbsContainer {
    padding-bottom:15px;
    }

    /*Department Top Nav*/
    #deptTopNav{
        background:#fff;
        width:100%;
        padding:0px;
        margin:0px !important;
        height:40px;
    }
        #deptTopNav ul li a {
            font-size: 14px;
            display: block;
            width:inherit;
            height: 40px;
            text-align: left;
            margin-right:30px;
            padding-bottom:;
            color:#666;
        }
            #deptTopNav ul li a span {
                position:relative;
                left:0px;
                top:0px;
                bottom:auto;
                width:inherit;
                display:inline;
               padding:0px;
               margin:0px;
            }
     /*Department Footer Links*/
    #departmentFooterLinksNewsWrapper .deptFootLinkCol a{
      display: block;
      padding: 10px 0px 8px;
      color: black;
      font-size:14px;
      line-height:16px;
    }
    #deptFootNewsWrapper{
    margin-left:0px;
    padding-left:10px;
    text-align:right;
    }
      #deptFootNewsWrapper h3 {
        display: inline-block; 
        width:100%;
      }
        .deptFootDeptNameNewsSubscribe {
          color: #666;
          display: block;
          font-family:'Open Sans';
          font-size: 18px;
          font-weight: 300;
          margin-top:-3px;
        }
      #deptFootNewsWrapper i.fa {
        display:none;
      }
      #deptFootNewsWrapper input[name="email"] {
          width: 200px;
      }

      /*City Events*/
      #centerColumn #trumbacal{
        max-width: 400px;
      }

    /*Limit 3 Issues, RSS, & Video*/
    main .rssItem:last-child,
    main .issueItem:last-child,
    main .videoItem:last-child{
      display:none;
    }
}
@media (min-width: 1292px) {
    .container, #siteFooter, .colorBox, #footer2, #seafooter, #seafooter15, #footerBottom15 {
        max-width: 1292px;
        width: 1292px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .twoColWrapper,
    #contentListWrapper{
      background:url('//www.seattle.gov/images/2015_img/PageBackgrounds/portalListWrapperBG1280.png'); 
      background-position:center;
      padding-bottom: 100px;
    }     
}




/* Board Member Begin */
.boardMember {
  margin-bottom: 10px;
}
.boardMemberProfTitle {
    font-weight: bold;
}
.boardMember div.boardMemberContent h4.boardMemberName {
    margin-bottom: 8px;
}
.boardMember div.boardMemberContent .memberBio {
    display: none;
}
.boardMember div.boardMemberContent .toggleBio {
    cursor: pointer;
    color: #428bca;
}
.boardMember div.boardMemberContent .toggleBio span.arrowUp {
    display: none;
}
#accordion .boardMember div.boardMemberContent .toggleBio {
    display: none;
}
#accordion .boardMember div.boardMemberContent .memberBio {
    display: block;
}

/* Board Member End */