a:visited {
    color: #a82159;
}


.button:visited, .music-button:visited {
    color: white !important;
}

input {
    border-radius: 0px;
}

.tagline {
	text-shadow: 0 0 10px #000;
	color: #fff;
}

.img-center {
	margin: 0 auto;
}


.accordion-toggle 
{
	cursor: pointer;
}  

.accordion-content 
{
	display: none; 
}  

.accordion-content.default 
{
	display: block;
}

.footer {
	line-height: 56px;
	font-size: .8rem;
}

.footer div:nth-child(3) {
	text-align: right;
}

.footer img {
	padding-bottom: 17px;
}

.footer input {
	padding-top: 9px;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.header ul {
	list-style-type: none;
	padding: 0;
    float: right;
    color: #06425c;
	font-family: 'Open Sans';
	font-size: .8rem;
}

.header ul a {
	color: #06425c;
	font-family: 'Open Sans';
	font-size: .8rem;
	text-decoration: none;
}

.header ul a:hover {
	text-decoration:underline;
}

.header ul li img {
	margin-right: 5px;
}

.header ul li {
	text-align: right;
	vertical-align: middle;
	line-height: 24px;
}

 .header > div:first-child {
	margin-top:20px;
	margin-bottom:20px;	
}

 .header > div:nth-child(3) img {
	   margin-top:6px;
   }

.header > div:nth-child(3) ul img {
	   margin-top:0;
   }
/*----------Search box styles---------------*/

.search-btn {
	background-image: url(../images/search-btn.jpg);
	background-color: #06425c;
	width: 25px;
	height: 25px;
	cursor: pointer;
	display: inline-block;
	background-repeat: no-repeat;
	border: 0;
	padding: 0;
	float: right;
}
.search-btn:hover {
	background-image: url(../images/search-btn-hover.jpg);
}

.search-box {
	display: block;
	background-image: none;	
	border:1px solid #379d92;
}	

.search-input {
	font-size:.8rem;
	line-height: 1;
	color: #2e5361;
	border: none;
	width: calc(100% - 40px);
	height:25px;
	padding-left: 5px;
}
@media (max-width:767px) {.search-box {width: 100%;	margin-left: 0;	margin-top: 10px; margin-bottom:20px;}}
@media (min-width:768px) and (max-width:991px) {.search-box {	margin-left: 12px;	margin-top:11px;	}}
@media (min-width:992px) and (max-width:1199px) {.search-box {margin-top: 15px; width:351px; float:right;}}
@media (min-width:1200px) {.search-box {margin-top:15px;}}

/*
@media (min-width:790px) and (max-width:991px) {
    .search-box {
        width: 278px !important;
        position:absolute;
        left:225px;
        top:110px;
        margin: 0 !important;
    }
}

    .search-box {
        width:266px !important;
        position:absolute;
        left:217px;
        top:110px;
        margin: 0 !important;
    }
    .image-3rd {
         max-width: 172px !important;
         min-width: 172px !important;
    }
}
*/

/*-------------------------*/

.logo-menu {
	position: relative;	
	text-align: center;
}
.image-3rd {
	background-color: #06425c;
	border-bottom-right-radius: 12px;
	padding: 10px 9px 10px 12px;
}

.menu-bg {
	background-color: #06425c;
	float: left;
	margin-right: 10px;
}

.welcome-section {
	padding: 10px 9px 10px 12px;
	font-family: 'Open Sans';
	font-size: .8rem;
	color: white;
	background-color: #369d92;
	margin-right: 10px;
	
}

.welcome-section p {
	line-height: 140%;
}

.content-wrapper {
	float: left;
	width: calc(100% - 264px);
}

.content {

	padding-left: 5px;
}

.no-p {
	padding: 0 !important;
}

.motto {
	font-family: 'homemadeapple';
	font-size: 1.6rem;
	text-align: center;
	line-height: 52px;
	width: 100%;
	height: 52px;
	margin: 10px 0;
	background-color: #a82159;
	color: white;
	word-spacing: 6px;
}

.bird {
	background-color: #06425c;
	background-image: url(../images/bird.jpg);
	background-size: cover;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center center;
}

.title-handwrite, .home-page-news-title {
	font-family: 'homemadeapple';
	font-size: 1.1rem;
	text-align: center;
	line-height: 27px;
	margin: 5px 0;
	color: white;
	word-spacing: 6px;
}



/*----------- rotator styles - --- */
#rotator {
	position: relative;
}

