.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: 5px;
    padding-left: 5px;
}

html {
    
}
body {
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
    font-size: 16px;
}
h1, h2, h3, h4, h5, #deptTitle a{
    font-family: 'Seattle Text', Arial;
    font-weight: bold;
    color: #000;
}
h1 {
    text-transform: none;    
}
        
        h1.pageTitle, div#deptTitle {
            font-size:36px;
            margin-top:20px;
            line-height:1.1; 
            font-family:'Seattle Text', Arial;
        }

            div#deptTitle{
              padding-bottom:10px;
            }

        #featuredTileContainer h3.tileTitle {
        color:#000;
        font-size: 18px;
        font-weight:bold;
        }

        #featuredTileContainer .featureTile h3.tileTitle{
        color:#fff;
        font-size: 32px;
        font-weight: 800;
        text-shadow: rgba(0, 0, 0, 0.648) 0px 0px 10px;
        }

        h3.newsTileTitle{            
            font-weight:bold;
            line-height:20px;
            margin-top:10px;
        }
#featuredTileContainer .twitterTile.taxonomyTile {
		padding-top:3px;
		padding-bottom: 5px;
		overflow-y: hidden;
}
#featuredTileContainer .contactTile h3.tileTitle {
    color: #fff;
    background-color: #000;
    font-size: 22px;
    margin: -15px -15px 30px -15px;
    padding: 25px;
}
.contactTileContentBlock {
    margin-left: 10px;
}
.contactTile label{
  padding-right:8px;
}

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

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

.contactTileSocialMediaWrapper {
  margin-top: 30px;
}
.contactTileSocialMediaWrapper a {
	color: black;	
  margin: 0px 2px;
  text-decoration:none;
}
  .contactTileSocialMediaWrapper a:hover{
    text-decoration:none; 
    background:#fff;
  }
  .contactTileSocialMediaWrapper a:hover i{
    color:#003DA5;
  }
  .contactTileSocialMediaWrapper a i {
    font-size: 28px;
    color:#000;
  }
  .contactTilePhysicalAddress, .contactTileMailingAddress {
     padding:0px 10px;
  }
.contactTile .closeAddress{
  border:0px;
  background:transparent;
 }
  .contactTile .closeAddress:hover{
    background:#000;
    color:#fff;
  }

a, .tileTitle  {
    color: #0047ba;
}

  #leftMainRight a{
    font-weight: bold;
  }

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;
}
.navbar-default .navbar-text, .navbar-default .navbar-brand, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #fff;
}
/* Navbar */
#seagovNavbar .navbar-brand {
  display: block;
  height: inherit;
  padding: 0 20px;
}
.navbar-brand>img {
    display: inline-block;
    width: 45px;
    padding: 10px 5px 10px 0px;
}
span.logohome {
    float: right;
    margin-top: 23px;
    font-family:'Seattle Text';
    margin-left:4px;
    font-weight:bold;
    font-size:21px;
}
.navbar-default, .navbar-default .navbar-collapse, #seagovNavbar {
    background-color: #003DA5;
}
.navbar-toggle {
    display: inline-block;
}
   #header {
        width: 100%;
        height: 60px;
    } 
   div#seagovNavbar i:before {
    margin-right: 10px;
}       

    .navbar-header i{
        font-size:18px;
    }

    .navbar-header i:after{
        font-family:'Open Sans';
        font-weight:bold;
        font-size:18px;
    }

    .navbar-header i:before{
        font-size:24px;
    }

/* slide-menu */
.slidemenu-right {
    width: 320px;    
    top: 0px;
    z-index: 2000;
    position: fixed;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.4s ease;
    right: -800px;
}
.slidemenu-right.slidemenu-open {    
    top: 0px;
    right: 0px;
}
#slideMenuNav .list-group-item.active > a {
        color: white;
        background:#003DA5;
    }

#slideMenuNav {
    position: relative;
}

    #slideMenuNav ul li {width:320px; padding:0px; border-radius: 0px}

        #slideMenuNav ul li.first {text-align: right;}

            #slideMenuNav button { border:0px; background: transparent; margin:10px 10px 70px 0px; }

                #slideMenuNav button i{ color:#000;}

                    #slideMenuNav button:hover i {color:#003DA5;}
     
        #slideMenuNav ul li.last {height:700px;}

        #slideMenuNav ul li a{
          color:#000; 
          text-decoration: none; 
          font-weight: bold; 
          font-size: 20px; 
          display:inline-block; 
          padding:20px 30px;
          width:100%;
        }

            #slideMenuNav ul li a:hover{
            background:#d7d7d7;
            color:#000;
            }



