/* COMMON CSS FOR ALL LAYOUTS */
@-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}

html {
	background-image: url("../img/blueBack.png");
	background-repeat: repeat-x;
	background-color: #02599e;
}
body {
	font-family: arial, helvetica, clean, sans-serif;
	color: #000;
	margin: 0 auto 20px;
    font-size: 13px;    
}
/* IE 7 fun */
body, #seafooter {
    *width: 960px;    
}
.container {
    *width: 930px;
}

h1, h2, h3, h4, h5 {
/* [disabled]letter-spacing: 0; */
/* [disabled]padding-bottom: 10px; */
	text-decoration: none;
	color: #007dc3;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Global Fonts Face  */
/* League Gothic */
@font-face {
	font-family: "LeagueGothicRegular";
	font-style: normal;
	font-weight: normal;
	src: url("../font/League_Gothic-webfont.eot");
	src: url("../font/League_Gothic-webfont.eot?#iefix") format("embedded-opentype"),  url("../font/League_Gothic-webfont.ttf") format("truetype"),  url("../font/League_Gothic-webfont.svg#LeagueGothicRegular") format("svg");
}
#mayorCreditBox{
  padding: 15px 10px;
}

#portalpage h2, #portalpage h3, #portalpage h4, #portalpage h5, 
h1,
#contactInfo h3, 
#deptNavRow #deptTitle,
#deptTopNav ul li,
#seafooter h2,
#topNavRow H2 a,
#topNavRow H4 a,
#sm-md-Nav li.SeattleChannelTopNav > a {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
}
/* League Gothic */

/* Portal heading fonts */
#portalpage h1, #portalpage h2, #portalpage h3, #portalpage h4, #portalpage h5, #seattleChannelHome h4, #sm-md-Nav li > a, #channelLiveNavigation .btn-lg {
  letter-spacing: 0;  
  text-decoration: none;
	font-weight: 500;
	text-transform: uppercase;
    color: #888;
}

/* Arial */
h2, 
h3,
h4,
h5{
	font-family:Arial, Helvetica, sans-serif;
}

#deptTopNav ul li li,
#leftNav > ul,
#leftNav li
{
		font-family:Arial, Helvetica, sans-serif;
}
/* Arial */
/* Global Fonts Face*/

h1{
	text-transform:uppercase
}

.row {
	border-bottom: 1px solid #999;
}
.borderBottomNone {
	border-bottom: none;
}
.container {
	background-color: #fff;
}
.containerBorder {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
    border-top: 1px solid #999;
}

/* Included to support XHTML components and body copy that used it, removed left and right padding*/
.containerPadTopSides {
	padding-top: 10px;
	clear: both;
}
/* override bootstrap label */
label {
    display: inline;
}
/* override bootstrap input[type="file"] */
input[type="file"] {
    display: inline;
}
input[type="text"] {
    width: 100%;
}
iframe {
    width: 100%;
}
/* override bootstrap button hover when used on select*/
select.btn-default:hover, select.btn-default:focus {
    background-color:#fff;
}    
#leftCol img{
    display: inline-block;
    height: auto;
    max-width: 100%;
}
#rightCol img{
    display: inline-block;
    height: auto;
    max-width: 100%;
}
#mainColContent img{
    display: inline-block;
    height: auto;
    max-width: 100%;
}
.padTop {
	padding-top: 10px;
    clear: both;
}
.padTitle
{
    padding-bottom:10px;
}

#contactTop a {
	color: #999999;
	text-transform: none;
}
#rightCol {
    padding-bottom: 10px;
}
#leftCol {
    padding-bottom: 10px;
}

/* Notification Banner Begins */
  #seagovBanner, #seagovBanner div.container, #seagovPriorityPanel, #seagovPriorityPanel div.container{
    /* normal state - blue background */ 		
    
    /* medium alert - orange background */
  /*  background-color: #ffe240; */   
    /* high alert - red background
    background-color:#d10000;
    */
	}
  #seagovBanner.Normal, #seagovPriorityPanel.Normal, #seagovBanner.Normal > div.container, #seagovPriorityPanel.Normal > div.container {
      background-color:#02599d;     
  }
  #seagovBanner.Medium-Alert, #seagovPriorityPanel.Medium-Alert, #seagovBanner.Medium-Alert > div.container, #seagovPriorityPanel.Medium-Alert > div.container {
      background-color:#fce45c;     
  }
  #seagovBanner.High-Alert, #seagovPriorityPanel.High-Alert, #seagovBanner.High-Alert > div.container, #seagovPriorityPanel.High-Alert > div.container {
      background-color:#d10000;     
  }

  #seagovBanner, #seagovPriorityPanel, #seagovBannerAction, #seagovBannerSubLeft, #seagovBannerSubRight a, #seagovBanner.Normal a, #seagovPriorityPanel.Normal a{
    color:#fff;
	}
		/* normal state - white text */ 
    /*		color:#fff; */
    /* medium alert 
    color:#000;
		*/    
    /* high alert 
    color:#fff;
    */
    #seagovBanner.Normal a, #seagovPriorityPanel.Normal a{
        text-decoration: none;
        color: #fff;
    }
    #seagovBanner.Medium-Alert a, #seagovPriorityPanel.Medium-Alert a, .Medium-Alert #seagovBannerSubLeft, .Medium-Alert #seagovBannerSubRight a{
        text-decoration: none;
        color: #000;
    }
	
  #seagovBanner{
		position:relative;
		top:0px; 
		left:0px;
		min-height:30px;
		width:100%;
		z-index:102
	}
  #seagovBannerSub{
		margin: 0 auto;
	}
  #seagovBannerAction{
		font-family: Arial,Helvetica,sans-serif; 
		font-size: 12px; 
		float: right; 
/*		width: 12%;  */
		padding-top: 2px;
	}
  #seagovBannerAction:hover{
		cursor:pointer
	}
	#seagovBannerSubLeft, #seagovBannerSubRight{
		padding:3px 0px;
		font-family:'Myriad Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}
	#latestNews{
		font-family:'Myriad Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}

  #seagovBannerSubLeft{
/*		float:left; */
	}
  #seagovBannerSubRight{
		text-align:right;
/*		width:25%; */
		float:right;
	}
	#seagovPriorityPanel{
	  opacity:1.0;
		position:absolute;
		top:20px; 
		left:0px;
		min-height:240px;
		width:100%;
		z-index:100;
		display:none
	}
  #seagovPriorityPanelSub{
		margin: 0px auto; 
		z-index: 101; 
		padding: 20px 25px; 
	}
  #seagovPriorityPanel .col-sm-4{
/*  	float: left;
    padding: 0px 1%;
    width: 31%;
	*/
	}
	#seagovPriorityPanel .col-sm-4 img{
		float:left;
		margin-right:10px
	}
	#seagovPriorityPanel .col-sm-4 .topPadding{padding-top: 0px;}
	#seagovPriorityPanel .col-sm-4 .topMargin{margin-top: 0px}
	#seagovPriorityPanel .col-sm-4 div a{color:#fff;}
	#seagovPriorityPanel .seagovTopicTitle, #seagovPriorityPanel .seagovTopicTitle a:first-child{
			font-family:'Myriad Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;
			color:#a9d9ff;
			font-weight: bold;
	}
	#seagovPriorityPanel #visionStatement, #seagovPriorityPanel #mayorCredit{
			font-family:'Myriad Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;
			font-size:15px;
	}
	#seagovPriorityPanel .seagovTopicStyle{
	  padding:10px;	
	}
	#seagovPriorityPanel .seagovTopicStyleHover{
	  background-color:#173269;
	}
  #seagovBannerAction .ui-icon{
  	background-image: url("images/ui-icons_ffffff_256x240.png");
	}
  #seagovPriorityPanel #seagovBanner_close:hover{cursor:pointer}
	
