body {
}

.LogoCss
{
    width:300px;
    height:50px;
    background-color :inherit;
    background-image:Url('../../../Images/TheCommonalityLogo.png');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top left;
    text-indent: -9999px;   /*hide the link text*/
}

.body-content {
    padding:0px;
}

.LandingPageBody
{
    /*background-color:rgba(0, 38, 255, 0.7);*/
    padding:0px;
    margin:0px
}

.LandingPageBody > .navbar > container {
    min-height:60px; 
    height:100px; 
    max-height:none
}

.LandingPageBody > .body-content {
}

/****** for the body *********/
.LandingPageBodyContentDiv {
  height:350px;
  padding:0px;
  margin:0px
}

.MessageDiv {
  height:300px;
}

.CalendarDiv {
  height:300px;
}

.OurMissionWell > .well {
  background-color:purple;
  background-image:none;
  height:350px;
  color:antiquewhite
}

.CarouselWell > .well {
  background-color:aqua;
  background-image:none;
  height:350px;
      
}

.MessageWell > .well {
  background-color:navy;
  background-image:none;
  color:white;
  height:300px;
}

.CalendarWell > .well {
  background-color:cadetblue;
  background-image:none;
  color:white;
  height:350px;
}

.AboutUsWell > .well {
  background-color:yellow;
  background-image:none;
  color:navy;
  height:300px;
}

.JoinWell > .well {
  background-color:coral;
  background-image:none;
  color:white;
  height:300px;
}

.ApplictionRow {
    display:inline-block;
}

.carousel-fade .carousel-inner .item {
   -webkit-transition-property: opacity;
   transition-property: opacity;
   -webkit-transition-duration: 1.5s;
   transition-duration:1.5s;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
   left: 0;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
   z-index: 2;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
   width: 100%;
   margin: 0px,0px;
}

.incorrect {
  display: block; // account for any element using help-block
  margin-top: 2px;
  margin-bottom: 10px;
  color: red;
  font-size: 12px;

}