/* Search */
#searchInput {
    width: 500px;
    height: 55px;
    border: none;
    font-size: 28px;
    border-radius: 0;
}
#googleSearch {
  width: 600px;
  margin: 100px auto auto;
}
#searchModal .modal-header{
  border: none;
  height: 52px;
}
#searchModal .modal-header .close{
  color:white;
  opacity: 1;
  -ms-filter: progid:DGImageTransform.Microsoft.Alpha(Opacity=100);
}
#googleSearch .form-control:focus {    
  box-shadow: none;
}

#googleSearch ::-webkit-input-placeholder{
   font-size: 24px;
    font-weight: 700;
    background-color: white;
    border-radius: 0;
    border: none;
    padding-top:5px;
    padding-right: 30px;
    color:#666;    
}
#googleSearch ::-webkit-input-placeholder:after {
    content: "\f141";
    font: normal normal normal 14px/1 FontAwesome;
    padding-left: 5px;
    position: absolute;
    bottom: 5px;
    font-size: 24px;
}
 #googleSearch :-moz-placeholder{
       font-size: 24px;
    font-weight: 700;
    color:#666;
  }
  #googleSearch :-moz-placeholder:after {
    content: "\f141";
    font: normal normal normal 14px/1 FontAwesome;
    padding-left: 5px;
    position: absolute;
    bottom: 5px;
    font-size: 24px;

  }
  #googleSearch ::-moz-placeholder{
    font-size: 24px;
    font-weight: 700;
    color:#666;
  }
  #googleSearch ::-moz-placeholder:after {
    content: "\f141";
    font: normal normal normal 14px/1 FontAwesome;
    padding-left: 5px;
    position: absolute;
    bottom: 5px;
    font-size: 24px;
  }
#googleSearch :-ms-input-placeholder {
     font-size: 24px;
    font-weight: 700;
    color:#666;
}
  #googleSearch :-ms-input-placeholder:after {
    content: "\f141";
    font: normal normal normal 14px/1 FontAwesome;
    padding-left: 5px;
    position: absolute;
    bottom: 5px;
    font-size: 24px;
  }
button#searchButton {
    border-radius: 0;
    background-color: #666;
    border-color: #666;
    height: 55px;
    width:55px;
}

    #googleSearch #searchButton:hover{
        background:#000;
        border-color:#000;
    }


    #googleSearch #searchButton .fa-search{
        font-size:24px;
        padding-left:3px;
    }


#searchModal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 60px auto;
}
#searchModal .modal-content {
  height: 100%;
  border-radius: 0;
  background-color: rgb(0,0,0);
  opacity: 1;
  background-color: rgba(0,0,0, .6);
}

/* Department Search Toggle */

#googleSearchToggle {
	font-size: 14px;
	color: #fff;
}
#googleSearchToggle_M {
	background-color: #333333;
	font-size: 15px;
	color: #fff;
	text-align:left;
}
#googleSearchToggle legend, #googleSearchToggle_M legend {
	border: 0;
	margin: 0;
}
#googleSearchToggle legend span, #googleSearchToggle_M legend span {
	height: auto;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 100px;
}
#googleSearchToggle .radio  {
	margin-left: 325px;
	margin-top: 10px;
}
#googleSearchToggle_M .radio  {
	margin: 5px 25px 10px
}
#googleSearchToggle .radio label {
	display:inline-block;
	padding-right:10px;
}
#googleSearchToggle_M .radio label  {
	display: block;
	width:auto;
	margin-bottom: 5px;
}
#googleSearchToggle .radio input[type="radio"], #googleSearchToggle_M .radio input[type="radio"] {
	border: 0; 
  	clip: rect(0 0 0 0); 
  	height: 1px; margin: -1px; 
  	overflow: hidden; 
  	padding: 0; 
  	position: absolute; 
  	width: 1px;
}
#googleSearchToggle .radio input[type="radio"] + span:before, #googleSearchToggle_M .radio input[type="radio"] + span:before  {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.2em;
  border-radius: 1em;
  border: 0.2em solid #000;
  box-shadow: 0 0 0 0.15em #fff;
  margin-right: 0.5em;
  transition: 0.5s ease all;
}
#googleSearchToggle .radio input[type="radio"]:checked + span:before, #googleSearchToggle_M .radio input[type="radio"]:checked + span:before {
  background: #fff;
  box-shadow: 0 0 0 0.2em #fff;
}
#googleSearchToggle .radio input[type="radio"]:checked + span, #googleSearchToggle_M .radio input[type="radio"]:checked + span {
  font-weight: 700	
}