/* Notification Banner End */

/* Carousel Begin */
#portalpage .featureContainer {
    padding-left: 15px;
    height: 267px;
}
#portalpage.home .featureContainer {
    padding-left: 9px;
}
.featureContainer {
    padding-left: 9px;
}
.featureContainer > #carousel {
    padding: 0px; 
}
#carousel {
    padding-left: 9px;
    padding-right: 9px;
}

#carousel .carousel-inner{
  width: 700px;
	background-color: #fff;
    padding-bottom: 5px;
}
#carousel .carousel-control.left,
#carousel .carousel-control.right{
 background-image:none;
 height: 88%;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#carousel .panel {
  margin-bottom: 10px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
}
#carousel .panel-footer {
  padding-top: 8px;
  padding-bottom: 13px; 
}
#carousel .carousel-indicators {
  bottom: -10px;
}

#carousel .carousel-indicators .active {
    background-color: #333;
}

.carousel-indicators li {
  border: 1px solid #333;
}
.panel-footer > span.pull-right {
    padding-bottom: 12px;
}

.glyphicon.glyphicon-chevron-left {
  left: 25%;
  top: 50%;
}

.glyphicon.glyphicon-chevron-right {
  top: 50%;
  right: 25%;
}

/* Carousel End*/

/* Carousel Component Slick Carousel Begin */
.seaCarousel {
    width: 96%;
    margin: 0px auto;
}
    .seaCarousel .carouselHeading {
        margin-left: -15px;
        padding-bottom: 10px;
    }
    .seaCarousel .carouselMoreLink {
        padding-top: 4px;
    }
.seaCarousel .carouselMoreLink:before, .rssMoreVideos:before {
    content: " | ";
}
.seaCarousel button.btn {
    border: none;
}
div.seaCarouselItem {
 
}
.seaCarouselItemTitle {
    padding: 5px 6px;
    line-height: 1.3em;
}
div.seaCarouselItem > a > img, div.seaCarouselItem > img {
    width: 167px;
    height: auto;
    margin: 0px auto;
}

.slick-next, .slick-prev {       
    top: 50px;
}
.slick-prev:before, .slick-next:before {
    color: #888;
}
.carouselTitle {
    padding-right: 5px;
}

/* Carousel Component Slick Carousel End */

/* Pagination Begin */
.pageNumber {

}
.pageNumberActive {
    font-weight: bold;
}
input#filterTerm {
    width: 80%;
}
h3.FormHeading {
    padding: 5px 0px;
}
fieldset.paginationInput {
    margin: 10px 5px;
}
    fieldset.paginationInput #displayType .glyphicon {
        padding-right: 10px;
    }
    #itemsPerGroup {
      padding-right: 4%;
    }
    #itemsPerGroup .btn, #displayType .btn {
        border: none;
    }
    #itemsPerGroup .btn.active, #displayType .btn.active, #taxonomyTermGroup .btn.active {        
        color: #0099E5;
        box-shadow: none;
        background: none;
        font-weight: bold;
    }
.paginationContainer .titleExcerpt h2, .paginationContainer .titleDateContainer h2 {
    float: left; 
    padding-right: 10px;
}
.titleDateContainer {
    min-height: 30px;
}
.paginationContainer > .paginationItem, .paginationContainer .titleExcerpt {
    padding-bottom: 10px;
}
.paginationContainer > .row {
    margin-left: 0px;
    margin-right: 0px;
}
.paginationContainer .col-sm-4, .paginationContainer .col-md-3{
    padding-right: 0px;
    padding-left: 0px;
}
/* Pagination End */

.highlightCarousel {
    display: none;
}

/* Video Container Begin */
a.seekItem {
    display: inline-block;
    padding: 10px 0px;
}
.indexHeading {
    font-style:italic;
    padding-top: 10px;    
}
.VideoComponent .overlayBox, .programImage .overlayBox, .mainColumnHighlight .overlayBox, .mainColumnSubHighlights .overlayBox, .mainColumnTwoColumn .overlayBox, .panel-body .overlayBox {        
    background-color: rgba(0, 0, 0, 0.70);    
    height: 3.8em;
    padding: 8px 10px;  
    position: relative;     
    margin-top: -4em;        
}
.mainColumnHighlight .overlayBox, .programImage .overlayBox {
       
}
.episodeDuration:before {
    content: " | ";
}
.mainColumnSubHighlights .overlayBox {                
    height: 4em;
}
.mainColumnTwoColumn .twoColRight .overlayBox {            
}
.mainColumnTwoColumn .overlayBox {
    
}
/* hide overlay box by default, it's shown after video player is loaded  */
.programImage .overlayBox, .VideoComponent .overlayBox  {
    display: none;
}
.overlayBox > a {
    text-decoration:none;
}
#portalpage .overlayBox h4.videoTitle, h4.videoTitle, #seattleChannelHome .overlayBox h4 {
    color: white;
	text-transform:none;	
}

/* Video Container End */

/* Department Styles Begin */
#mainColMain div div.item {
padding: 0 0 12px;
clear: left;
}

div#deptSocialMedia img {
    padding: 0px 0px 2px 2px;
    border-width: 0;
}

/* Department Footer deptCol Begin*/
.deptCol {
	margin-top: 10px;
	text-align: left;
}
.footerLinkList {
	padding-left: 0px;
	list-style: none;
}
.footerAddressLabel {    
    width: 100%;
    font-weight: bold;
}
#deptColumn2 ul {
  padding-left: 0px;
  list-style: none;
}
#navTitle {
	margin-bottom: 10px;
}
#deptFooter a, #deptFooter a:visited, #deptFooter a:hover, #deptFooter a:active {
color: #007dc3;
}
#deptSocialMediaFooter {
    padding: 2px 0px;
}
#footerHR {
    margin: 10px auto;
    border-top-color: #999;
}

/* Department Footer deptCol End*/
/* Department Styles End */

#sm-md-Nav H2, #sm-md-Nav li.portalTopNavItem {
  line-height: 0.85em;  
  padding: 10px;
  padding-bottom: 7px;
  min-height: 1.7em;
}
#topNavRow H4 a, #topNavRow H2 a, #topNavRow H3 a, #sm-md-Nav li > a {
	text-transform: uppercase;
    text-decoration: none;
}
#topNavRow #topNav_business:hover, #portalTopNavItem1:hover {
	background-image: url("../img/navBusiness_ON.png");
}
#topNavRow #topNav_business:active, #portalTopNavItem1:hover, body.business h2#portalTopNavItem1 {
	background-image: url("../img/navBusiness_ON.png");
	color: #508223 !important;
}
#topNavRow #topNav_living:hover, #portalTopNavItem2:hover, body.living h2#portalTopNavItem2 {
	background-image: url("../img/navLiving_ON.png");
}
#topNavRow #topNav_visiting:hover, #portalTopNavItem3:hover,body.visiting h2#portalTopNavItem3 {
	background-image: url("../img/navVisiting_ON.png");
}
#topNavRow #topNav_services:hover, #portalTopNavItem4:hover, body.services h2#portalTopNavItem4{
	background-image: url("../img/navServices_ON.png");
}
#topNavRow #topNav_departments:hover, #portalTopNavItem5:hover, body.departments h2#portalTopNavItem5 {
	background-image: url("../img/navDepartments_ON.png");
}
#topNavRow #topNav_business a:hover, #portalTopNavItem1 a:hover, body.business h2#portalTopNavItem1 a {
	color: #508223;
}
#topNavRow #topNav_living a:hover,  #portalTopNavItem2 a:hover , body.living h2#portalTopNavItem2 a {
	color: #ef9131;
}
#topNavRow #topNav_visiting a:hover,  #portalTopNavItem3 a:hover, body.visiting h2#portalTopNavItem3 a  {
	color: #892122;
}
#topNavRow #topNav_services a:hover, #portalTopNavItem4 a:hover, body.services h2#portalTopNavItem4 a  {
	color: #14b5d5;
}
#topNavRow #topNav_departments a:hover, #portalTopNavItem5 a:hover, body.departments h2#portalTopNavItem5 a {
	color: #007dc3;
}
.navbar {
    border-bottom: 0px;
	margin-bottom: 0px;
    z-index: 0;
}
.navbar-default, .navbar-default .navbar-collapse {
	background-color: transparent;
	border-color: transparent;
}