#rotator ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-image: none;
}

#rotator ul li {
	float: left;
	position: absolute;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	background: none;
}

div#rotator ul li.show {
	z-index: 500;
}

.shadow, #rotator img, .menu-bg, .welcome-section, .bird, .image-3rd, .motto, .header-img1, .header-img2 {
	-webkit-box-shadow: 4px 4px 4px 0px rgba(102,102,102,.6);
	-moz-box-shadow: 4px 4px 4px 0px rgba(102,102,102,.6);
	box-shadow: 4px 4px 4px 0px rgba(102,102,102,.6);
}




/*------------Audio player----------------*/
#player {
	height: 0;
	width: 0;
}

.speaker {
	position: absolute;
	bottom: 8px;
	right: 8px;
	height: 30px;
	width: 31px;
	cursor: pointer;
	display: block;
	background-image: url(../images/speaker.png);
}

.speakerplay {
	background-image: url(../images/speaker-pause.png);
	height: 30px;
	width: 31px;
	cursor: pointer;
	display: block;
}

.header-img1 {
	/*background-color:#06425c;*/

}

/*----------Small screens------------------*/
@media  (max-width:467px) {
	.header div:nth-child(3) {text-align:center; } 
	.header div > img {float:none !important;} 
	.button {
		padding: 7px 25px !important;
    		font-size: 0.7rem;
    		margin-top: 10px !important;}
	}
@media (max-width:361px) {.footer div:nth-child(2) {line-height:1rem;margin:15px 0;} .logo img {max-width:100%;}}
@media  (min-width:328px) and (max-width:467px) {.header ul {float:none; text-align:center;} .header ul li {text-align:center !important;}}
@media  (max-width:387px) {.motto {font-size:1.1rem;height:auto !important; line-height:32px; padding:5px;}}
@media  (min-width:388px) and (max-width:467px) {.motto {font-size:.85rem;}}

@media  (min-width:468px) and (max-width:543px) {.motto {font-size:1.05rem;} .header ul {margin-left:30px; margin-right:15px;}}
@media  (min-width:544px) and (max-width:767px) {.header ul {margin-left:30px; margin-right:55px;}}
@media (max-width:600px) {.container {padding-left:15px;padding-right:15px;}}
@media  (min-width:545px) and (max-width:767px) {.motto {font-size:1.25rem;}}
@media (max-width:767px) { 
	.logo {text-align:center !important; margin-bottom:20px; float:none;}
	.header div:nth-child(1)  {text-align:center !important; float:none;}
	.header ul li {text-align:left;}
	.header div > img {float:right;}
	.menu-bg { width:100%; }
	.logo-menu {display:none;}
	.header ul a {font-size:.9rem;}
	#rotator, #rotator li, #rotator li img  {width:100%; height:auto; }
	#rotator {margin-bottom:50%; margin-top:10px; border-top-right-radius:0;}
	.content-wrapper {width:100%;}
	.bird {display:none;}
/*	.bird, .header-img1 {width:100%; height:auto;background-position:left center !important; margin-top:10px; }
	.bird img {float:right; border-left:10px solid white;}*/
	.image-3rd {display:none;}
	.footer div:nth-child(2), .footer div:nth-child(3) {text-align:center;}
	.header-img2 {width:100%; height:auto; margin-top:10px;}
}

@media (min-width:768px) {
	.header ul li {text-align:right;}
	.header ul, .header div > img {float:right;}
	.menu-bg { width:100%; 	border-bottom-left-radius: 12px; border-top-left-radius: 12px; 	width: 254px;	min-height: 721px;}
	.bird img{visibility:hidden;}
	#rotator, #rotator img {}
	#rotator, #rotator li, #rotator li img  {width:100%; height:auto; }
	.header-img2 {margin-left:10px;}
	/*.border-right {	border-top-right-radius: 12px;}  */     
}

@media (min-width:992px) and (max-width:1199px) {

        .city-of-ethics-logo { width: 20%; float:left !important; }
}

@media (max-width:991px) {.logo-menu {top:467px;}}
@media (min-width:992px) {
	.logo-menu 
	{
	    top: 110px;
        margin-left: 12px;
     }
	.footer div:nth-child(2) {text-align:center;}
	.motto {font-size:1.6rem;}
	.content {	padding-left:15px;line-height:1.1;}
}