/* page level containers  */
#topicTileContainer {
    padding-right: 0px;
    padding-left: 0px;
}
#topicSidebar {
    padding-left: 10px;
    padding-top:30px;
}
#topicSidebar label {
    display: inline-block;
}
div#featuredTileContainer {
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent;
    margin-top:60px;
    height:540px !important;
}

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

.featureWrapper > .container {
    background-color: transparent;
}
/* Taxonomy Tile begin */
.taxonomyTile {
    width: 310px;
    height: 150px;
    margin: 5px;
    border: 0px;
    padding: 15px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
#featuredTileContainer .taxonomyTile {
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.taxonomyTile.width2 {
    width: 630px;    
}
.taxonomyTile.height2 {
    height: 310px;
}
.taxonomyTile.withNested {
    border: none;
}
.taxonomyTile > .halfHeight {
    height: 150px;
    border: 1px solid #999;
    overflow: hidden;
}
.taxonomyTile > .halfHeight:first-child {
  margin-bottom: 10px;
}
.taxonomyTile > .primaryContent > .glyphicon {
    float: right;
    margin-top: -33px;
    display:none;
}
/* featured tile carousel */
    div#featureTileWrapper .carousel.slide {
      margin: -15px;
    }   
    #featuredTilesCarousel .carousel-control > i {
      bottom: 10px;
      position: absolute;
    }
    #featuredTilesCarousel .carousel-control.prev {
      margin-right: 60px;
    }
    #featuredTilesCarousel .carousel-control.next {
      margin-right: 10px;
    }
    #featuredTilesCarousel .carousel-control.play, #featuredTilesCarousel .carousel-control.pause {
      margin-right: 37px;
    }
    #featuredTilesCarousel .carousel-control.play {
      display: none;
    }
    #featuredTilesCarousel .carousel-inner {
      overflow-y:visible;
    }
/* news tiles */
.newsDateContainer .newsDate {
    background-color: rgb(234, 83, 0);
    color: #fff;
    margin-left: -15px;
    font-weight: bold;
}
.newsDateContainer .fa.fa-rss {
    color: rgb(234, 83, 0);
    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;}
/*END News as press release SIZE B (Council)*/
.componentListBorder {
    border: 1px solid #999; 
}

.tileExcerpt {
    max-height: 110px;
    overflow-y: hidden;
    line-height: 18px;
}
.tileDirector {
    
}
.tileTitle {
    margin:0px 0px 10px 0px;
    font-size: 18px;
    font-family: 'Open Sans';
}
.additionalContent {
  display: none;  
}
.additionalContent > div {
  padding-top: 5px;
}
.serviceTileImage {
  height: 155px;
}
/* Taxonomy Tile end */
/* Event Tiles */
#newsSyndication {
    padding-left: 0px;
    padding-right: 0px;
}
.eventDateBox {
    float: left;
    width: 22%;
    border: solid 1px #eee;
    margin: 10px;
    padding: 10px;
    height: 130px;
}
.eventDateBox .month {
    text-align: center;
    background: rgb(153,0,0);
    font-weight: bold;
    font-size: 20px;
    margin: -10px -10px 0px;
    color: white;
}
.eventDateBox .date {
    text-align: center;
    margin: 18px 10px;
    font-size: 26px;
}
.eventDateBox .time {
    font-size: 14px;
}
.eventContent {
    padding: 10px;
}
.eventContent h3.tileTitle a {
    color: black;
}
.eventContent .tileTitle {
    padding: 0px;
    font-size: 20px;
    font-weight: bold; 
}
span.eventVenue {
    color: #777;
}
/* Video Component Large Tile Player*/
.programImage .overlayBox {
    top: -13px;
    height: 60px;
}
/* topic filter */
button.appliedFilterButton {
    background: black;
    color: white;
    border: none;
    padding: 5px;
    margin: 10px;
}
button.appliedFilterButton:after {
    content: "\f00d";
    padding: 0px 5px 0px 10px;
}
/* department footer */
#departmentContactFooter {
  padding-top: 30px;
  padding-bottom: 30px;
}
#departmentContactFooterWrapper {
padding-bottom:0px;
}
#deptFootLogoTitleContainer {

}
#deptFootLogoTitle > img{
  padding-right: 10px;
}
h1.footerSeattleText {
  margin-bottom: -10px;
  line-height: 1;
  font-family: 'Seattle Base Sans';
  font-weight: 800;
  font-size: 42px;
  margin-top: 7px;
}
.deptFooterTitle a {
  color: black;
  font-size: 20px;
  font-family: 'Seattle Text';
  margin-top: 3px;
  display: inline-block;
}
#deptFootContactContainer {

}
#deptFootContactWrapper {
  margin-right: 15px;
  text-align: right;
}
.phoneFaxAddressWrapper > label {
    display: block;
}
span.addressPopout {

text-decoration: underline;
}
.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: 150px;
    height: 50px;
    margin: 5px;
}
.topicTile > .tileLink {
    height: 45px;
    font-size: 12px;
    border: thin solid #000;
}
.tileLink.oddTile {
    background-color: #D0EDF5;
    padding: 4px;            
}
.tileLink.evenTile {
    background-color: #b4e4f6;
    padding: 4px;
}
/* seattle footer */
.seafooter15Wrapper, #seafooter15, #departmentContactFooterWrapper {
    background:#D7D7D7;
    padding-bottom: 20px;
}
#seafooter15 {font-family:'Open Sans'; font-size:16px; }

