.container{
	padding: 0;
}

h1{
	font-size: 100px;
	padding: 0;
	margin:0;
	color: #777 !important;
}
h2{
	font-size: 36px;
	border: none;
}
h3, .input-h3{
	font-size: 36px;
	border: none;
}
h4, .input-h4{
	font-size: 24px;
	border: none;
}
h5{
	font-size: 20px;
	border: none;
}
#leaders-page-menu{
	padding: 10px 0;
}
/*#sub-navigation{
	position: relative;
	top: -20px;
}*/
#exec-leaders-menu{
	padding: 10px;
	height: 90px;
}
#leaders-menu-logo{
	padding: 0;
}
#site-nav{
	padding-right: 0;
}
#site-nav > li{
     padding: 10px !important;
}
a.no-hover, a.no-hover:hover, a.no-hover:visited{
	text-decoration: none;
}
#leaders-menu-logo img{
	padding: 10px;
    .input-position: relative;
    top: -3px;
    width: 37px;
}
#sub-navigation {
    background-color: #fff !important;
}
#site-nav > li > a:hover {
    background-color: #fff !important;
    text-decoration: underline;
}
#sub-navigation{
 border-radius: 
}
.input-h2,
.input-h3,
.input-h4,
.input-h5,
.input-p{
	background: transparent !important;
}
#sub-navigation .input-h3{
	font-size: 24px;
	color: #0166CE;
	padding: 0;
	padding-top: 10px;
}

#site-nav li a{
	color: #0166CE;
	font-weight: 500;
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
}
.footer-card, .footer-card div{
	padding: 0;
}

.list-2 li:nth-of-type(2n+1){
	padding-right: 10px;
	padding-left: 0px;
}
.list-2 li:nth-of-type(2n){
	padding-right: 0px;
	padding-left: 10px;
}

.list-3 li:nth-of-type(3n+2){
	padding-right: 10px ;
	padding-left: 10px ;
}
.list-3 li:nth-of-type(3n+1),
.left-3{
	padding-right: 10px ;
	padding-left: 0px ;
}
.list-3 li:nth-of-type(3n),
.right-3{
	padding-left: 10px;
	padding-right: 0px ;
}
.blue-back{
		background-color: #003F88 !important;
		color: #fff;
}
.blue-txt{
	color:#003F88 !important;
}
.grey-txt{
	color:#888 !important;
}
.orange-back{
		background-color: #E27B15 !important;
		color: #fff;
}
.green-back{
		background-color: rgb(102,153,0) !important;
		color: #fff !important;
}
.blue-back-pic{
		background: url("/government/citymanager/PublishingImages/Pages/Home/Group%2010.jpg");
		background-repeat: no-repeat;
	    background-position: center 0;
	    background-size: cover;
		color: #fff;
}
.orange-back-pic{
		background: url("/government/citymanager/PublishingImages/Pages/Home/Group%209.jpg");
		background-repeat: no-repeat;
	    background-position: center 0;
	    background-size: cover;
		color: #fff;
}
.green-back-pic{
		background-color: rgb(102,153,0) !important;
		background: url("/government/citymanager/PublishingImages/Pages/Home/Group%208.jpg");
		background-repeat: no-repeat;
	    background-position: center 0;
	    background-size: cover;
		color: #fff !important;
}
.grey-txt img:nth-of-type(1) {
	width: 40px;
	padding: 0 10px 10px 0;
}
.grey-txt img:nth-of-type(2) {
	width: 40px;
	padding: 10px 0 0 10px;
}
.footer-card a:visited, .footer-card a:hover{
    color: #fff;
}
.footer-card a{
	display: block;
	padding: 40px 20px;
	text-align: left;
	height: 165px;	
}

.footer-card a .input-p{
	color:	#fff !important;
	font-size: 16px;
    font-style: italic; 
    padding-top: 10px;
    padding-bottom: 5px;
}
.footer-card a .input-h3{
	color:	#fff !important;
	background-image: url("/government/citymanager/PublishingImages/Pages/Home/Next%20Arrow%20Icon.png");
	background-repeat: no-repeat;
    background-position: right top;
    background-size: 17px; 
    font-size: 22px;
    padding-right: 10px;

}
.blue-elem{
	color: #0166CE !important;
}
.right{
	text-align: right;
}
#banner-title{
	text-align: center;
	background: url("/government/citymanager/PublishingImages/Pages/Home/Rectangle.png");
	background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
	height: 250px;
    padding: 30px 10px;
    background-color: #0166CE;
}
#banner-title .input-h5{
color: #D2D2D2;	font-family: Roboto;	font-size: 24px;
}
#banner-title .input-h2{
color: #F4F4F4;	font-family: Roboto;	font-size: 37px;
}
#landing-content-start{
	position: relative;
	margin: 0 auto;
    margin-top: -100px;
	background-color: #fff;
	width: 800px;
	max-width: 96%;
	/*border: solid 2px #aaa;*/
}
#leader-intro .picture-elem{
  /*min-width: 420px;*/
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  height: 100%;
}