ul li.deptTopNavItem1, 
ul li.deptTopNavItem2, 
ul li.deptTopNavItem3,  
ul li.deptTopNavItem1 li, 
ul li.deptTopNavItem2 li, 
ul li.deptTopNavItem3 li{
    width: 33.33333%;
} 
ul li.deptTopNavItem4,
ul li.deptTopNavItem4 li
{
    width:25%;
}
ul li.deptTopNavItem5, 
ul li.deptTopNavItem5 li {
	width: 20%;
}
ul li.deptTopNavItem6,
ul li.deptTopNavItem6 li {
	width: 16.6666666666%;
}
ul li.deptTopNavItem7, 
ul li.deptTopNavItem7 li {
	width: 14.2857%;
}

#departmentAddressBar {
      display:none;
  }

#leftNav li {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #CCCCCC;
    display: block;
    font-weight: bold;
}

#portalpage #leftNav li li, #leftNav li li li, #leftNav li li li li {
    font-weight: normal;
}

#leftNav .activePage{
  background: #007dc3;    
  color:#fff;
  font-weight: bold;
}
#leftNav ul li.activePage:hover {
    background: #007dc3;
}

#leftNav ul li:last-child {
  border-bottom: 1px solid #CCCCCC;
}
#leftNav ul li:hover {
  background: #EEE;
}
#leftNav ul li ul li ul li {
    margin-left: -40px;
    padding-left: 20px;
}
#leftNav ul li ul li:last-child {
    border-bottom: none;
}
#leftNav ul li ul li ul li:last-child {
    border-bottom: none;
}

#leftNav ul li ul li ul li ul li {
  font-size: 11px;
  margin-left: -60px;
  padding-left: 35px;
}

#leftNav ul li ul li ul li ul li:last-child {
    border-bottom: none;
}

nav .activePage a{
  font-weight:bold;
}

/* Seattle.gov header starts */
#header {
	background-color: #FFFFFF;
	background-image: url("../img/header_background.png");
	border-bottom: 0px;
	margin: 0 auto;
}
/* Seattle.gov header ends */

/* Department Header Start */
#deptNavRow {
	/*background: url("../img/deptHeader_bkg.png")  repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
    background-image: url("../img/deptHeader_bkg.png");
    background-repeat: repeat-x;
    background-attachment: scroll; 
    background-position: 0 0;
    background-color: rgba(0, 0, 0, 0);
	height: 50px;
	padding: 0;
}

#deptNavRow #deptTitle {
	text-transform: uppercase;
}

#deptInfo, #deptInfo a, #deptTitle, #deptTitle a {
	color: #FFFFFF;
	text-decoration: none;
}

#deptInfo {
	display: block;
	height: 50px;
}

#deptInfo {
	padding: 4px 10px 0px 0px;
}

#deptInfo .tagline {
	font-style: italic;
}
#deptInfo .tagline, #deptInfo .director {
	margin: 0;
	text-align: right;
}
/* Department Header End */

/* Department Top Nav Begin */
#deptTopNav {
	background-image: url("../img/topNav_bkg.png");
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 38px;
}
#deptTopNav ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#deptTopNav ul li {
	background-color: #888D8F;
	float: left;
	list-style: none outside none;
}
#deptTopNav ul li.deptTopNavItem5 a.last, 
#deptTopNav ul li.deptTopNavItem6 a.last, 
#deptTopNav ul li.deptTopNavItem7 a.last, 
#deptTopNav ul li.deptTopNavItem8 a.last {
	margin: 0;
}
#deptTopNav ul li > a:hover, 
#deptTopNav ul li > a:active {
	background-image: url("../img/topNav_bkg_on.png");
	color: #007DC3;
}
#deptTopNav ul li > a.activePage {
	background-image: url("../img/topNav_bkg_on.png");
	color: #007DC3;
}
#deptTopNav ul ul {
	display: none;
}
#deptTopNav ul li:hover > ul {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: block;
	height: auto;
	margin: 0;
	position: relative;
	width: inherit;
}
#deptTopNav ul li li {
	float: none;
	font-size: 13px;
	list-style: none inside none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
}
#deptTopNav ul li li > a, 
#deptTopNav ul li li > a:visited {
	background: none repeat scroll 0 0 #F5F5F5;
	height: auto;
	margin: 0;
	text-decoration: none;
	text-transform: none;
}
#deptTopNav ul li li > a:hover, 
#deptTopNav ul li li > a:active {
	background: none repeat scroll 0 0 #EAEAEA;
	color: #007DC3;
}
/* TopNav sublinks */
div.topNavSubContainer {
    display: none;    
    border: 1px solid #ccc;
}
#deptTopNav ul li:hover > div.topNavSubContainer {
    display: block;
    position: absolute;
    z-index: 100;
}
div.topNavSubItem {   
    background-color: #999;
    width: 20em;
    padding: 15px 20px;    
    text-align: left;
}
div.topNavSubItem:nth-child(even){
    background-color: #EEFBFF;
} 
div.topNavSubItem > a {
    text-decoration: none;
}
div.topNavSubItem > a > img {
    padding-right: 15px;
}
.sublinkTitle {
    text-transform: uppercase; 
}
/* Department Top Nav Ends */

/* Seattle.gov Home */

.home #vidShort {
    padding-bottom: 10px;
}
/* Daily Shorts img */
.home #vidShort img {
    float: left;
    padding-right: 0px;
    padding-bottom: 5px;
}
/* Left and Right Col list reset */
.home #leftCol ul > li, .home #rightCol ul > li  
{
    margin-left: -20px;
}
/* Homepage Tabs H4 */
.home #tabs h4{
    font-size: 175%;
}
/* Homepage Tabs Blog Feed */
.home #tabs-1 #feedContainer1 .feedLinks  {
	display:none;
}
.home #tabs-1 #feedContainer1 {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #999;
}

.home #rightCol .physicalAddress, .home #rightCol .mailingAddress, .home #rightCol .contactText .phoneAlt,  .home #rightCol .contactText .tty,  .home #rightCol .contactText .emailMain, .departmentsPortal .mainColumnTwoColumn .mailingAddress, .departmentsPortal .mainColumnTwoColumn .physicalAddress {
    display: none;
}
.home #rightCol .contactThumbnail img, .mainColumnTwoColumn .contactThumbnail img {
    padding-right: 5px;
    float: left;
    padding-bottom: 5px;
}
img.homeTabThumbSC {
    float: left;
    max-width: 120px;
    padding-right: 10px;
}
.scTabItem {
    clear: both;
    padding: 5px 0px;
}

/* End Seattle.gov Home */

#departmentAddressBar {
	display: none;
}
#mainContent {
    padding-bottom: 10px;
}
#mainColMain {
	padding: 10px;
}
div#mainColMain.col-md-9
{
    padding: 0px 15px;
}