#seafooter15 ul { margin: 0px;
                  padding: 0px;
}
    #seaFooterCol2 ul {
        margin-left: 15px;
    }

#seafooter15 li{margin:0px; padding: 0px 0px 15px; 
                list-style: none;
}    
#seafooter15> .row.borderBottomNone, #footerBottom15>.row.borderBottomNone {
    margin-right: -10px;
    margin-left: -10px;
}
#seafooter15 h2{color:#000; font-family: 'Seattle Text'; font-size:1.7em; font-weight:bold; padding:0px 0px 10px 0px;}

#seafooter15  a{ color:#000;}    
            
 #seaFooterCol1 >div {
    padding: 10px 0px;
}
 #seaFooterCol1 > div > i.fa {
     float: left;
 }
 a#seaFooterCol1Link2, a#seaFooterCol1Link4 {
    margin-left: 46px;
}

    #seafooter15 .fa-hashtag,
    #seafooter15 .fa{font-size:30px; color:#333; height:20px; width:20px; margin-left:15px;margin-right: 10px; }
    #seafooter15  .fa-hashtag{font-family:'Open Sans'; font-weight: 900; line-height:20px;}

#seafooter15 .footerContainer{padding-top:20px;}
#seafooter15 .ContactComponent{padding:0px; width:100%;}
#seafooter15 .ContactComponent h2{ margin-left:80px; padding:0px;}
#seafooter15 .ContactComponent a {margin-left:0px; height:70px; width:70px; float:left; background:url('//www.seattle.gov/images/2015_img/logo_bw.png'); background-size: cover; }
    #seafooter15 .ContactComponent a span {display:none;}
#seafooter15 .ContactComponent .physicalAddress {line-height: 18px; margin-left: 80px;}

.footerBottom15Wrapper, #footerBottom15 {
    background:#000; 
}


#footerBottom15{color:#fff; min-height: 60px; font-size: 14px; font-weight:bold;padding: 15px;}
#footerBottom15 a{color:#fff; font-weight:bold; font-size:14px;}


/*Services Footer*/
#servicesFooter {
    border-top: 60px solid #333;
    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;
    }

    #top-request-filters{}

        #top-request-filters button{
            height:50px;
            background:#333;
            color:#fff;
            border:0px;
            border-left:1px solid #fff;
            border-radius: 0px;            
        }

        #top-request-filters button:hover{
            background:#003DA5;
        }

        #top-request-filters button.active{
            background:#fe5000;
            font-weight: bold;
        }

    #request-lists{padding-top:20px;}

        #request-lists ol{ 
        margin:0px; 
        padding:0px;
        list-style-type: none;
        counter-reset: li-counter;
        display:none;
        }
        #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 0px 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 {
    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: "";
}

/* Mobile Left Navigator */
#leftNavMobile button{
    width: 100%
}
#leftNavMobile ul > li a:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}
#leftNavMobile ul > li .active {
    background-color: #fff !important;
    color: #000;
    text-decoration: none;
}


/*Topic SubHeads*/
.topicSubhead{
    margin: 30px 0px 40px 20px;
    font-family:'Open Sans';
    font-size: 16px;
    font-weight: 400;
    color: #000;

}

.topicSubhead .topicCount{
   font-weight:800 !important;
   font-size:36px;
   color:#777;
   margin-right:5px;
}


/*Portal Department Lists*/
.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-family: 'Open Sans';
    font-size: 20px;
    margin: 0;
    padding: 15px 0px 20px 0px;
}

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

