body { background-color:#ffffff; color:#376d65;
}

/* JQUERY */
#photos img { margin:0 auto 2em auto; display: none; }

#photos .show { display: inline; border: 1px #376d65 solid; border-radius: 10px; }

h1 { margin: .5em 0em .5em 0em; font-variant: small-caps; font-weight: 800;  }
h2 { background-color:#fff; margin: .5em 0em .5em 0em; padding: 0em 0em 0em .5em; font-family:garamond, times new roman, times, serif; font-variant: small-caps; font-weight: 800; border-bottom:1px #376d65 solid; border-left:10px #376d65 solid; }
h3 { margin: 1em 0em .5em 0em; font-family:garamond, times new roman, times, serif; font-variant: small-caps; font-weight: 600; }
h4 { margin: .5em 0em .5em 0em; font-variant: small-caps; font-weight: 400; }
h6 { text-align: center; font-size:1.2em; margin: 0em auto 2em auto; font-variant:small-caps; font-weight: 600; }

p, .tinyP { padding:0 20px 0 20px; color: #376d65; }
.tinyP { font-size:.7em; }
.tinyP2 { font-size:.8em; width:90%; margin:0 auto 2em auto; }

blockquote { font-size:1em; margin:0 auto 1em auto; width:80%; }


hr { width:75%; display: block; margin: 1.5em auto 1.0em auto; border: 3px #376d65 solid; border-radius:5px; opacity: 0.5; }

.dazzle, .dazzleTiny { background-color:#fff; margin: 1em auto 1em auto; padding: 1em; font-size:2em; width:75%; font-family:garamond, times new roman, times, serif; font-variant: small-caps; font-weight: 800; text-align:center; border:10px #ccc solid; border-radius:10px; }

.dazzleTiny { width:95%; text-align:left; font-size:1em; font-weight: 400; font-variant:none; border:2px #ccc solid; border-radius:2px }

.navbar-default {
	border:none;
	border-radius:0px;
}

header {
  background: url('images/header_truck3.jpg') center center no-repeat;
	height: 420px;
	background-size: cover;
}

header h1 { padding:40px; color:#fff; font-size:1em; 
}

header img { padding:6em 0 0 .5em; }

.container-fluid-footer { margin:1em 0 0 0; padding:1em 1em 1em 0; background-color:#ccc; font-size:.8em; }

.message { background-color:#fff; margin-bottom:1em; padding:1em 0 1em 0; border-radius:5px; color:#ffffff; }

ol.breadcrumb { background-color:#ebebeb; }

.thumbnail { padding:10px; }
.thumbnail a { margin:1em 0 0 0;  display:block; margin-left: auto; margin-right: auto; }

.login container { min-height:600px; border:1px #000 solid; }

.error { margin:10px; padding:20px; border:5px #ff0000 solid;  border-radius:5px; }

.empty { min-height:200px; }

blockquote { font-size:1.5em; border-left:2px #000055 solid; border-right:2px #000055 solid; padding:5px 10px 5px 10px; background-color:#ebebeb; margin: 2em auto 2em auto; font-family:garamond, times new roman, times, serif; font-variant: small-caps; font-weight: 800; }

.blockquote-center, .blockquote-left { text-align: center; font-size:1.5em; border-left:2px #000055 solid; border-right:2px #000055 solid; padding:5px 10px 5px 10px; background-color:#ebebeb; margin: 2em auto 2em auto; font-family:garamond, times new roman, times, serif; font-variant: small-caps; font-weight: 800; }

.blockquote-left { text-align: left;  }

	.links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #376d65; text-decoration: none; text-transform: uppercase; text-align: left; }
	
	a.links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #376d65; text-decoration: none; text-transform: uppercase; text-align: left; border-bottom: 1px #376d65 dotted; }

	a.links:hover  { color: #376d65; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-style: normal; border-bottom: 0px #376d65 dotted; }

	a.links:visited  { color: #448ccb; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-style: normal; border-bottom: 1px #448ccb dotted; }

	.topLinks { font-family: Garamond, serif; font-size: 14pt; font-style: normal; font-weight: bold; color: #376d65; text-decoration: none; text-align: left; }
	
	a.topLinks { font-family: Garamond, serif; font-size: 14pt; font-style: normal; font-weight: bold; color: #376d65; text-decoration: none; text-align: left; border-bottom: 1px #376d65 dotted; }

	a.topLinks:hover  { color: #000; background-color: #fff; font-weight: bold; font-family: Garamond, serif; font-size: 14pt; text-decoration: none; font-style: normal; border-bottom: 0px #376d65 dotted; }

	a.topLinks:visited  { color: #ffffff; font-weight: bold; font-family: Garamond, serif; font-size: 14pt; text-decoration: none; font-style: normal; border-bottom: 1px #5da3d4 dotted; }

/* Modify panel color */
.panel > .panel-heading {
    background-image: none;
    background-color: #376d65;
    color: #fff;
}

/* Modify navbar backgorund color */ 
.navbar-custom { 
    background-color: #376d65; 
	opacity: .75;
} 

/* Modify navbar text color */ 
.nav.navbar-nav.navbar-right li a {
    color: white;
}
.nav.navbar-nav.navbar-right li a:hover {
    color: #376d65;
}

/* AVAILABILITY */
	.boxleft { padding: 10px; position: relative; float: none; top: 0px; width: 400px; }
	.boxright { padding: 10px; position: relative; float: none; top: 0px; width: 400px; }

	.secheader { width: 960px; height: 30px; border:0px #8c8b84 solid; }
	.secleft, .secright { float: left; top:0px; width: 400px; border:0px #8c8b84 solid; text-align: left; color: #010ba4; font-family: Times New Roman, Times, serif; font-size: 14pt; padding: 0px 0px 0px 0px; font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase;}
	.secright { float: right; }

     .calendarON { background-color: #448ccb; padding: 5px; font-family: Verdana, Arial Helvetica, sans-serif; font-size: 20pt; font-style: normal; font-weight: normal; color: #ffffff; text-align: center; border: 1px #000 solid; }
     .calendarNONE { background-color: #ebebeb; padding: 10px; font-family: Verdana, Arial Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #ebebeb; text-align: center; border: 1px #000 solid; }

	.calendarOFF { background-color: #ffffff; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20pt; font-style: normal; font-weight: normal; font-variant: normal; text-transform: uppercase; color: #448ccb; text-decoration: none; text-align: center; border: 1px #000000 solid; }

	a.calendarOFF { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20pt; font-style: normal; font-weight: normal; font-variant: normal; text-transform: uppercase; color: #448ccb; text-decoration: none; text-align: center; border-bottom: 1px #d81f25 dotted; }

	a.calendarOFF:hover { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20pt; font-style: normal; font-weight: normal; font-variant: normal; text-transform: uppercase; color: #000000; text-decoration: none; text-align: center; border-bottom: 0px #000000 dotted; }

	.calendarOFF2 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 20pt; font-style: normal; font-weight: normal; font-variant: normal; text-transform: uppercase; color: #448ccb; text-decoration: none; text-align: right; border-bottom: 1px #e6e6e6 solid; }

	.basicLG { background-color: #8c8b84; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: bold; text-transform: capitalize; color: #ffffff; text-decoration: none; text-align: center; border: 1px #000000 solid; }

/* SLIDESHOW PICTURES */
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0.5s;
  animation-name: fade;
  animation-duration: 5.5s;
}

@-webkit-keyframes fade {
  from {opacity: .8} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .5} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}