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

body {
  padding-bottom: 40px;
  color: #5a5a5a;
  background:#EAEFEB;
  margin:0 auto;
}
html, body {
height: 100%;
}

/* Customize container */



@media (min-width: 1200px) {
  .container {
    max-width: 916px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 916px;
  }


}
@media (min-width: 768px) and (max-width:992px) {
  .container {
    max-width: 916px;
	}	


.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  font-size:10px;

}
#myCarousel p {font-size:1.5em;}


}

@media only screen and (min-width:230px) and (max-width:767px) {
  .container {
    max-width: 700px;
	overflow:hidden;
  }
  

}



	

/* Custom page header */
.header {
  padding-bottom: 20px;
  background: #095384 url(../images/banner.jpg) bottom repeat-x;
  max-width:100%;
  height:175px;
}


	#search{height:49px; max-width:870px; background:url(../images/search-strip.jpg) top left no-repeat;}
		#search a{float:left; display:block; max-width:360px; height:36px; text-indent:-9999px;}
		#search form {float:right; margin:5px 5px 0 0; color:#fff;}
			.firstgovtextbox {max-width:95px; font-size:.9em;}
			.firstgov {border:1px solid #cfd6cf; background-color: #ecf1ed;}
			input {color:#000;}

	#logo {position:relative; top:17px; left:0; z-index:20; margin:0; padding:0; text-indent: -9999px; background:url(../images/games.png) top left no-repeat; max-width:388px; height:86px;}
	p.tagLine{position:relative; top:5px; left:30px; margin:0; padding:0; font-weight:bold; font-size:1.2em; letter-spacing:.2em;}

@media only screen and (min-width:400px) and (max-width:768px) {
  	#search{background:none;}
	.navbar-wrapper {
  margin-top:20px;
}

	.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 15px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  font-size:10px;

}
#myCarousel p {font-size:1.3em;}
#myCarousel h1 {font-size:1.8em;}




}
@media only screen and (min-width:100px) and (max-width:400px) {
  	#search{height:75px; max-width:400px; background:none;}

	#logo {font-size:2em; position:relative; top:0; left:0; z-index:20; margin:0; padding:0; text-indent:inherit; background:none; max-width:388px; max-height:86px;}
	p.tagLine{position:relative; top:0; left:0; margin:0; padding:0; font-weight:bold; font-size:1em; letter-spacing:0;}

	#search a{float:left; display:block; max-width:360px; max-height:36px; text-indent:inherit;}
	#search form {float:right; margin:0; color:#fff;}	
	

}


.navbar-inverse {
  background-color: #CFD6CF;
  border-color: #CFD6CF;
}
.navbar-inverse .navbar-brand {
  color: #576d7a;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #576d7a;
}
.navbar-inverse .navbar-nav > li > a {
  color: #576d7a;
    font-weight:bold;

}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #CFD6CF;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #576d7a;
  background-color: #CFD6CF;
}
@media (max-width: 768px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}




/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
  max-width:100%;
}
.navbar-wrapper .navbar {
  padding:0;
}
.navbar-wrapper .navbar .container {
  max-width: 100%;
}







/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin: 20px 0 0 0;
  }
  .navbar-wrapper .container {
    padding:0;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
	background:#CFD6CF;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 768px) {
  .featurette-heading {
    margin-top: 120px;
  }
  
}


.carousel {margin:0 auto;}
.padding {padding:15px 0;}
h1 a:link, h1 a:visited {color:#fff;}
.img {border:1px solid #ccc; padding:4px;}


/*footer*/

#footer{background:#085384 url(/images/footer.jpg) top center repeat-x; max-width:100%; font-size:.9em; color:#fff; text-align:left; margin-bottom:0;}
	#footerContent{ max-width: 870px; margin:0 auto; padding:30px 0 10px 0;}
	
	#footer h6 { margin-bottom:10px;}
	#footer a {color:#fff; text-decoration:underline;}
		#footer a:hover{color:#000; text-decoration:underline;}
		
	#footer ul{list-style-type:none; margin:0; padding:0; float:left;}
		#footer li{margin:0; padding:0;}
	
	#footer .logo { float:left; padding:0 10px;}

	#footer .column {margin:.5em .7em 1em; float:left; padding-bottom:1.2em;}
		#footer .column ul{list-style-type:none; margin:0; padding:0; float:left; width:260px;}
		#footer .column li{margin:0; padding:.2em 0;}
		
h3.natgeo{padding-left:20px; background:url(/images/logos/natgeo.png) top left no-repeat;}
h3.epa{padding-left:20px; background:url(/images/logos/epa.png) top left no-repeat;}
h3.pbs{padding-left:20px; background:url(/images/logos/pbs.png) top left no-repeat;}
h3.nfw{padding-left:20px; background:url(/images/logos/nfw.png) top left no-repeat;}
h3.ksm{padding-left:20px; background:url(/images/logos/ksm.jpg) top left no-repeat;}

.dropdown-menu {
    overflow:visible;
  }
  
  
#dirshow { margin-top:20px; font-size:small; left:1em; position:absolute; top:2em; } 
	#dirshow a { background:#ccc; border:2px solid; border-color:#fff #999 #999 #fff; color:#444; padding:2px 3px; text-decoration:none; } 
		#dirshow a:hover { background:#bbb; border-color:#aaa #fff #fff #aaa; color:#222; } 

#sitemap { font:normal 16px Arial,sans-serif; overflow:hidden; } 
	#sitemap ul { list-style:none; margin:0; padding:0; } 
		#sitemap li { background-color:#eee; float:left; margin:0 0 -0.1em; min-height:1em; padding:.2em .4em; position:relative; width:9em; } 
			#sitemap ul ul { font-size:90%; margin-top:-1.4em; } 
				#sitemap ul ul li { background:#ddd; border-top:0.5em solid #ecf1ed !important; border-left:0.5em solid #66c; left:10.4em; } 
					#sitemap ul ul ul li { background:#ccc; border-color:#9c3; } 
						#sitemap ul ul ul ul li { background:#bbb; border-color:#c93; } 
							#sitemap ul ul ul ul ul li { background:#999; border-color:#c33; color:#fff; }