#topicFilterContainer .form-group div{
display:inline;
}

    #topicFilterContainer .form-group input,
    #topicFilterContainer .form-group button {
      border-radius:0px;
    }

        #topicFilterContainer input#filterTextInput {
            width: 66%;
            display: inline-block;
            margin:0px !important;
            border:1px solid #000;
        }

        #topicFilterContainer button.btn {
            width: 24%;
        }

          #topicFilterContainer button.btn.refine {
            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;
    display: inline-block;
    float: left;
    vertical-align: middle;
  }

#topicFilterContainer input[type=checkbox] { display:none; } 
#topicFilterContainer input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

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


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


#topicFilterContainer .checkbox {height:34px;}



/*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;
}

#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 {
    width:550%;
}

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






/* FeatureTile */
div#featuredTileContainer .featureTile {
    height: 310px;
}

.featureTile .primaryContent .featureTileFlag .featureTileDate {
	padding: 10px;
	background-color: #000;
	color: #fff;
	display: inline;
	font-weight: 700;
}
.featureTile .primaryContent .featureTileFlag .featureTileDept {
	padding: 10px;
	background-color: #fff;
	color: #000;
	display: inline;
}
.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;
}
#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 .featureTileExcerpt{
    bottom: 10px;
    background-color: transparent;
    color: #fff;
    font-weight: bold;
    position: absolute;
    font-size: 30px;
}
.overlayBox #additionalContent{
    display: none;
}





/*Featured 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 .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 .programTile h3 a, #featuredTileContainer .programTile h3 {
	font-size: 21px;
	line-height: 22px;
	font-family: 'Seattle-Text', Arial;
}



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

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

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

.newsTile .newsDate,
.featureTile .primaryContent .featureTileFlag .featureTileDept,
.featureTile .primaryContent .featureTileFlag .featureTileDate{
    font-size:14px;
    padding: 5px 15px;
}


.featureTile .primaryContent .featureTileFlag {
    display:block;
    height:30px;
    max-width: 260px;
}


  .featureTile .primaryContent .featureTileFlag .featureTileDate,
  .featureTile .primaryContent .featureTileFlag .featureTileDept {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
  }


.primaryContent .newsSource {
  font-size: 14px;  
  position: absolute;  
  text-align: right;  
  bottom: 15px;
  right: 15px;
  color: #333;  
}

/* 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*/
.department .titleTopNavBreadcrumbWrapper {
    border-bottom: 1px solid #000;
}

    .noBorder {
        border: 0px !important;
    }

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

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


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; }




  .featureWrapper .containerf{
background-color: rgba(0, 0, 0, 0.498039);
box-sizing: border-box;
color: rgb(51, 51, 51);
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
height: 600px;
line-height: 22.8571px;
margin:0px auto;
max-width: 1322px;
padding-left:45px;
width: 1322px;
  }

#leftMainRight{    
    padding: 0px 5px 100px 5px;    
    margin: 0px auto;
}

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

/*BODY STYLES*/

#mainColMain h1.pageTitle{
background:#000;
color:#fff;
display:inline-block;
padding:5px 20px 10px 20px;
line-height:40px;
margin-bottom: 60px;
margin-top:-40px;
}



#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; }


#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;
}


/*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 LAYOUT FIXES*/

.department .mainColumnTwoColumn{
  padding:0px 10px 200px 10px;
  max-width: 100% !important;
  width: 100%;
}

.department .twoColLeft,
.department .twoColRight{
  max-width: 50% !important;
  width: 50%;
  margin:0px;
}



    .twoColLeft{

    }

    .twoColRight{

    }


.department #leftMainRight{
  padding:100px 0px 200px 0px;
}

.department .col-md-9.col-sm-9.col-sm-push-3 {
    padding-left: 10px;
    padding-right: 10px;
}



.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;
}



/*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;
}

.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{
    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 .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 #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;
}

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

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

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

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

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


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

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

.department #leftNav ul>li.active{
 
}


.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%;
    }

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

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

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

.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;}



/*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 Styles End */