.home-page-news {
	padding: 10px 9px 10px 12px;
	font-family: 'Open Sans';
	font-size: .8rem;
	color: white;
}

@media (min-width:1200px) {
    .header ul { margin: 0 0 0 50px;}
	.welcome-section {max-width: 477px; min-width: 477px; height: 450px;}
	.image-3rd {
		max-width: 273px;
		border-bottom-right-radius: 12px;
		min-height: 345px;
	}
	.bird {max-width: 351px; min-width: 351px; height: 199px;}    
	.header-img1 {max-width: 352px; min-width: 352px; }
    #rotator {max-width: 398px;	max-height: 200px;}
	.header-img2 {max-width: 398px;	max-height: 199px; overflow:hidden;}
	.image-3rd img {
		border-bottom-right-radius: 12px;
	}

	 .header > div:nth-child(2) {	
	width:369px;
}

  .header > div:nth-child(3) {
	margin-top:12px;
	width:398px;
}

}

@media (min-width:992px) and (max-width:1199px) {
    .header ul { margin: 0 0 0 7px; }
    .welcome-section {max-width: 407px; min-width: 407px; height: 472px;}
    .button {padding: 6px 125px;font-size: 0.7rem; margin-top: 8px !important;}	
	.image-3rd {max-width: 259px;  height: 367px;}
    .bird, .header-img1 {	max-width: 314px; min-width: 314px;	height:177px;}
    #rotator, .header-img2 { max-width: 352px; min-width: 352px;}

	 .header > div:nth-child(2) {	
	width:350px;
}
  .header > div:nth-child(3) {
	margin-top:12px;
	width:354px;
}
}

@media (min-width:768px) and (max-width:991px) {
    .motto {font-size:1.2rem;}
    .title-handwrite {font-size:0.9rem !important; margin:0!important;}
    .header ul { margin: 10px 0 0 50px; }
    .bird, .header-img1 {max-width: 228px; min-width: 228px; height:130px;}
    #rotator, .header-img2 { max-width: 257px; min-width: 257px; height:130px;}
    .welcome-section {max-width: 257px; min-width: 257px; height: 519px; font-size: 0.7rem;}
    .button {padding: 6px 125px;font-size: 0.7rem; margin-top: 8px !important;}
    .image-3rd {max-width: 229px;min-width: 202px; height: 414px;}
    .image-3rd img{margin-top:50px;}
    .footer div:nth-child(2) {text-align:left;}
	  .header > div:nth-child(3) {padding-right:15px;
}
}


  .sitemapNodes a 
{
    line-height: 180%;
    padding-right: 45px;   
}

.sitemapNodes img
{
    max-width: none;
}