#mainColSidebar {
	padding: 10px;
}
.feedContainer .feedLinks {
	float: right;	
}
.feedContainer h2 {
    padding-bottom: 5px;
}
.feedContainer ol {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
    padding-top: 5px;
}
.feedContainer ol li {
	font-size: 85%;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 3px 3px 3px 6px;
}
.feedContainer .linkBox, .newsContainer .linkBox {
	background-color: #EEEEEE;
	border-top: 1px solid #CCCCCC;
	font-size: 85%;
	padding: 3px 3px 3px 6px;
}
#portalpage .feedContainer {
	border: 0;
	height: auto;
	padding: 0;
}
#portalpage .feedContainer ol {
	border: 1px solid #C8C8C8;
	padding: 0;
	margin: 5px 0 0;
	
}
.feedContainer, .newsContainer {
	border: 1px solid #CBCBCB;
	height: auto;
	padding: 10px;
}

div.newsContainer > ul {
    margin-left: -20px;
}
.feedContainer > .rssItem  {
    padding: 10px 0px;
}
.feedContainer > .rssItem > .rssThumbnail_Content { 
    margin-left: 85px;
}
.feedContainer > .rssItem .title, .rssTitle {

}
.feedContainer > .rssItem .date {
    font-style:italic;
    float: left;
    padding-right: 5px;
}
.rssDate {
    font-style:italic; 
}
.feedContainer > .rssItem .rssDescription {
 
}

#featureImage{
  background-color: #FFFFFF;
}
.tab-panel {
	padding: 10px;
}
#deptFooter {
	border-bottom: none;
}
#deptFooterLogo {
    float: left;
    margin-bottom: 15px;
    margin-right: 10px;
    padding: 5px;
}
#seafooter {
	background-repeat: repeat-y;
	background-color: #E1E1E1;
	margin: 0 auto;
}
#seafooter h2 {
	text-transform: uppercase;
	font-size: 24px;
}
.footerContainer {
	padding: 10px 10px;
}
#footer2 {
	background-color: #666666;
	color: #EEEEEE;
	height: 30px;
	margin: 0 auto;
}
#footer2 a {
	color: #fff;
	text-transform: none;
}
#colorBox {
	height: 5px;
	background-color: #999;
  margin: 0 auto;
}
#copyright {
	float: left;
}
#privacyPolicy a, #privacyPolicy a:active, #privacyPolicy a:visited {
	color: #E1E1E1;
	text-decoration: none;
}
#privacyPolicy a:hover {
	text-decoration: underline;
}
.even {
	background-color: #EEFBFF;
}
#chItem {
  padding-top: 10px;
  padding-bottom: 10px;
}
.footerLinkList a {
	color: #000
}
/* Panel Footer part of Carousel */
#carousel .panel {
	border: none;
	margin-bottom: 0px;
}
#carousel .panel-body {
	padding: 10px 0px 0px;
}
#carousel .panel-footer {
	font-size: 0.85em;
	border: none;
	background-color: transparent;
}

#featuredItemCaption {
    font-size: 0.85em;
    height: 18px;
    text-align: right;
}

/*fix for bootstrap responsive images */
.img-responsive {
	display: inline-block;
}
/* Table striping BEGINS */
.stripe {
	width: 100%;
	padding: 2px;
}
.stripe th {
	background-color: #007dc3;
	text-align: left;
	color: #fff;
}
/* Table striping ENDS */

/* Portal Begins */
#topNavRow H2 a, #sm-md-Nav li > a {
    color: #999999;
}
#serviceBox {
  background-image: url("../img/default_topFeatureBkg.png");
  background-repeat: repeat-x;
  padding: 0px 10px;  
}
#popularServices div h2 {
    color: #888;
}
#popularServicesSelect {
    display: none;
}
#featureBox #deptBreadcrumbs {
    padding-bottom: 0px;
}
#featureBox #carousel, #featureBox #carousel .carousel-inner, #featureBox #carousel .panel{
    background-color: transparent; 
}

.scroll {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;  
  overflow: auto;
  margin-bottom: 10px;
}
div.scroll ul.list-group 
{
    margin-bottom: 0px;
}
#serviceBox ul li, #serviceBoxHome ul li {
    list-style-type: none;
    margin: 0;
    padding: 5px;
}
#portalpage.home .featureContainer, #portalpage.home #serviceBox {
    height: 292px;
}

/*Portal Main Column Taxonomy styles  TODO Confirm Delete */
#portalpage div.thumbnailExcerpt > a {
	font-size: 175%;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	text-transform: uppercase;	
}

#portalpage.businessPortal #mainContent .MainColumnXHTMLCopyComponent a img, #portalpage.livingPortal #mainContent .MainColumnXHTMLCopyComponent a img{
	padding-right:10px;
}

#portalpage #mainContent .MainColumnXHTMLCopyComponent div.panel a, #portalpage #mainContent .MainColumnXHTMLCopyComponent div.panel a {
	font-size: 100%;
	font-family: arial, helvetica, clean, sans-serif;
	text-transform: none;	
}

/* Temp Fix for Portal Detail, specific 404 TODO */
.featureItemContainerHome > #featureBox > #deptBreadcrumbsContainer {
     margin-left: 0px;
     padding-bottom: 4px;
}

/* Business Portal Begin */

#portalpage.businessPortal h1,
#portalpage.businessPortal h2,
#portalpage.businessPortal h3,
#portalpage.businessPortal h4,
#portalpage.businessPortal h5 {
  color: #508223;
}
#portalpage.businessPortal #featureBox #deptBreadcrumbs {
    color:#508223;
    font-weight:bold
}
.businessPortal .even {
  background-color: #EDF7E6;
}

.businessPortal #colorRow {
  border-top: 1px solid #508223;
}

.businessPortal #colorBox {
  display: block;
  background-color: #508223;
}

.businessPortal #serviceBox {
  background-image: url(../img/services2_serviceBkg.png);
  background-repeat: repeat-x;
}
.businessPortal #featureBox {
    background-image: url(../img/services_topFeatureBkg.png);
    background-repeat: repeat-x;
}
.businessPortal #leftNav .activePage, .businessPortal #leftNav .activePage:hover {
	background-color: #508223;
}
.businessPortal #leftNav li li {
    background-color: #EDF7E6;
}
.businessPortal #leftNav li:hover, .businessPortal #leftNav li li:hover, .businessPortal #leftNav li li li:hover {
    background-color: #EDF7E6;
}

.businessPortal #accordion > h3 {
	text-transform: none;
	font-family: arial, helvetica, clean, sans-serif;
}
.businessPortal #accordion > h3.active {
	background: #EDF7E6;
}
.businessPortal #accordion > h3.active a {
	color:#508223;
}
.businessPortal #accordion > h3.active:hover {
	background: #508223;
	color:#fff;
}
.businessPortal #accordion > h3.active:hover a {
	color:#fff;
}
.businessPortal .ui-state-hover .ui-icon{
	background-image: url(images/ui-icons_ffffff_256x240.png);
}

/* Business Portal Ends */

/* Living Portal Begin */

#portalpage.livingPortal h1,
#portalpage.livingPortal h2,
#portalpage.livingPortal h3,
#portalpage.livingPortal h4,
#portalpage.livingPortal h5 {
  color: #ef9131;
}
#portalpage.livingPortal #featureBox #deptBreadcrumbs {
    color:#ef9131;
    font-weight:bold
}
.livingPortal .even {
  background-color: #fef7e5;
}

.livingPortal #colorRow {
  border-top: 1px solid #ef9131;
}

.livingPortal #colorBox {
  display: block;
  background-color: #ef9131;
}

.livingPortal #serviceBox {
  background-image: url(../img/living_serviceBkg.png);
  background-repeat: repeat-x;
}
.livingPortal #featureBox {
    background-image: url(../img/living_topFeatureBkg.png);
    background-repeat: repeat-x;
}
.livingPortal #leftNav .activePage, .livingPortal #leftNav .activePage:hover {
	background-color: #ef9131;
}
.livingPortal #leftNav li li {
    background-color: #fef7e5;
}
.livingPortal #leftNav li:hover, .livingPortal #leftNav li li:hover, .livingPortal #leftNav li li li:hover {
    background-color: #fef7e5;
}