/* styles that apply to both tablet and mobile */
@media (max-width: 991px) {
  .taxonomyTile.width2, #featuredTileContainer .overlayBox {
    width: 310px;
  }
  #featuredTileContainer .featureTile h3.tileTitle {
  	font-size: 21px;
  	line-height: 22px;
  }
  #featuredTilesCarousel .carousel-control {
    display: none;
  }
  #featuredTileContainer .programTile .overlayBox {
    bottom: 10px;
  } 
  .taxonomyTile.width2.height2.slick-slide.slick-cloned {
    padding: 0px;
  }
  .taxonomyTile.width2.height2.slick-slide.slick-cloned .overlayBox {
    margin-left: 0px;
  }
  /* mobileServices wrapper element*/
  .mobileServices {
    border: none;
    margin: 5px 0px;
  }

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

    .mobileServices .halfHeight:first-child {
      margin-bottom: 10px;
      margin-top: 0px;
    }
    /* slide body with menu */
  div#content.slidemenu-open {
    position: relative;
    right: 260px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.4s ease;
  }
    /* search mobile */
    #searchInput_M {
    width: 100px; 
    height: 25px; 
    border: none;
    font-size: 12px;
    border-radius: 0;
}
#googleSearch_M {
   width: 100px;
   margin: 0;
}
#googleSearch_M ::-webkit-input-placeholder{
   font-size: 14px;    
}
#googleSearch_M ::-webkit-input-placeholder:after {    
    font-size: 14px;
}
 #googleSearch_M :-moz-placeholder{
       font-size: 14px;    
  }
  #googleSearch_M :-moz-placeholder:after {
    font-size: 14px;
  }
  #googleSearch_M ::-moz-placeholder{
       font-size: 14px;    
  }
  #googleSearch_M ::-moz-placeholder:after {    
    font-size: 14px;
  }
#googleSearch_M :-ms-input-placeholder {
     font-size: 14px;    
}
  #googleSearch_M :-ms-input-placeholder:after {
    font-size: 14px;
  }
  /* search toggles mobile*/
  #googleSearchToggle_M {
    display: none;
  }

    /* top menu */
  #seagovMenuDesktop {
    display: none;
  }
  #backReturn span {    
    font-size: 16px;
  }
  #backReturn span.fa {
    padding: 20px;
  }
  .seagovHeaderLinksMobile {
    display: none;
  }
  #slideMenuNav #activeMobileHeading a, #currentMenuContext li.active > a {
    font-size: 18px;
    padding: 18px 0px 18px 20px;
  }  
  #slideMenuNav ul li a {
    font-size: 15px;
    padding: 18px 0px 18px 20px;
    color: rgb(255,255,255);
    background-color: #444;
    box-shadow: inset 10px 0px 9px -7px rgba(0,0,0,.6);
  }
  #slideMenuNav .list-group-item.active > a {
    background-color: #eee;
    color: black;    
  }
  #slideMenuNav .list-group-item.active > a:hover, #slideMenuNav .list-group-item > a:hover {
    background-color: #000;
    color: white;
  }
  /* Current Context Menu */
  li#currentMenuContextWrapper {
    border: 0px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  ul#currentMenuContext {
    padding-left: 0px;
  }
  #currentMenuContext ul {
    padding-left: 0px;
  }
  /*Dept top Nav*/
  #deptTopNav {
    display: none;
  }

    /* 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;
        }
        
  #featuredTileContainer .taxonomyTile .seattleAlert .photoCredit {
    width: 225px;
  }
  .featureTile.seattleAlert .alertIcon {
    margin-left: 240px;
    right: inherit;
  }

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


#searchIcon{
    display:none;
}

/*Mobile Menu*/
#seagovMenuMobile,
#slideMenuNav ul li{
    width:260px;
}  
  #seagovMenuMobile li.previous ul {
    margin-left: -43px;
  }  

/*Close*/
#seagovMenuMobile .list-group-item.first{
    border:0px !important;
}

#seagovMenuMobile #mainMenuCloseMobile {
    display:block;
    position:absolute;
    background:#000 !important;
    width:60px;
    height:60px;
    margin-top:0px !important;
    margin-left:-60px !important;
}

    #seagovMenuMobile #mainMenuCloseMobile:hover{
        background:#fff !important;    
    }

#seagovMenuMobile #mainMenuCloseMobile i{
    color:#fff !important;
    font-size:24px;    
}

    #seagovMenuMobile #mainMenuCloseMobile:hover i{
        color:#000 !important;    
    }