#leaders .landing-content-right{
	height: 170px;
	/*border: solid 1px #ccc;
    box-shadow: 1px 2px #bbb;*/
}
#landing-content-start,
#landing-content-start a
{
	min-height: 250px;
}
#leader-pic{	
  background-image: url('/government/citymanager/PublishingImages/exec-leaders/tc-broadnax.jpg'); 
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover; 
  height: 	100%;
  min-height: 250px;
}

#landing-content-start h1{
	width: 30px;
	height: 30px;
	}
#landing-content-start .input-h3{
	padding-top: 20px;
    padding-bottom: 0px;
    font-weight: 450;
}
#landing-content-start .input-h4{
color: #222;
font-weight: 550;
}

#landing-content-start .input-h5{
    line-height: 2;
    padding: 15px 0 20px 0;
}
#landing-content-start .landing-content-right{
	padding: 60px 20px;
}
#home-desc {
	padding: 50px 5px;	
}
#home-desc .input-h5{
	line-height: 1.5;
	color: #555;
}
#leaders .input-h3{
	padding-left: 5px;
	color: #333;
    font-weight: 350;

}
.leader-elem{
	display: flex;
	padding-bottom: 20px;
}
#banner-picture .goto-profile-parent{
	padding-right: 20px;
}
.goto-profile-parent{
padding-right: 10px;
/*border: solid 1px #ccc;*/
box-shadow: 0 0 3px rgba(0,0,0,.12), 0 3px 3px rgba(0,0,0,.2);
width: 100%;
}
#banner-picture .goto-profile{
     background-size: 26px;
}
#leaders .goto-profile-parent {
    /*border: solid 1px #ddd;*/
    box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.2);
}
textarea{
	width: 100%;
}
#responsible .goto-profile-parent,
#edit-responsible .goto-profile-parent{	
border: none;
box-shadow: none;
}
.goto-profile{
	display: block;
  background-image: url("/government/citymanager/PublishingImages/Pages/Home/Next%20Arrow.svg");
	background-repeat: no-repeat;
  background-position: right center;
  background-size: 17px;
 height: 100%;
 padding-right: 20px;
 font-size: 18px;
 width: 100%;

}
.goto-profile input,
ul li input{
	width: 90%;
}

#leaders .landing-content-right .input-h4{
	font-weight: 500;
}
#leaders .landing-content-right .input-h5{
	font-weight: 450;
}
#leaders .landing-content-right {
    padding: 20px 10px 10px 20px;
}
#responsibility-desc{
    padding: 20px 0;
}


.unlist{
	display: inline-block;
    width: 100%;
    padding: 0;
}
.unlist li{
	list-style: none;
}

.grey-back{
	background-color: #f6f5f5;
	/*padding:10px;*/
	color: #333;
	display: flow-root;
	height: 100%;
}
.goto-profile,
.goto-profile:hover,
.goto-profile:visited{
	color: #333;
	text-decoration: none;
}
.blue-back .input-h3,
.blue-back .input-h5{
	color: #fff;
}
#intro-block{
	display:inline-table; 
}

#intro-block,
#leader-intro{
	display: block;
	min-height: 400px;
	position: relative;
    /*width: 100%;*/
}
#leader-intro .input-p{
padding-bottom:  5px;
font-size: 18px;
}
.input-3{
	width: 32%;
}
.input-2{
	width: 45%;
}
#leader-title{
	padding: 20px;
	background: url('/government/citymanager/PublishingImages/Pages/Home/Rectangle.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: #0166CE;
}
#leader-title .input-h3, #leader-title .input-h5{
	color: #fff;
}
#leader-title .input-h3{
	font-weight: 500;
	padding-bottom: 0;
}
#edit-responsible .goto-profile,
#responsible .goto-profile{
	background-size: 15px;
}