.livingPortal #accordion > h3 {
	text-transform: none;
	font-family: arial, helvetica, clean, sans-serif;
}
.livingPortal #accordion > h3.active {
	background: #fef7e5;
}
.livingPortal #accordion > h3.active a {
	color:#ef9131;
}
.livingPortal #accordion > h3.active:hover {
	background: #ef9131;
	color:#fff;
}
.livingPortal #accordion > h3.active:hover a {
	color:#fff;
}
.livingPortal .ui-state-hover .ui-icon{
	background-image: url(images/ui-icons_ffffff_256x240.png);
}
/* Living Portal Ends */

/* Visiting Portal Begin */
#portalpage.visitingPortal h1,
#portalpage.visitingPortal h2,
#portalpage.visitingPortal h3,
#portalpage.visitingPortal h4,
#portalpage.visitingPortal h5 {
  color: #892122;
}
#portalpage.visitingPortal #featureBox #deptBreadcrumbs {
    color:#892122;
    font-weight:bold
}
.visitingPortal .even {
  background-color: #fbe8e8;
}
.visitingPortal #colorRow {
  border-top: 1px solid #892122;
}
.visitingPortal #colorBox {
  display: block;
  background-color: #892122;
}
.visitingPortal #serviceBox {
  background-image: url(../img/visiting_serviceBkg.png);
  background-repeat: repeat-x;
}
.visitingPortal #featureBox {
    background-image: url(../img/visiting_topFeatureBkg.png);
    background-repeat: repeat-x;
}
.visitingPortal #leftNav .activePage, .visitingPortal #leftNav .activePage:hover {
	background-color: #892122;
}
.visitingPortal #leftNav li li {
    background-color: #fbe8e8;
}
.visitingPortal #leftNav li:hover, .visitingPortal #leftNav li li:hover, .visitingPortal #leftNav li li li:hover {
    background-color: #fbe8e8;
}

.visitingPortal #accordion > h3 {
	text-transform: none;
	font-family: arial, helvetica, clean, sans-serif;
}
.visitingPortal #accordion > h3.active {
	background: #fbe8e8;
}
.visitingPortal #accordion > h3.active a {
	color:#892122;
}
.visitingPortal #accordion > h3.active:hover {
	background: #892122;
	color:#fff;
}
.visitingPortal #accordion > h3.active:hover a {
	color:#fff;
}
.visitingPortal .ui-state-hover .ui-icon{
	background-image: url(images/ui-icons_ffffff_256x240.png);
}
/* Visiting Portal Ends */

/* Services Portal Begin */
#portalpage.servicesPortal h1,
#portalpage.servicesPortal h2,
#portalpage.servicesPortal h3,
#portalpage.servicesPortal h4,
#portalpage.servicesPortal h5 {
  color: #14b5d5;
}
#portalpage.servicesPortal #featureBox #deptBreadcrumbs {
    color:#14b5d5;
    font-weight:bold
}
.servicesPortal .even {
  background-color: #f4fcfe;
}
.servicesPortal #colorRow {
  border-top: 1px solid #14b5d5;
}
.servicesPortal #colorBox {
  display: block;
  background-color: #14b5d5;
}
.servicesPortal #serviceBox {
  background-image: url(../img/services_serviceBkg.png);
  background-repeat: repeat-x;
}
.servicesPortal #featureBox {
    background-image: url(../img/departments_topFeatureBkg.png);
    background-repeat: repeat-x;
}
.servicesPortal #leftNav .activePage, .servicesPortal #leftNav .activePage:hover {
	background-color: #14b5d5;
}
.servicesPortal #leftNav li li {
    background-color: #f4fcfe;
}
.servicesPortal #leftNav li:hover, .servicesPortal #leftNav li li:hover, .servicesPortal #leftNav li li li:hover {
    background-color: #f4fcfe;
}
.servicesPortal #accordion > h3 {
	text-transform: none;
	font-family: arial, helvetica, clean, sans-serif;
}
.servicesPortal #accordion > h3.active:hover {
	color:#fff;
}
.servicesPortal #accordion > h3.active:hover a {
	color:#fff;
}
.servicesPortal .ui-state-hover .ui-icon{
	background-image: url(images/ui-icons_ffffff_256x240.png);
}

/* Services Portal Ends */

/* Departments Portal Begin */
#portalpage.departmentsPortal h1,
#portalpage.departmentsPortal h2,
#portalpage.departmentsPortal h3,
#portalpage.departmentsPortal h4,
#portalpage.departmentsPortal h5 {
  color: #007dc3;
}
#portalpage.departmentsPortal #featureBox #deptBreadcrumbs {
    color:#007dc3;
    font-weight:bold
} 
.departmentsPortal .even {
  background-color: #edf7fe;
}
.departmentsPortal #colorRow {
  border-top: 1px solid #007dc3;
}
.departmentsPortal #colorBox {
  display: block;
  background-color: #007dc3;
}
.departmentsPortal #serviceBox {
  background-image: url(../img/departments_serviceBkg.png);
  background-repeat: repeat-x;
}
.departmentsPortal #featureBox {
    background-image: url(../img/departments_topFeatureBkg.png);
    background-repeat: repeat-x;
}
.departmentsPortal #leftNav .activePage, .departmentsPortal #leftNav .activePage:hover {
	background-color: #007dc3;
}
.departmentsPortal #leftNav li li {
    background-color: #edf7fe;
}
.departmentsPortal #leftNav li:hover, .departmentsPortal #leftNav li li:hover, .departmentsPortal #leftNav li li li:hover {
    background-color: #edf7fe;
}
.departmentsPortal #accordion > h3.active:hover {
	color:#fff;
}
.departmentsPortal #accordion > h3.active:hover a {
	color:#fff;
}
.departmentsPortal .ui-state-hover .ui-icon{
	background-image: url(images/ui-icons_ffffff_256x240.png);
}

/* hide extra fields in department portal elected official contact components */
.departmentsPortal .twoColRight .contactText .socialMediaItems {
    clear:both;
}
.departmentsPortal .twoColRight .contactText .tty, .departmentsPortal .twoColRight .contactText .phoneAlt, .departmentsPortal .twoColRight .contactText .emailMain {
    display: none;
}

/* Departments Portal Ends */

/* Thumbnail Excerpt Video Image*/ 
#mainColContent .mainColNav div.thumnbnailExcerptVideoImg img {
    max-width: 125px;
}
.thumnbnailExcerptVideoImg {
    min-height: 75px;
}
.thumnbnailExcerptVideoImg img {
    padding-bottom: 10px;
}
.titleDateContainer h2 {
    font-size: 115%;
}
/* Thumbnail_Excerpt global padding on image */

div.thumbnailExcerpt img {
    padding-right: 10px;
}
.mainColNav div.thumbnailExcerpt {
    padding: 10px 0px 5px;
}
div.thumbnailExcerpt.clearfix {
    padding: 5px 0px;
}
div.thumbnailExcerpt.clearfix:after {
	content: "";
}
.thumnbnailExcerptImg {
    max-width: 30%;
}

/* Taxonomy Navigation End*/

/* Tiled Thumbnail display */
.paginationContainer .tiledThumbnail {
    min-height: 207px;
    padding: 0px 5px;
}

.tiledThumbnailItem img {
    margin: 5px auto;
}
#portalpage h4.tiledTitle, #portalpage h2.paginationTitle, #portalpage .paginationContainer .titleExcerpt .titleDateContainer h2 {
    font-size: 100%;
}