/*Search Form*/
#seagovMenuMobile #googleSearch_M {
    padding:0px;
    width:100%;
    border:0px;
}
    /*Search Input*/
    #seagovMenuMobile #googleSearch_M .input-group{
        display:block;
        background:#333 !important;
        width:100% !important;
        height:60px;
    }

        #seagovMenuMobile #googleSearch_M .input-group input[type="text"]{
            position:absolute;
            display:block;
            margin:10px 10px 10px 20px;
            width:220px !important;
            height:40px;
            box-sizing: border-box;
            background-color:transparent;
            border:1px solid #666;
            color:#fff;
            font-size:18px;
        }

            #seagovMenuMobile #googleSearch_M ::-webkit-input-placeholder {
                color:#f2f2f2;
                background:transparent;
                padding:0px;
                line-height:24px;
                font-size:16px;
                font-weight:600;
            }
            #seagovMenuMobile #googleSearch_M ::-webkit-input-placeholder:after {
                content: "";

              }

    /*Search Button*/
    #seagovMenuMobile #googleSearch_M .input-group-btn{
        right:0px !important;
        float:right;
    }

        #seagovMenuMobile #googleSearch_M .input-group-btn #searchButton_M, #searchCollectionMobileToggle{
            position:absolute;
            display:block;
            z-index:20;
            right:60px;
            float:right;
            width:40px;
            height:40px;
            text-align:center;
            background:#333;
            border-top:1px solid #666;
            border-right:1px solid #666;
            border-bottom:1px solid #666;
        }
        button#searchCollectionMobileToggle {        	
          right: 16px;
        }

            #seagovMenuMobile #googleSearch_M .input-group-btn #searchButton_M:hover, #searchCollectionMobileToggle:hover{
                background:#000;
            }


            #seagovMenuMobile #googleSearch_M .input-group-btn #searchButton_M i, button#searchCollectionMobileToggle i{
                font-size:20px;
                padding:2px 2px 0px 0px;
                color:#f2f2f2;
            }

                #seagovMenuMobile #googleSearch_M .input-group-btn #searchButton_M:hover i{
                    color:#fff;
                }


/*inner menu shadow*/
#seagovMenuMobile #googleSearch .input-group,
#seagovMenuMobile #backReturn,
#seagovMenuMobile #activeMobileHeading a,
#currentMenuContext li.active > a,
#seagovMenuMobile .list-group-item.last,
#seagovMenuMobile .nav-item a{
box-shadow: inset 15px 0px 9px -11px rgba(0,0,0,.4) !important;
}

/*back*/
#seagovMenuMobile #backReturn{
background:#000;
border:0px;
color:#fff;
min-height: 56px;
}

  #seagovMenuMobile #backReturn .fa-chevron-left {
    float: left;
  }

    #seagovMenuMobile #backReturn .fa-chevron-right{
        display:none;
        float: right;
    }

    #seagovMenuMobile #backReturn .navPretext{
        font-weight:300;
        font-style:italic;
        font-size:14px;
        float:left;        
        position:absolute;
        display:inline-block;
        margin-top:9px;
        left: 51px;
    }

    #seagovMenuMobile #backReturnText{
        font-weight:700;
        font-size:14px;
        float:left;        
        position:absolute;
        display:inline-block;
        margin-top:26px;
        left: 51px;
    }

/*active*/
#seagovMenuMobile #activeMobileHeading, #currentMenuContext li.active{
    background:#000;
    border:0px;
}

/*All other nav links*/
#seagovMenuMobile .list-group-item.last{
    background:#444 !important;
    border:0px;
    border-top:1px solid #000 !important;
}

#seagovMenuMobile .navItem.list-group-item{
    border:0px;
    border-top:1px solid #000 !important;
}

    #seagovMenuMobile .navItem a .fa-chevron-right{
        display:inline-block;
        position:absolute;
        right:20px;
    }
    /* footer */
  div#footerBottom15 .footerContainer:last-child {
    text-align: right;
  }
  /* left nav temporary */
  #leftNav {
    display: none;
  }

}