.tab-content h3{
	padding-top: 30px;
	font-weight: 350;
	color: #333 !important;
}
.sub-desc{
	font-size: 16px !important;
	color: #a2a2a2;
	padding-bottom: 0 !important;
}
#staff-list input{
	width: 90% !important;
}
#staff-list .input-h4{
	font-weight: bold;
	color: #333;
	line-height: 1.3;
}
#staff-contact-input{
	display: block;
}
#staff-contact{
	/*display: flex;*/
	padding: 0;
}
#staff-title{
	height: 80px;
}
#staff-title input{
	border: solid 1px #003F88;
}
#staff-contact .blue-elem{
	margin: 0;
    text-align: center;
    top: 15px;
    font-size: 20px;
}
input.blue-elem{
	 text-align: left !important;
}
#leader-intro-detail{
	padding-top: 180px;
	padding-left: 30px;
	height: 	400px;
}
#leader-title{
	position: relative;
    margin-top: -370px;
}
#edit-profile .input-h3,
#profile .input-h3{
	font-size: 20px;
	font-weight: 400;
}

#leader-tab{
	padding-top: 30px;
}
#leader-tab .nav-tabs li{
	padding-bottom: 0;
}
.profile-block{
	padding: 15px 0;
}
.top-text{
	position: relative;
    top: -35px;
}
.profile-detail,
.profile-detail .input-p,
.profile-detail .input-p span,
.profile-detail li,{
	font-size: 16px !important;
}
#leader-tab .nav-tabs > li > a, #leader-tab .nav-tabs > li > a:hover, #leader-tab .nav-tabs > li >a:visited {   
    color: #888 !important;
    border-bottom: none;
}
#leader-tab .nav-tabs > li.active > a{
	color: #333 !important;
    border: none;
    border-bottom: solid 3px #0166ce;
}

.nav-tabs li a{
    font-size: 24px !important;
    border: none;
}

#edit-responsible .grey-back,
#responsible .grey-back{
	padding:15px;
}
#city-manager-res .input-h5{
	font-size: 18px;
	line-height: 19px;
}
#city-manager-res .grey-back{
	height: 60px;
	overflow: hidden;
}
.grey-back a{
	font-size: 20px;
	font-family: Roboto;	
}
#leader-intro{
	padding: 0;
	background-color: #f6f5f5;
}
#leader-intro-detail .input-p{
	font-size: 18px;
	line-height: 1.2;
}
.hide-520{
	display: block;
}
.show-520{
	display: none;
}

#save-command{
	padding-top: 50px;
	display: inline-block;
}
#save-command a{
	font-size: 18px;
	margin: 0 5px;
	width: 30%;
}
.modal-dialog {
     width: 100%; 
}
.modal-header {
     border-bottom: none; 
}
.close {
    font-size: 28px;
    }


.modal,
.modal-dialog{	
    width: 1124px;
    margin: 0 auto;

}
@media screen and (max-width: 991px){
#sub-navigation .dl-menu .grey-back{
	border-bottom: solid 2px #fff !important;
}

#exec-leaders-menu {
    height: 70px;
    padding: 15px;
}
#home-content .container,
#exec-leaders-menu{
	padding: 25px !important;
}
#profile-content{
	padding: 0 25px !important;
}
.ms-rte-wpbox {
    margin-left: 0px !important; 
}

#deptMenu {
	position: relative;
     top: 0 !important;
 }
#sub-navigation #deptMenu ul {
    width: 110%;
    margin-left: -25px !important;
    top: 50px;
}
#deptMenu a#dept-menu-header img{
     width: 	30px;
     padding: 4px 10px;
 }
#sub-navigation{
	position: relative;
    top: -5px;
}

#sub-navigation #deptMenu a#dept-menu-header,
#sub-navigation #deptMenu a#dept-menu-header span{
    color: #033f88 !important;
    font-size: 18px;
}

#sub-navigation button#dept-menu-btn, button#dept-menu-btn:hover {
	background-image: url("/government/citymanager/PublishingImages/Pages/Home/Group.png"); 
	background-size: 5px 20px;
	background-position: 70px center !important;
}
#sub-navigation .dl-menuwrapper button.dl-active {
    background-image: url("/government/citymanager/PublishingImages/Pages/Home/Close-icon.png") !important;
    background-size: 25px 25px !important;
}
 
#home-desc {
	padding: 50px 5px;	
}
#leader-intro .picture-elem{
  min-width: 30%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  height: 100%;
}

#city-manager-res .input-h5{
	font-size: 14px;
}