/* select box sidebarNavigation */
select#sidebarNavSelect {
    margin-bottom: 15px;
}

/* linkList Begin */
div.linklist > div {
    padding: 10px 0px;
}
/* linkList End */

/* Trumba for Homepage LeftCol */
div#leftCol.col-sm-6.col-xs-12.col-sm-pull-6 div.padTop div#trumbacal div#trumbacal\.spud\.1
{
    overflow:visible;
}
#trumbacal h2 {
    padding-bottom: 10px;
}
#trumbacal p {
    padding: 0px;
}

.tabs {
    padding-top: 10px;
}

/* Main Column Navigation ContactComponent Begin */
.contactItem {
/*    padding-bottom: 5px;*/
}
.basicContact {

}
.contactMore {
    display: none;
}

.contactCollapse {
    position: absolute;
    right: 0;
    margin-right: 15px;
    margin-top: 10px;
}
a.socialMediaContactItem:hover {
    text-decoration: none;
}
/* Main Column Navigation ContactComponent End */

/* Contact Component Begin */
.fax {
    display: none;
}
.hours {
    display: none;
}
/* Contact Component End */

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

/*jQuery UI Overrides BEGINS*/

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #007DC3;
    text-decoration: none;
}
   
/*jQuery UI Overrides END*/


/* Jquery Accordion Begin */
h3.active {    
	background-color: #f4fcfe;
}
h3.active:hover {    
	background-color: #14b5d5;
}
h3.active a {
	color: #14b5d5;
	text-decoration: none;
}
h3.active a:hover {
	color: #fff;
}
h3.ui-state-active a:hover {
	color: #808080;
} 
#accordion h3 a {
    font-size: 18px;
} 
.accords li {
    line-height: 1.75em;
}   

/* Jquery Accordion End */

/* jQuery Tabs START
 * ============================================== */
#tabs {
/*  height: 98%; Removed to fix issue on IE7 */
  border: 0px;
  font-size: 100%;
}

.ui-tabs .ui-tabs-panel {
  background: none repeat scroll 0 0 transparent;
  border-width: 0;
  display: block;
  padding: 1em 0.5em;
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 0.70em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li {
  border-bottom: 0 none !important;
  float: left;
  list-style: none outside none;
  margin: 0 0.2em 1px 0;
  padding: 0;
  position: relative;
  top: 1px;
  white-space: nowrap;
}

#tabs .ui-tabs-nav li a {
  padding: 7px 9px;
}
/* jQuery Tabs END */

#leftCol div.padTop > h2, #rightCol div.padTop > h2 {
    padding-bottom: 5px;
}
.twoColLeft > h2, .twoColRight > h2 {
    padding-top: 10px;
}

/* END COMMON CSS FOR ALL LAYOUTS */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Phone only */
@media (max-width: 767px) {

/* XS Globals */
h2 {
	font-size: 20px;
}
.containerBorder {
	border-left: none;
	border-right: none;
    border-top: none;
}
/* scale down department title font when it's long*/
.scaledTitle {
      font-size: 82%;
  }
/* XS Globals */

/* HIDDEN SEATTLE.GOV ELEMENTS - PHONE ONLY */
#sm-md-Nav, 
#contactTop {
	display: none;
}
#seafooter {
	display: none;
}
footer div#colorBox {
    display: none;
}
/* HIDDEN SEATTLE.GOV ELEMENTS - PHONE ONLY */

/* HIDDEN DEPARTMENT ELEMENTS - PHONE ONLY */
#departmentAddressBar, 
#deptTopNav, 
#deptSocialMedia, 
#leftNav{
	display: none;
}
/* #deptColumn2 element is the dept footer */
#deptColumn2 {
	display: none;
}
/* HIDDEN DEPARTMENT ELEMENTS - PHONE ONLY */

#header {
	background-repeat: repeat-x;
}
.threeColRow {
	background: none;
}

#mayorCreditBox{
  height: 130px;
}


/* Navigation - Navbar Start */
.navbar {
	min-height: 0px;
}
.navbar-default .navbar-toggle {
	border-color: #999;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #999;
}
.navbar-collapse {
	max-height: none;
}
.navbar-toggle {
	margin-top: -55px;
}
#seattleGovNavDropDown li h4{
    padding-left: 30px;
    line-height: 2;
}
ul#portalChildren > li, ul#deptXSNav.nav-stacked > li {
    padding-left: 20px;
}
    ul#deptChildren {
        margin-left: 20px;
    }
/* department nav list*/
    #deptXSNav {
        list-style: none;
    }
    #deptXSNav li a {
        padding: 10px 0px;
        line-height: 33px;
        font-size: 110%;
    }
    /* Temporary */
    #deptXSNav.nav-stacked li a {
        padding: 10px 15px;
        line-height: normal;
        font-size: 100%;
    }        
    #deptXSNav ul {
        list-style: none;
    }
/* Navigation - Navbar End*/

/* Department Header Start */
#deptNavRow #deptTitle {
	font-size: 200%;
    line-height: 24px;
}
#deptTitle {
	padding-top: 14px;
}

#deptInfo .tagline, 
#deptInfo .director {
	font-size: .75em;
}
/* Department Header End */

/* Seattle.gov Home */
.home #leftCol ul > li, .home #rightCol ul > li {
    line-height: 2;
}

/* Portal Elements Begin */
#portalpage .featureContainer, #portalpage.home .featureContainer {
        height: inherit;
}
#popularServices.home div h2 {
    margin-left: 15px;
}
#portalpage #popularServices {
    display: none;
}
div#popularServicesSelect {
    display: block;
    padding: 15px;
}
select#popularServicesDDL {
    width: 100%;
}
/* END REMOVE BLOCK */

/* Portal Elements End */

/* Carousel */
    #carousel .carousel-inner {
        width: 100%;
    }
    #carousel {
      padding-right: 9px;
    }
    .glyphicon.glyphicon-chevron-left {
        top: 35%;
        left: 50%;      
    }

    .glyphicon.glyphicon-chevron-right {
      top: 35%;
      right: 50%;
    }

    /*Pagination mobile */
    fieldset.paginationInput {
        margin: 0px;
    }
    .paginationContainer .tiledThumbnail {
        padding: 0px;
    }
    .highlightCarousel {
       display: block;
    }
    .highlightCarousel #carousel .carousel-control.left, .highlightCarousel #carousel .carousel-control.right {
        height: 100%;
    }
    .highlightCarousel .glyphicon.glyphicon-chevron-left, .highlightCarousel .glyphicon.glyphicon-chevron-right {
        top: 50%;
    }
    .mainColwithSub .mainColumnHighlight, .mainColwithSub .mainColumnSubHighlights {
        display: none;
    }


/* Main Page Content Start */
#featureImage {
	padding: 10px;
}
#mainColMain {
	padding: 10px;
}
#mainColSidebar {
	padding: 10px;
}
#mainColSidebar div {
	margin-bottom: 10px;
}
/* Main Page Content End */

/* Feedcontainer Elements Begin*/
.feedContainer .feedLinks {
	padding: 1px 5px;
}
/* Feedcontainer Elements End*/

/* Navigation Display Types */
.thumbnailExcerpt .titleExcerpt {
    margin-left: 30%;
}
/* Video Player Container */
.programImage {
    min-height: 160px;
}
#itemsPerGroup {
    padding-right: 1%;
}

/* overlayBox  */
    .mainColumnHighlight .overlayBox, .VideoComponent .overlayBox, .programImage .overlayBox, .mainColumnHighlight .overlayBox, .mainColumnSubHighlights .overlayBox, .mainColumnTwoColumn .overlayBox, .mainColumnTwoColumn .twoColRight .overlayBox {
        text-align: left;
        left: auto;
        width: 100%;
        margin-top: -4.3em;
        height: 4em;
        font-size: inherit;
    }

    /* Slick Carousel mobile */
    .slick-dots {

    }        
    

