@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'edoregular';
    src: url('../fonts/edo-webfont.eot');
    src: url('../fonts/edo-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/edo-webfont.woff2') format('woff2'),
url('../fonts/edo-webfont.woff') format('woff'),
url('../fonts/edo-webfont.ttf') format('truetype'),
url('../fonts/edo-webfont.svg#edoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Set maximum width to 970 on any display 
@media (min-width:992px) {
        .container{width:970px}
}*/


@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

 


.bgimage {
	background-position: center;
	/*background-size: 100%;*/
	background-image: url(../images/OpenRoad992.png);
	color: #FCF8F8;
	width: 100%;
	height: 100%;
	
}

.bgimage h1{
	font-family:"edoregular", "Times New Roman", serif;
	margin-left: 2%;
}
.bgimage h4 {
	font-size: 1em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
	text-shadow: 0px 0px;
	margin-top: -0.5em;
	margin-bottom: 1em;
	margin-left: 2%;
}
body {
	background-color: #3B3838;
	color: #F9F4F4;
}

.navbar {
	position: relative;
	min-height: 28px; /* was 30px */
	margin-bottom: 20px;
	border: 1px solid transparent;
	background-color: #64342B;
  	border-color: #e7e7e7;
}
.tnav .navbar .container { height: 28px; }
.navbar-nav > li > a, .navbar-brand {
    padding-top:4px !important; 
    padding-bottom:0 !important;
    height: 28px;
}

.navbar-default .navbar-brand {
  color: #C8C2C2; /*#777;*/
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #FFF; /*#5e5e5e;*/
}
.navbar-default .navbar-text {
  color: #C8C2C2; /*#777;*/
}
.navbar-default .navbar-nav > li > a {
  color: #C8C2C2; /*#777;*/
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #FFF; /*#333;*/
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #3B3838; /*#fff;*/
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail .caption {
  padding: 9px;
  color: #F1EDED
}
@media (max-width: 320px){
}

.page-header {
	min-height: 200px;
}

.footer {
	/*background-color:#887074;*/
	color:#FFF;
	text-align: center;
	margin-top: 1em;
}

.playcenter {
	margin-left: auto;
	margin-right: auto;
}

h1 {
	font-family:"edoregular", "Times New Roman", serif
}

.topelement {
	margin-top: -3em;	
}