@media (max-width: 479px) {
   .sitemapNodes a 
    {
        padding-right: 0px;   
        font-size: 85%;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width : 768px) {

   .sitemapNodes a 
    {
        padding-right: 10px;   
        font-size: 90%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width : 479px) {

   .sitemapNodes a 
    {
        padding-right: 0px;   
        font-size: 70%;
        line-height: 150%;
    }
}

.img-box {
    height: 100%;
    left: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 0px;
    width: 100%;
    box-shadow: 0px 2px 6px rgba(10,10,10,0.6);
    border: 3px white solid;
}

.agenda-minutes-table th {

width:20%;

}

 

.agenda-minutes-table tr td img {

    margin:0 0 0 15px;

}

.agenda-minutes-table td {
    border-bottom: 1px solid #dadfdc;
    line-height: 1.5;
    padding-right: 5px;
    padding: 6px;
}

.agenda-minutes-table tr td {

    line-height: 1.5;

    padding-top: 6px;

    padding-bottom: 6px;

}

.agenda-minutes-table th {
    background-color: #06425c;
    color: white;
    line-height: 32px;
}
.agenda-minutes-table th:first-child {
	padding-left: 15px;
}

.agenda-minutes-table tr td:nth-child(2){

    padding-right: 8px;

}

.recent-updates-table td {
	padding: 5px;
}

@media (max-width:360px) {
    .agenda-minutes-table td {
        line-height: 18px;
        padding: 5px 0;
        font-size: 82%;
    }
    .agenda-minutes-table th { font-size: 85%; }
    .agenda-minutes-table td:nth-child(3), .agenda-minutes-table td:nth-child(4) {
        padding-left: 5px;
    }
}

@media (min-width:1200px) {
.lg-m-l {margin-left:15px;}
.lg-m-r {margin-right:15px;}
}

@media (max-width:991px) {
    .img-overlay, .img-overlay-bottom {
        margin-bottom: 15px;
    }
}
@media (min-width:992px) {
    .img-overlay {
        position: relative;
        z-index: 5;    
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
        border:1px solid #b0b0b0;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .img-overlay {
        left: 23px;
        top: 160px;
        max-width: 307px;
    }
        .img-overlay-bottom {
        max-width: 80%;
        position: relative;
    }
    .wrapper-img-overlay {
    margin: -150px 0 20px 0;
}
}
@media (min-width:1200px) {
    .img-overlay {
        left: 40px;
        top: 160px;
        max-width: 307px;
    }
        .img-overlay-bottom {
        max-width: 80%;
        position: relative;
    }
        .wrapper-img-overlay {
        margin: -150px 0 20px 0;
        }
}
@media (min-width:992px) {
.lg-p-l {padding-left:15px;}
.lg-p-r {padding-right:15px;}
}

.border-grey {
    border:1px solid #b0b0b0;
}

.border-blue {border:4px solid #115b7b;}
.border-red {border:4px solid #a71a54;}
.border-green {border:4px solid #aed91a;}

.button, .button-budget {
    color:white;
    padding: 8px 25px;
    text-decoration:none;
    margin: 0 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#06425c+0,06425c+60,05374f+82 */
    background: #06425c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2NDI1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzA2NDI1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzA1Mzc0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #06425c 0%, #06425c 60%, #05374f 82%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06425c), color-stop(60%,#06425c), color-stop(82%,#05374f)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #06425c 0%,#06425c 60%,#05374f 82%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #06425c 0%,#06425c 60%,#05374f 82%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #06425c 0%,#06425c 60%,#05374f 82%); /* IE10 preview */
    background: linear-gradient(to bottom, #06425c 0%,#06425c 60%,#05374f 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06425c', endColorstr='#05374f',GradientType=0 ); /* IE6-8 */
}

.button:hover, .button-budget:hover  {
    color:white !important;
    text-decoration:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#05374f+0,012a3f+100 */
background: #05374f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1Mzc0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTJhM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #05374f 0%, #012a3f 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05374f), color-stop(100%,#012a3f)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, #05374f 0%,#012a3f 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #05374f 0%,#012a3f 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #05374f 0%,#012a3f 100%); /* IE10 preview */
background: linear-gradient(to bottom, #05374f 0%,#012a3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05374f', endColorstr='#012a3f',GradientType=0 ); /* IE6-8 */
}

#id_22 {
    padding: 30px;
}

.song-link {
	float: right;
	margin-right: 40px;
	font-size: 0.8rem;	 
}

.song-video {
	width: 100%;
	margin: 24px 0 0 0;
	box-shadow: 4px 4px 4px 0px rgba(102,102,102,.6);
}

.music-button {
    color: white;
    padding: 4px 9px;
    text-decoration: none;
    font-weight: normal !important;
    position: absolute;
    margin: 0 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#06425c+0,06425c+60,05374f+82 */
    background: #06425c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2NDI1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzA2NDI1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzA1Mzc0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #06425c 0%, #06425c 60%, #05374f 82%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06425c), color-stop(60%,#06425c), color-stop(82%,#05374f)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #06425c 0%,#06425c 60%,#05374f 82%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #06425c 0%,#06425c 60%,#05374f 82%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #06425c 0%,#06425c 60%,#05374f 82%); /* IE10 preview */
    background: linear-gradient(to bottom, #06425c 0%,#06425c 60%,#05374f 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06425c', endColorstr='#05374f',GradientType=0 ); /* IE6-8 */
}

.music-button:hover  {
    color:white;
    text-decoration:none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#05374f+0,012a3f+100 */
    background: #05374f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1Mzc0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTJhM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #05374f 0%, #012a3f 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05374f), color-stop(100%,#012a3f)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #05374f 0%,#012a3f 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #05374f 0%,#012a3f 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #05374f 0%,#012a3f 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #05374f 0%,#012a3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05374f', endColorstr='#012a3f',GradientType=0 ); /* IE6-8 */
}
.flexed-button {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    height:147px;
}

.top-flexed-button {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    height:147px;
}

.covid {
    display: block;
    color: #d60009 !important;
    border: 2px solid #d60009!important;
    text-decoration: none;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
    font-size: 20px;
    margin: 3px;
}
@media (max-width:467px) {
.music-button {left:9px;bottom:8px;}}

@media (min-width:468px) and (max-width:767px)  {
.music-button {right:9px;bottom:33px;}}

@media (min-width:768px) and (max-width:991px)  {
.music-button {left:9px;bottom:10px;}
    .flexed-button {
       
        align-content: flex-end;
        height: 57px;
        margin-right:15px;
    }
.top-flexed-button {
       
        align-content: flex-end;
        height: 57px;
        margin-right:15px;
    }
    .row.header {
        margin-bottom:25px;
    }

}

@media (min-width:992px) {
.music-button {right:9px;bottom:15px;}
.covid { min-width: 270px; text-align:center;}}

@media  (max-width:467px) {
    .flexed-button {
      
        justify-content: center;
        align-items: center;
        align-content: center;
        height: 70px;
    }
.top-flexed-button {
      
        justify-content: center;
        align-items: center;
        align-content: center;
        min-height: 70px;
    }
   .button-budget {padding:8px 55px !important;}
.covid { min-width: 270px; text-align:center;}}

@media  (min-width:468px) and (max-width:767px) {
   .button-budget {padding:8px 60px;}
    .flexed-button {
     
        justify-content: center;
        align-items: center;
        align-content: center;
        height: 70px;
    }
.top-flexed-button {
     
        justify-content: center;
        align-items: center;
        align-content: center;
        min-height: 70px;
    }
.covid { min-width: 270px; text-align:center;}
}

@media  (min-width:768px) and (max-width:1199px) {
   .button-budget {padding:8px 56px;}}

@media  (min-width:1200px) {
   .button-budget {padding:8px 60px;}}

#home-news {
	padding: 10px 12px;
	font-family: 'Open Sans';
	font-size: .8rem;
	color: white;
}

	#home-news h1 {
		font-family: 'homemadeapple';
		font-size: 1.1rem;
		text-align: center;
		line-height: 27px;
		margin: 5px 0 0 0;
		color: white;
		word-spacing: 6px;
	}

	/*#home-news h2 {
		margin: 2px 0;
		line-height: 1;
	}*/

	#home-news h2 {
		color: #3cc4b5;
		text-decoration: none;
		font-size: 0.95rem;
		font-family: 'Open Sans', Arial;
		margin: 10px 0;
	}

	#home-news a {
		text-decoration: underline;
		color: white;
	}

	#home-news a:hover {
		color: #bcc747;
		text-decoration: none;
	}

	#home-news div {
		font-size: .8rem;
		line-height: 1.3;
		margin-bottom: 8px;
	}

@media (min-width:1200px) {
	#home-news {
		height: 450px;
	}

		#home-news .btn-view {
			bottom: 13px;
		}

	.btn-view a {
		padding: 3px 33px 4px 33px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	#home-news {
		height: 472px;
	}

		#home-news .btn-view {
			bottom: 13px;
		}

	.btn-view a {
		padding: 4px 33px;
	}
}