/* Department Footer Begin */
#deptFooterTitle {
    padding-left: 100px;
}
/* Department Footer End */

/* Footer Element Start */
#footer2 {
	width: auto;
	height: auto;
}
#copyright, 
#privacyPolicy {
	font-size: small;
	list-style: none outside none;
	margin: 0;
	padding: 5px;
}
#privacyPolicy {
	text-align: left;
}
/* Footer Element End */

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
body {
    background-color: transparent;
}

h2 {
    font-size: 150%;
}
/* Notification Banner */

#seagovBannerSubLeft, #seagovBannerSubRight {
  font-size: 14px;
}

#seagovPriorityPanelSub{
		padding: 20px 10px;
}

/* Navigation Begin */
  #sm-md-Nav {
    width: 500px;
  }
  #portalNav #sm-md-Nav li {
    width: 20%;
  }

  #sm-md-Nav li {
    width: 17%;
  }
  #sm-md-Nav #portalTopNavItem1, #sm-md-Nav #portalTopNavItem4 {
        padding-right: 25px;
    }
#sm-md-Nav h2 {    
    font-size: 21.25px;
}
#xs-Nav, 
#xs-leftNav, 
.navbar-brand{
	display: none;
}
#portalNav #contactInfo {
    padding: 6px 10px 9px;    
}
#contactInfo {
    padding: 6px 10px 0px;
}
#contactInfo h3 {
	font-size: 150%;
	margin: 0 auto;
	text-align: center;
	padding-right: 20px;
	line-height: 0.98em;
}
#cityBrand {
	padding-left: 5px
}
#header{
  height: 70px;
}
#header, 
#topNavRow {
	margin: 0 auto;
	width: 760px;
	padding-left: 5px;
	padding-right: 5px;
}
#topNavRow {
    background-image: url("../img/topNav_bkg.png");
}
    .navbar-collapse .navbar-nav.navbar-right:last-child {
      margin-right: 0px;
    }

#topNavRow H4 {		
	font-size: 20px;
	height: 48px;
	line-height: 0.85em;
	padding: 10px 6px 7px 4px;
	width: 85px;
}
#topNavRow H4 a {
	color: #999999;
	display: block;
	padding-left: 8px;	
}
/* Seattle.gov Header End */

/* Seattle.gov Portal Elements Begin */   
    .scroll {
        height: 163px;
    }
    #serviceBoxHome {
        border-left: 1px solid #999;
    }
    #serviceBoxHome .scroll {
        height: 145px;
    }
    /* Seattle.gov Portal Elements End*/
/* Department Header Start */
#deptNavRow #deptTitle {
	font-size: 220%;
    line-height: 48px;
}
#deptInfo {
	padding: 4px 10px 0 0px;
}
#deptInfo .tagline,
#deptInfo .director {
	font-size: .75em;
}
/* Department Header End */


/* Department Top Nav Begin */
#deptTopNav {
	width: 748px;
}
#deptTopNav ul li {
	font-size: 150%;
    line-height: 90%;
}

#deptTopNav ul li > a, 
#deptTopNav ul li > a:visited {
	background-image: url("../img/topNav_bkg.png");
	background-position: center bottom;
	background-repeat: repeat-x;
	color: #888D8F;
	display: block;
	height: 37px;
	margin: 0 1px 0 0;
	padding: 8px 8px 15px;
	text-decoration: none;
	text-transform: uppercase;
}
/* Department Top Nav End*/

/* Address Element */
#contactAddress {
	padding: 7px 10px 7px;
}
/* Address Element Ends*/

/* Breadcrumbs Element */
#deptBreadcrumbs {
	padding: 6px 10px 6px;
}
/* Breadcrumbs Element */

/*Social Media Container */
#deptSocialMedia {
	padding: 3px 10px 3px;
	text-align: right;
}
/*Social Media Container Ends*/

/* Quote Container */
.pq {
	background-color:#eee; 
	padding:10px; 
	margin-bottom:10px;
	line-height: 1.5em;
} 

/*Quote Container Ends */
/* Feature Item */
#featureItem {
	width: 561px;
}

/* Carousel */
    #carousel .carousel-inner {
        width: 545px;
    }
    #mainColMain.col-md-9 #carousel .carousel-inner {
        width: 100%;
    }
    #portalpage #featureBox #carousel .carousel-inner, #portalpage.home .featureContainer .carousel-inner {
        width: 480px;
    }

.threeColRow {
	background-image: url("../img/bg-border_tablet.png");
	background-repeat: repeat-y;
}
#portalpage .mainContentHome > div > div:nth-child(2), .mainColumnTwoColumn {
    background-image: url("../img/bg-border-home_tablet.png");
    background-repeat: repeat-y;    
    background-size: 100% 100%;
}


/* Left Nav */
#leftNav > ul{	
	font-size: 13px;
	margin-left: -15px;
	padding: 0;
	list-style: none;	
}
#leftNav li { 
	width: 187px;
}
#leftNav li a {
	color: #000000;
	display: block;
	margin-left: 5px;
	padding: 7px 10px;
	text-align: left;
	text-decoration: none;
}
#leftNav li a:hover {
    text-decoration: underline;
}
#leftNav > ul > li > ul{
		padding-left: 0px;
}
#leftNav > ul > li > ul > li a{
		padding-left: 20px;
}
	div#leftNav li span.ui-icon {
		float: left;
		margin-top: 6px;
	}

	div#leftNav li ul li span.ui-icon {
		float: left;
		margin-top: 6px;
		margin-left:15px;	
	}

	li.activePage span.ui-icon {
			background-image: url("images/ui-icons_ffffff_256x240.png");
	}
    li.activePage ul li span.ui-icon {
			background-image: url("images/ui-icons_222222_256x240.png");
	}
    
 /* End Left Nav */  

/* featureImage */
#featureImage {
	margin-left: 10px;
	padding: 10px;
}
/* featureImage Ends */
.noRightBorder {
	background-image: url("../img/bg-border_tablet.png");
	background-repeat: repeat-y;
}
#mainColContent {
	border-bottom: 0px;
}
#mainColSidebar {
	margin-left: 10px;
	padding: 10px;
}
#mainColSidebar div {
	margin-bottom: 10px;
}
/* Video Player Container */
.programImage {
    min-height: 265px;
}


/* Department Footer Begin */
#deptFooterTitle {
    padding-left: 50px;
}
/* Department Footer End */

/* Footer Element Start */
#footer2, 
#seafooter, 
#colorBox {
	width: 750px;
}
#footer2 {
    font-size: 13px;
}
#footer2 div {
    padding-left: 10px;
    padding-right: 10px;
}
.container #colorBox {
    width: 749px;
}
#seafooter {
	background-image: url("../img/bg-border-footer-tablet.png");
}
#privacyPolicy {
	text-align: right;
}
#copyright, 
#privacyPolicy {
	padding-top: 6px;
}
/* Footer Element End */
}

