@media screen and (max-device-width: 1024px) {#pagecontent, #main, #footer{background: transparent;}  }
body{background: #fff;font-family: 'MTNBrighterSans','Droid Sans', 'DroidSans', Arial, Helvetica, Verdana, Tahoma, sans-serif; color:#272727;}
body.gallery #main-container, body.gallery #picture-holder{margin-top: 10px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'MTNBrighterSans','Droid Sans', 'DroidSans', Arial, Helvetica, Verdana, Tahoma, sans-serif;}

@media (min-width: 992px) {
  .container {
    max-width: 962px;
  }
}
nav#nav{font-weight: bold; background: #fc0;}
.navbar, .navbar-collapse{box-shadow: none !important; -webkit-box-shadow: none; border: 0;}
.navbar{min-height: 40px;}

#nav > li > a:focus, #nav > li > a:hover { color:#222;
	text-decoration: none;
	background: transparent;
}
#banner {	background: #fc0;
	/*height: 340px;*/
}

#header img {max-height: 340px;}
#header h1, #header h2 {display: none;}
#main-nav{min-height: 1px; border: 0; border-radius: 0; margin: -3px 0 0 0; padding: 6px 0; background: transparent;}
.nav-pills a{color: #fff;}
.nav-pills > li > a {  border-radius: 0;}
#nav ul li a { display: block; position: relative; color: #000;}
.navbar-inverse{
    background-color: #1B1B1B;
    background-image: linear-gradient(to bottom, #222222, #111111);
    background-repeat: repeat-x;
    border-color: #252525;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #ccc;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.carousel-caption{position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 15px; background: transparent; text-align: center;}
.carousel-caption h4, .carousel-caption p {text-align: left;    color: #ececec;  line-height: 20px;}
.carousel-caption h4 {  margin: 0 0 5px;}
.carousel-caption p {  margin-bottom: 0;}
.item img {
  width:100%;
}
div#pagewidth.container{margin-top: 40px;}
div.volunteer-status{margin-top: -40px;}
h1, .h1 {font-size: 24px; font-weight: bold;}
h2, .h2 {font-size: 20px; font-weight: bold;}
h3 {font-size: 16px; padding: 10px 15px;}
h4, h5, h6 {margin-top: 25px;}
#main h1{background-color: #000; color: #fff; padding: 10px 15px;}
#main h2{background-color: #1B1B1B;
    background-image: linear-gradient(to bottom, #222222, #111111);
    background-repeat: repeat-x; color: #ececec; padding: 8px 15px;}
    
    .panel-primary {border-color: #111111;}
body.gallery #main-container .panel-body, #home-media .panel-body, #col3 .panel-body, body.publications .panel-body{padding: 0;}
.panel-primary > .panel-heading {
  background-image: linear-gradient(to bottom, #111111 0px, #222222 100%);
  background-repeat: repeat-x;
}

#col1 #main form input.form-control{margin-bottom: 1em;}
#col1 #main form .form-text{margin-bottom: 1em; margin-top: -1em;}

#col1 p img {float: left; margin: 0 10px 10px 0;}
#col1 .pme-buttons .alert{margin-top: 10px;}

#col3 h3{background: #ffcb04; color: #272727; margin: 0; font-weight: bold;}
#col3 h3 a {color: #000; text-decoration: none;}
#col3 .list-group{border-radius: 0; border: 1px solid #ccc; margin-bottom: 10px;}
#col3 .list-group-item{border: 0; background: transparent; padding: 0;}
#col3 .list-group a{background: #dcdce1; color: #272727; padding: 7px 10px; font-weight: bold; text-decoration: none; display: block;}
#col3 .list-group a:hover, #col3 .list-group a.active{background: #c3c3c8;}
#col3 p{margin: 10px 0;}
#col3 .card{border-radius: 0; padding: 0; border: 1px solid #000; margin-bottom: 10px;}
#col3 .card h3{background: #000; color: #fff;}
#col3 .card h3 a{color: #fff;}
#col3 .card-body{padding: 0;border-radius: 0;}
#col3 .card-header{border-radius: 0;}
#sidenews .panel-heading {background: url(i/news-head-bg.jpg) center center no-repeat #005783;}
.news_sum{padding: 5px;}
.news_sum img{margin: 0 0 5px 5px;}
.panel-primary > .panel-heading {  background-color: #272727;  border-color: #333333;  color: #FFFFFF;}

.thumbnail {border: 0; border-radius: 0;padding: 0; margin: 0;}
#footer{background: #000; color: #fff; margin-top: 25px; padding: 25px;}
#footer a{color: #fff;}
#footer .col-md-3 p{margin-top: 10px; margin-bottom: 20px;}
#footer .col-md-3 h4{margin-top: 25px;}

div#social{margin-bottom: 10px;background: #000;}
div#social a{display: inline-block; width: 52px; height: 52px; margin: 2px -1px; border-radius: 0; padding: 0 .2em; font-size: 2.5em; transition: all 3s ease-out;}
div#social a{color: #fff;}
div#social a:hover{color: #fc0;}
div#social a.ycsocial{background: url(i/ycsocial.png) center center no-repeat; }

.pdf{background: url(i/file/pdf.png);}
a.doc{background: url(i/file/text.png); }

#col1 form{margin: 15px;}
label.form-check-inline, div.form-check-inline{padding: 10px 15px 10px 2.5em; background: #ffcc00; margin-bottom: 1rem; border-radius: 5px;}
label.checkbox-inline:hover, div.form-check-inline:hover{background: #ffcc00bb;}
label.form-check-inline input, div.form-check-inline input{margin-right: 0.5em;}

#col1 span.help-block{ width: 79%; float: right; margin: 5px 15px;}
.help-block {    color: #535353;}
table.calendar td.day label {display: block; padding: 3px;
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 2em;
    text-align: right;
}
table.calendar td.day label:hover{background: #FFFF88;}
#defaultCountdown{display: block; height: 65px; margin:  0 0 10px 0; background: #dcdce1; }

#col1 thead tr th {
     background: #fc0;
    text-wrap: nowrap;
}
#col1 tbody td {    background: #dadada;}
#col1 tbody td.day{padding: 0;}
#col1 table.daily_event td.header {background: #fc0;    color: #272727;    font-weight: bold;}
.inpagenav{margin-bottom: 15px;}

body.db_admin div.panel div.panel-body a.btn{white-space: normal;}

.wide #imageInfos {
	margin-left: 83%;
	margin-right: 0;
	padding: 20px;
	margin-top: 20px;
}
td.volunteers span{white-space: nowrap;}
td.volunteers span i{margin-left: 3px; color: #393;}