/* ---Needed for static top navigation--- */






/* Optional: Puts a white background for your content and a solid background behind it.  */
body {
background-color:#000;
background-image:url('/uploads/images/background.jpg');
}

.mainContainer {
border-top:10px solid #000;
background-color:#fff; 
border-bottom:5px solid #000;
}



footer {
padding:20px 0px;
clear:both;
height: 120px;
background-color:#000;
color:#fff;
}

/* optional but seems to work better with this */
input.textarea {width:100%}

body {
  padding-top: 20px;
}

.footer {
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}


/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  border-radius: 5px;
}



.nav-justified > li > a {
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  color:#ffffff;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
  background-color: #000;
 }
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus,
.nav > li > a:hover
 {
  background-color: #999;
  background-image: none;
  box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
  color:#000;
}

 li.nav-logo   {
  padding-top: 0px;
  padding-bottom: 0px;
 }



.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;margin-top:10px

  }
  .nav-justified > li > a {
    border-left: 1px solid #fff;
    border-right: 1px solid #d5d5d5;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-radius: 0 5px 5px 0;
    border-right: 0;
  }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
}


h2 {
  font: 30pt 'Helvetica', Helvetica, sans-serif;
  color: #000;
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
}

h3 {
  font:20pt 'Helvetica', Helvetica, sans-serif;
  color: #000;
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
}

h4 {
  font:16pt 'Helvetica', Helvetica, sans-serif;
  color: #000;
  text-shadow: 4px 4px 3px rgba(0,0,0,0.1); 
}

.btn-primary {
    background-color: #000;
    border-color: #999;
    color: #FFFFFF;
}

.btn-primary:hover {
    background-color: #999;
}

.btn-success {
    background-color: #266A2E;
    border-color: #228b22;
    color: #FFFFFF;
}

.btn-success:hover {
    background-color: #228b22;
}

.btn-info {
    background-color: #003366;
    border-color: #003366;
    color: #FFFFFF;
}

.btn-info:hover {
    background-color: #336699;
}

.masthead {margin:20px 0px}
/* Stylesheet: bootstrap3 Modified On 2014-10-28 01:42:17 */