/*@import url("reset.css");*/
/*#828F5C*/
/*#4F577C;*/
/*#1D2C7A;*/
body {
  text-align: center;
  min-width: 940px;
  background-attachment: fixed;
  background-image: url("../images/BackgroundS.jpg");
  background-repeat: repeat; }

header {
  text-align: center;
  margin: 2em 0; }

footer {
  text-align: center; }

/*h1 {
	background: rgba(111,74,54,0.75);
}*/
.opaque {
  background: rgba(130, 143, 92, 0.75); }

.card {
  background-color: transparent !important; }

.card > .card-header {
  background: rgba(111, 74, 54, 0.75) !important;
  /*border-style: none;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;*/
  color: #F9EBCA !important; }

.card > .card-header h1 {
  margin-top: 10px;
  font-family: Bernard MT Condensed, Haettenschweiler, Verdana, Arial; }

.card > .card-body {
  background: rgba(109, 119, 77, 0.75) !important;
  /*border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;*/
  color: #F9EBCA; }

.card > .card-body a {
  color: #F4D258;
  text-decoration: none; }

.card > .card-body a:link {
  color: #F4D258;
  text-decoration: none; }

.card > .card-body a:visited {
  color: #F4D258;
  text-decoration: none; }

.card > .card-body a:hover {
  color: #F4D258;
  text-decoration: underline; }

.card > .card-body a:active {
  color: #F4D258;
  text-decoration: none; }

.card-bg-none .card-header {
  background-color: transparent !important;
  border: none; }

.card-bg-none .card-body {
  background-color: transparent !important;
  border: none;
  padding: 0; }

.card-nav .card-header {
  background-color: transparent !important; }

.card-nav .card-body {
  background: rgba(111, 74, 54, 0.75) !important;
  font-family: Bernard MT Condensed, Haettenschweiler, Verdana, Arial;
  border-radius: 0.25rem; }

.card-nav .card-body a {
  color: #F9EBCA;
  font-size: 20px;
  padding: 2px 4px;
  border-radius: 0.25rem; }

.card-nav .card-body a:link {
  color: #F9EBCA !important; }

.card-nav .card-body a:visited {
  color: #F9EBCA !important; }

.card-nav .card-body a:hover {
  background-color: #F9EBCA;
  color: #6F4A36 !important; }

.card-nav .card-body a:active {
  background-color: #F9EBCA;
  color: #6F4A36 !important; }

.card-header .nav-tabs li .nav-link {
  font-family: Bernard MT Condensed, Haettenschweiler, Verdana, Arial;
  font-size: 1.25rem;
  color: #F9EBCA; }

.card-header .nav-tabs li a:not(.active) {
  cursor: pointer; }

.card-header .nav-tabs li a.active {
  background: rgba(109, 119, 77, 0.75) !important;
  border-color: #6D774D;
  border-bottom: none;
  color: #F9EBCA; }

#TripTabPhotos .card-footer {
  background: rgba(192, 192, 192, 0.5);
  /*background-color:gray;*/
  color: #000;
  font-size: small; }

.random-left-of-card-images-container img {
  margin-bottom: 0.5em;
  border: 1px solid #F9EBCA; }

/*.panel {
	text-align: left;
	background-color: transparent !important;*/
/*border-style: none;*/
/*border: none !important;*/
/*border-radius:15px !important;*/
/*border-bottom-left-radius:15px !important;*/
/*}
.panel-default > .panel-heading {
	background: $bg-brown !important;
	border-style: none;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	color: $color-beige !important;
}
.panel-default > .panel-body {
	background: $bg-green !important;
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	color: $color-beige;
}
.panel-default > .panel-heading h1 {
	margin-top: 10px;
	font-family: $bernard-font-stack;
}*/
/*.panel-nav .panel-heading {
	background-color: transparent !important;
}
.panel-nav .panel-body {
	background: $bg-brown !important;
	font-family: $bernard-font-stack;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
}
.panel-nav .panel-body a {
	color: $color-beige;
	font-size: 20px;
	padding: 2px 4px; 
}
.panel-nav .panel-body a:link {
	color: $color-beige !important;
}
.panel-nav .panel-body a:visited {
	color: $color-beige !important;
}
.panel-nav .panel-body a:hover {
	background-color: $color-beige;
	color: $color-brown !important;
}
.panel-nav .panel-body a:active {
	background-color: $color-beige;
	color: $color-brown !important;
}
.panel-default > .panel-body a {
	color: $color-link;
	text-decoration: none;
}
.panel-default > .panel-body a:link {
	color: $color-link;
	text-decoration: none;
}
.panel-default > .panel-body a:visited {
	color: $color-link;
	text-decoration: none;
}
.panel-default > .panel-body a:hover {
	color: $color-link-hover;
	text-decoration: underline;
}
.panel-default > .panel-body a:active {
	color: $color-link-hover;  
	text-decoration: none;
}*/
/*<div class="panel panel-default" >
	<div class="panel-heading" >
		<h3 class="panel-title" > Panel title</h3 >
	</div >
	<div class="panel-body" >
		Panel content
	</div >
</div >*/
/*
#InnerPageOutsideWrapper {
	width: 934px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

#InnerPageOutsideWrapper .IEwarning {
	text-align: center;
	font-style: italic;
	background-color: Red;
	color: Yellow;
	font-size: large;
}

#InnerPageTop {
	background-image: url(Images/Header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#InnerPageBottom {
	background-image: url(Images/Footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#InnerPageInsideWrapper {
	text-align: left;
}

#Header {
	height: 158px;
	position: relative;
	padding-bottom: 10px;
}

#ThreeColLeftColumn {
	float: left;
	width: 200px;
}

#ThreeColRightColumn {
	float: right;
	width: 200px;
}

#ThreeColMiddleColumn {
	margin-left: 202px;
	margin-right: 202px;
	min-height: 420px;
}

#TwoColNavColumn {
	float: left;
	width: 218px;
}

#NavWrapper {
	margin: 0 10px 10px 0;
	border-style: ridge;
	border-color: #919A7D;
	border-width: 6px;
	padding: 10px;
	margin-bottom: 10px;
	background-image: url("Images/RedTransBg.png");
	background-repeat: repeat;
	color: #F9EBCA;
}

#NavMenu {
	color: #F9EBCA;
	font-size: large;
}

#NavWrapper .LogInOut {
	margin-top: 10px;
}

#TwoColContentColumn {
	min-height: 420px;
	width: 714px;
	float: right;
}

#Footer {
	height: 96px;
	clear: both;
	position: relative;
}

#Footer .Copyright {
	color: #FFCC66;
	font-size: small;
	text-align: center;
	position: absolute;
	top: 77px;
	left: 371px;
}
*/