#leader-tab{
	padding: 0 10px;
}
#exec-leaders-menu {
    height: 80px;
}
}
@media screen and (max-width: 776px){
/*.container{
	padding: 0 10px;
}*/
.leader-elem {
    padding: 0;
    padding-bottom: 20px;
}	
#banner-title{
	height: 200px;
}
#banner-title .input-h2{
	font-size: 26px;
}
#banner-title .input-h5{
	font-size: 16px;
}
#banner-title {
    padding: 15px 10px;
}
#landing-content-start,
#leader-pic,
#landing-content-start .landing-content-right,
#landing-content-start .goto-profile
{
	min-height: 200px;
}
#landing-content-start .landing-content-right {
    padding: 50px 20px;
}
#landing-content-start .input-h3,
#leaders .input-h4{
	font-size: 24px;
}
#landing-content-start .input-h4,
#leaders .input-h5{
	font-size: 18px;
}
.list-2 li,
.list-3 li{
	padding-right: 8px !important;
	padding-left: 8px !important;
	padding-bottom: 10px !important;
}
#home-content .list-2 li .goto-profile-parent {
    margin-bottom: 15px;
}
.unlist{
	display: grid;
}
.tab-content h3{
	padding-top: 10px;
    padding-bottom: 10px;
}
.top-text{
    top: 0px;
}
#leader-intro-detail{
	padding-top: 140px;
	/*height: 	300px;*/
}
#leader-intro-detail .input-p {
    font-size: 18px;
}

/*#leader-title{
	position: relative;
    margin-top: -280px;
}*/
#leader-title{
	padding: 10px 20px;
}
#leader-title .input-h3 {
	font-size: 24px;
}
#leader-title .input-h5 {
	font-size: 18px;
}

.footer-card a .input-h3{
    font-size: 26px;

}
#staff-title{
	height: 60px;
}
/*#leader-intro .picture-elem {
    background-repeat: no-repeat !important;
    background-position: center -20px !important;
    background-size: 300px !important;
    height: 300px !important;
    padding: 0 10px;
    
}*/
#city-manager-res .input-h5{
	font-size: 18px;
}

}
@media screen and (max-width: 520px){
.hide-520{
	display: none;
}
.show-520{
	display: block;
}
#sub-navigation #deptMenu ul {
    width: 140%;
}
#banner-title{
	height: 190px;
}
#banner-title .input-h2{
	font-size: 20px;
}
#banner-title .input-h5{
	font-size: 16px;
}

#landing-content-start,
#leader-pic,
#landing-content-start .landing-content-right,
#landing-content-start .goto-profile{
	min-height: 170px;
}
#landing-content-start .landing-content-right {
    padding: 20px 10px;
}
#leaders .landing-content-right {
    padding: 20px 10px 10px 10px;
}

#leader-title .input-h3,
.landing-content-right .input-h4{
	line-height: 1;
}
#banner-title .input-h2 {
    font-size: 18px;
}
#leaders .input-h3 {
    font-size: 24px;
}
.col-xs-push-5{
	left: 0;
}
#intro-block{
	padding: 10px;
}

#leader-intro .picture-elem,
#leader-intro .grey-back,
#leader-title{
	width: 	100% !important;
}
#leader-intro .picture-elem {
    height: 300px !important;
    
}
#leader-intro-detail{
	padding-top: 20px;
	padding: 20px;
	height: 	auto;
}


#leader-title{
    margin-top: 0;
}
#leader-title{
	padding: 10px 20px;
}
#leader-title .input-h3 {
	font-size: 28px;
}
#leader-title .input-h5 {
	font-size: 20px;
}
.tab-content h3 {
	font-size: 26px;
	/*padding-left: 10px;*/
}
#leader-tab .nav-tabs li {
    width: 50%;
}
#leader-tab .nav-tabs li a{
   text-align: center;
   font-size: 20px !important;
}
#leader-tab{
	padding: 0 5px;
}
#leaders .input-h3 {
    font-size: 22px;
}
#leaders .input-h5 {
    font-size: 16px;
}
#city-manager-res .grey-back {
    height: 100%;
}
#home-desc {
    padding: 0px 5px;
}


}

@media screen and (max-width: 400px){
#sub-navigation #deptMenu a#dept-menu-header, #sub-navigation #deptMenu a#dept-menu-header span {
   font-size: 14px;
}
#deptMenu a#dept-menu-header img {
    width: 15px;
    padding: 4px 5px 4px 0;
}
#leader-tab .nav-tabs li a{
   font-size: 16px !important;
}

)