@media (max-width: 767px) {
    .navbar-toggle {
        margin-top: 8px;
    }
    #mainMenuToggle {
        float: right;
    }   
    h1 {
        font-size: 20px;
    }
    h1.pageTitle, #deptTitle {
      font-size: 24px;
      line-height: 24px;
      margin: 7px 0px;
    }
    #deptBreadcrumbsContainer {
        display: none;
    }
    /*Featured Container */
    .featureWrapper {
        background:#333 !important;
        background-size: cover;
        background-position: center;
    }
    div#featuredTileContainer {
        margin-top:10px;
        height:320px !important;
    }
    #featuredTileContainer > .taxonomyTile {
        margin: 5px 0; 
    }
    div#featuredTileContainer.slick-slider {
        margin-bottom: 10px;
    }  
    #secondaryItems .taxonomyTile, #topicServices .taxonomyTile, #topicPrograms .taxonomyTile {        
        width: 96%;
        min-width: 300px;
    }           
    /* topic filter mobile*/
    #topicFilterContainer {
        display: none;
    }
    button#topicFilterBtn {  
      width: 100%;                    
      border-radius: 0;
    }
    div#topicFilterContainer {
      border: solid 1px #ccc;
      padding: 10px;
    }
    /* events */
    div#eventPageContainer {
      max-height: 3200px;
      overflow: hidden;
    }    
    /*Department Footer*/
    #deptFootContactWrapper{
      text-align:left; 
      float:left !important; 
      margin-top:30px; 
      margin-left:5px;
    }
}
@media (min-width: 768px) {
	#header {
        padding-left: 0px;
        padding-right: 0px;        
    }    
    #header .container {
      padding-right: 0px;
      padding-left: 0px;
    }
    #mainMenuToggle {
      margin-right: 10px;
    }
    #mainMenuToggle i:after {
        content: "Menu";
    }
    #searchIcon i:after {
        content: "Search";
    }
    #searchIcon, #mainMenuToggle {
      cursor: pointer;
    }
    /* primary navigation bar */
    #seagovNavbar {
        width: 100%;
    }
    .navbar-nav {
        float: left;
        margin: 0;
        max-width: 78%;
    }
    .navbar-nav > li {
        max-width: 16%;
    }
    .navbar-nav > li:nth-child(5) {
       max-width: 18%;
    }    
	#siteFooter{
		display: flexbox;
	}
    #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;
    }
    .topicTile {
        width: 23.6%;
    }
    #topicTileContainer {
        padding-left: 5px;
    }
    .performanceTile, .eventTile, .nonFeaturedService {
        display: none;
    }        
    #contentListWrapper{
      background:url('//www.seattle.gov/images/2015_img/PageBackgrounds/portalListWrapperBG768.png');
      background-position:center;
      padding-bottom: 100px;
    }
    .featureWrapper {
        background:#333 !important;
    }
    div#featuredTileContainer {
        margin-top:20px;
        height:310px !important;
    }    
}
/* desktops */
@media (min-width: 992px) {
/* Featured Container */
    #featuredTileContainer .mobileServices .halfHeight.taxonomyTile {
        display: none;
    }
    /* top menu */
    #seagovMenuMobile {
    display: none !important;
  }
    #featuredTileContainer .taxonomyTile .seattleAlert .photoCredit {
      right: 75px;
    }
}
@media (min-width: 992px) and (max-width: 1279px) {
    .container {
        width: 970px;
        max-width: 970px;
    }
    #topicTileContainer {
        width: 67%;
    }
    #topicSidebar {
        width: 33%;
    }
    #eventPageContainer .col-md-4 {
        width: 32%;
    }
    #eventPageContainer #newsSyndication {
        width: 68%;
    }
    .twoColWrapper,
    #contentListWrapper{
      background:url('//www.seattle.gov/images/2015_img/PageBackgrounds/portalListWrapperBG960.png');
      background-position:center;
      padding-bottom: 100px;
    }
    .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;
            }

}
@media (min-width: 1280px) {
    .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;
    }     

    div#footerBottom15 .footerContainer:last-child {
        text-align: right;
    }
}

















































/*These Styles*/









/*City Attorney Dump*/
.featureWrapperShort{
  width:100%;
  height:350px;
  background:#000;
  background-position:center center;
  margin-bottom: -50px;
}


#x7136 #carousel{display:none;}


#x7136 #rightCol:before{
    display:none;
}

@media(min-width:768px){
  #x7136 #rightCol{
      margin-top:-125px;
  }
}

#x7136 .SidebarLinkListComponent {
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
      margin-bottom:60px;
}

  #x7136 .SidebarLinkListComponent h2 { 
  background:#000; 
  color:#fff;
  height:75px;
  padding:25px 0px 0px 30px;
  margin:0px;
  }


  #x7136 .SidebarLinkListComponent ul.navlist { 
    padding:20px 0px 20px 25px;
    list-style-type: none;
        counter-reset: li-counter;
  }


  #x7136 .SidebarLinkListComponent ul.navlist li{ 
            display: inline-block;
            width:100%;
            margin-bottom:10px;
  }

                #x7136 .SidebarLinkListComponent ul.navlist>li:before{
                content: counter(li-counter);
                counter-increment: li-counter;

                display:block;
                float:left;                
                width:30px;
                margin:0px 10px 0px 0px;
                padding:5px 0px;
                background:#ccc;
                color:#fff;                
                font-weight:bold;
                font-size:15px;
                text-align: center;
                border-radius:100px;
                }


  #x7136 .SidebarLinkListComponent ul.navlist li a{ 
    color:#000;
    font-weight:500;
    text-decoration:none;
  }

  #x7136 .SidebarLinkListComponent ul.navlist li a:hover{ 
    background:#333;
    color:#fff;
  }





/*Mayor Dump*/
#x9988 .twoColLeft>h2:first-child{
  display: none;
}