@media (min-width:768px) and (max-width:992px) {
	#home-news {
		height: 519px;
	}

		#home-news .btn-view {
			bottom: 7px;
		}

	.btn-view a {
		padding: 2px 33px 3px 33px;
	}
}

@media (max-width:768px) {
	#home-news {
		display: block;
		margin-top: 10px;
	}

		#home-news .btn-view {
			margin-top: 20px;
		}

	.btn-view a {
		padding: 2px 33px 3px 33px;
	}
}

@media (min-width:768px) {
	#home-news .btn-view {
		position: absolute;
	}

	.btn-view a {
		color: white;
		text-decoration: none;
	}
}

.btn-view a {
	color: white;
	text-decoration: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f9085+0,15655c+100 */
	background: rgb(47,144,133); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(47,144,133,1) 0%, rgba(21,101,92,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(47,144,133,1) 0%,rgba(21,101,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(47,144,133,1) 0%,rgba(21,101,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f9085', endColorstr='#15655c',GradientType=0 ); /* IE6-9 */
}

	.btn-view a:hover {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15655c+0,15655c+100 */
		background: rgb(21,101,92); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(21,101,92,1) 0%, rgba(21,101,92,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(21,101,92,1) 0%,rgba(21,101,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(21,101,92,1) 0%,rgba(21,101,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15655c', endColorstr='#15655c',GradientType=0 ); /* IE6-9 */
	}

.content li {
    list-style-position: inside;
}