/* Medium devices (tablet, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991px) {
  #citySearch {
	margin-top: 20px;
  }
  .scaledTitle {
      font-size: 90%;
  }
  #deptColumn2 ul {
    width: 100%;
  }
  #deptFooterLogo {
      float: none;
      margin: 0 60px;
  }
  h3 {
	font-size: 140%;
  }
  /* seattle.gov home */
  .home #leftCol ul > li, .home #rightCol ul > li {
    line-height: 2;
  }
  #portalpage .featureContainer, #portalpage #serviceBox {
    height: 205px;
    }
  #portalpage.home .featureContainer, #portalpage.home #serviceBoxHome {
      height: 216px;
  }
  #portalpage.home #carousel .panel-body {
      padding: 10px 0px 0px;
  }

  /* Portal not home*/
  #portalpage #carousel .panel-body {
    padding: 0px 0px 0px;
  }
  #portalpage #carousel .panel-footer {
    padding-top: 5px;
    padding-bottom: 13px;
  }
  #portalpage #carousel .carousel-inner {
    padding-bottom: 0px;
  }
  #portalpage #carousel .carousel-indicators {
    bottom: -13px;
  }
  /* Pagination*/  
  .paginationContainer > .paginationItem > .col-sm-4 {
    width: 27%;    
  }
  .paginationContainer > .paginationItem > .col-sm-8 {
    width: 73%;    
  }
    .paginationContainer .tiledThumbnail {
        min-height: 256px;
    }
    /* Slick carousel tablet */
    .seaCarousel .carouselMoreLink {
        padding-top: 1px;
    }

  /* MainColumnTwoColumn*/
  /* used when no right sidebar but left sidebar present TODO needs Tablet graphic cut */
  #leftMainRight.noRightBorder div#mainColMain.col-xs-12 .mainColumnTwoColumn {
    background-image: url("../img/bg-border-mainCol2Col_noRightSidebar.png");
  }
  .glyphicon.glyphicon-chevron-left {
    left: 35%;    
   }

  .glyphicon.glyphicon-chevron-right {    
    right: 40%;
   }

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
body {	
    *font-size: small;
    *font: x-small;	
}
h1 {
	font-size: 265%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 140%;
}
h4 {
	font-size: 125%;
}
h5 {
	font-size: 115%;
}
#portalpage h2 {
    font-size: 200%;
}
#portalpage h3 {
    font-size: 175%;
}
#portalpage h4 {
    font-size: 150%;
}
#portalpage h5 {
    font-size: 125%;
}
/* Notification Banner */
#seagovBannerSubLeft, #seagovBannerSubRight {
  font-size: 16px;
}

#seagovPriorityPanel {
    top: 30px;
}

/* Seattle.gov Header Start */
#header {
	width: 960px;
  height: 70px;
}
#cityBrand {
	padding-left: 0px
}
#searchContainer {
	text-align: right;
}
#searchContainer .rightPad {
	padding-right: 10px;
	padding-top: 5px;
}
#searchContainer a {
	color: #999999;
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#citySearch {
    padding-bottom: 10px;
}

#contactInfo {
	padding: 0px 10px;    
}
#portalNav #contactInfo {
    padding-top: 10px;
    padding-bottom: 13px;
}
    #sm-md-Nav {
        width: 720px;
    }    
    #sm-md-Nav li {
       width: 15%;
    }
    #sm-md-Nav H2, #sm-md-Nav li > a {             
        font-size: 29.25px;
        height: 65px;
    }
    #sm-md-Nav #portalTopNavItem1, #sm-md-Nav #portalTopNavItem4 {
        padding-right: 40px;
    }
    .navbar-collapse .navbar-nav.navbar-right:last-child {
      margin-right: -5px;
    }

#contactInfo h3 {
	font-size: 175%;
	margin: 0 auto;
	text-align: center;
	width: 220px;
    width: 215px\9; /* IE 8 and below */
}

#topNavRow {
	margin: 0 auto;
	width: 960px;
	padding-left: 0px;    
}
#topNavRow #contactInfo h3 {
	line-height: 0.95em;
}
/* Seattle.gov Header End */

/* Seattle.gov Home Begin */
.home #rightCol  .contactText {
    width: 87px;
    float: right;
}
/* Seattle.gov Home End */

/* Seattle.gov Portal Begin */
    .scroll {
        height: 219px;
    }    
    #serviceBoxHome {
        border-left: none;
    }
    #serviceBoxHome .scroll {
        height: 220px;
        margin-bottom: 5px;
    }
/* Seattle.gov Portal End */

/* Department Header Start */
#deptNavRow #deptTitle {
	font-size: 275%;
	line-height: 48px;
	padding-left: 10px;
}
#deptInfo .director {
	font-weight: bold;
}
#deptInfo .tagline,
#deptInfo .director {
	font-size: 1.00em;
}
/* Department Header End */

/* Department Top Nav Begin */
#deptTopNav {
	width: 958px;
}

#deptTopNav ul li {
	font-size: 160%;
    line-height: 95%;
}

/* Department Top Nav End */

/* Department Address Bar */
#contactAddress {
	padding: 8px 10px 7px;
}
/* Department Address Bar End */ 

/* Department Breadcrumbs */
#deptBreadcrumbs {
	padding: 8px 10px 7px;
}
#deptSocialMedia {
	padding: 4px 10px 3px;
	text-align: right;
}
/* Department Breadcrumbs End */  

.noRightBorder {
	background-image: url('../img/bg-border-left.png');
}
.noLeftBorder {
	background-image: url('../img/bg-border-right.png');
}
/* Left Nav Begin */
#leftNav li {
	width: 238px;
}
/* Left Nav End */

/* Feature Image */
#featureImage {
	width: 715px;
	padding: 10px 10px 9px;
	margin-left: 2px;
}
#mainColSidebar {
	margin-left: 0px;
	padding: 10px;
}
/* used when no left sidebar but right sidebar present */
#leftMainRight.noLeftBorder div#mainColMain.col-md-9 .mainColumnTwoColumn {
   background-image:url("../img/bg-border-mainCol2Col_noLeftSidebar.png");
   background-repeat:repeat-y;
}
/* used when no right sidebar but left sidebar present */
/*
#leftMainRight.noRightBorder div#mainColMain.col-xs-12 .mainColumnTwoColumn {
    background-image: url("../img/bg-border-mainCol2Col_noRightSidebar.png");
}
*/
/* used when contained in a fullpage layout, no sidebars*/
div#mainColMain.col-xs-12 .mainColumnTwoColumn {
    background-image: url("../img/bg-border-mainCol2Col_noSidebars.png");
    background-repeat: repeat-y;
}
/* used when right and left sidebar present */
#leftMainRight.threeColRow div#centerColumn.col-md-8 .mainColumnTwoColumn {
    background-image: url("../img/bg-border-mainCol2Col.png");
}
    #portalpage.departmentsPortal .mainColumnTwoColumn {
        background-image: none;
    }


/* Carousel */
    #carousel .carousel-inner, #portalpage #featureBox #carousel .carousel-inner, #portalpage.home .featureContainer .carousel-inner {
        width: 700px;
    }

/* Feature Image End*/

.threeColRow {
	background-image: url("../img/bg-border.png");
	background-repeat: repeat-y;
}
    #portalpage .mainContentHome > div > div:nth-child(2) {
        background-image: none;
    }
.mainContentHome {
    background-image: url("../img/bg-border-home.png");
    background-repeat: repeat-y;
}
#mainColMain {
	margin-left: 0px;
}
#mainColContent {
	border-bottom: 0px;
}
/* Pagination */
.paginationContainer > .paginationItem > .col-md-3 {
    width: 21%;
    margin-right: 0px;
}
.paginationContainer > .paginationItem > .col-md-9 {
    width: 79%;    
}
#itemsPerGroup {
    padding-right: 2%;
}
/* Video Player Container */
.programImage {
    min-height: 344px;
}
/* Department Footer Begin */
#deptFooterTitle {
    padding-left: 0px;
}

#seafooter,
#colorBox,
#footer2 {
	width: 960px;
}
.container #colorBox {
    width: 959px;
}
#seafooter {
	background-image: url("../img/bg-border-footer.png");
}

}

/* Large devices (desktops, 992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 960px;
        width: 960px;
    }    
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width: 960px;
        width: 960px;        
    }
}
/* Print only */
@media print {
}