/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	background:#222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
h1 {
	font-size: 18px;
	color: #4444FF;
}
h2 {
	font-size: 16px;
	color: #4444FF;
	text-align: center;
}
h3 {
	font-size: 14px;
	color: #4444FF;
	text-align: center;
}
h4 {
	font-size: 12px;
	text-align: center;
}
h5 {
	font-size: 11px;
}
li {
	margin-bottom: 0.5em;
}
.clearboth {
	clear:both;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #4444FF;
	text-align: center;
}
.title_smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#4444FF;
}
.cell_header {
	font-size: 1.2em;
  font-weight: 500;
	color: #000000;
	text-align: right;
}
.title_larger {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color:#4444FF;
	text-align: center
}
.heading {
	font-size: 16px;
	text-align: left;
	color: #4444FF;
}
.subtitle {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.sold_out {
	font-size:24px;
	font-weight:bold;
	color:#FF0000;
}
.warning {
	margin-left: 2em;
	margin-right: 2em;
	border: 2px solid #FF0000;
	padding: 0.5em;
	font-weight: bold;
}
#mission {
  width:100%;
  align-content: right;
  margin-left: 40px;
}
#mission-text {
  width:24em;
	text-align: center;
  float:left;
}
#mission-image {
  float:left;
  margin-bottom: 10px;
}
.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
}
/* configure buy tickets button */
.buy_tickets {
	background:#0044FF;
	color: #FFFF00;
	border-radius: 15px;
	border-style:inset ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 2em;
	padding: 0.5em;
}
.button_box {
	margin: 24px;
}
/*
.film_description {
	margin-top: 0.5em;
	margin-left: 1em;
}
*/
#main_wrapper {
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
  max-width: 760px;
	background-image:url(../assets/backgrounds/backgroundtile.jpg);
	border-left:3px solid #0044FF;
	border-right:3px solid #0044FF;
}
#content {
	float:left;
	width:98%;
	top:0px;
	background:#cceeff;
	margin: 0 8px 0 8px;
}
#content_inner { 
	padding-left:1em; /* creates space between the left part of box and the content */
	padding-right:1em; /* creates space between the left part of box and the content */
}
#content_inner a {
	text-decoration:underline;
	font-weight:normal;
	color:#000033;
}
#header_inner, #nav_inner, #content_inner, #promo_inner, #logo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
}
#logo {
	z-index:1;
}
/* logo_inner is being created to make it possible shift only the logo some pixels from the left and top margins */
#logo_inner {
	margin-top:5px;
	margin-left:200px;
  margin-right:auto;
  align-content: center;
}
/* both <a> and <img> have been set up to avoid the border around the logo image as it is a link to index.html page */
#logo_inner a {
	text-decoration:none;
}
#logo_inner img {
	border:0;
}
#header_inner { 
	padding:0px; /* creates space between the box  and the content */
}
#nav_inner {
	padding-left:5px; /* creates space between the left part of the box and the content */
	color:#FFFFFF;
}
#nav_inner hr {
	color:#4444FF;
	margin:-5px 0px -5px 0px;
	width:140px;
}
#nav_inner a {
	color:#FFFFFF;
}
/* .curpage created for the small editable area in the navigation left bar where the title of the current page should be typed */
#nav_inner .curpage {
	color:#FFCC00;
	font-weight:bold;
}
#nav_inner .curpage_smaller {
	color:#FFCC00;
	font-weight:bold;
	font-size:10px;
}
/* .smallbold created to be used only on top of Amazon and Backcountry links */
#nav_inner .smallbold {
	font-weight:bold; 
	font-size:12px; 
	color:#FFCC00;
}
#subscribe{
  margin-left: 10px;
}
/* footer content */
footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	background-image:url(../assets/backgrounds/backgroundtile.jpg); /* same as main content */
}
#footer_inner {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
}
#amazon {
	font-weight:bold; 
	font-size:12px; 
  color:#FFCC00;
}
#avalanche a {
	font-weight:bold; 
	font-size:12px; 
  color:rgba(204,236,247,1.00);
}
.fontsearch {
	font-weight:bold; 
	font-size:12px; 
  color:#FFFFFF;  
}
#nav_inner .boldunderline {
	font-weight:bold;
	text-decoration:underline; 
}
#footer_inner a {
	color:#FFFFFF;
}
/* navigation bar with drop-menu menus */
nav {
	width: 100%;
	margin: 0px 0px 0px 20px;
}
nav ul {
	margin: 0px 25px 0px 10px;
	padding: 5px 0 12px 0;
	list-style: none;
	line-height: normal;
	float: right;
}
nav li {
	float: left;
	margin: 0;
  height: 32px;
}
.drop-menu a {
	display: block;
	padding: 5px;
	text-decoration: none;
	font-size: 14px;
	color: black;
}
.menu-button, .nodrop-button {
  background-color: transparent;
  color: white;
  height: 36px;
  font-size: 14px;
  border: none;
}
.nodrop-button a {
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	font-size: 14px;
	color: white;
}
.drop-menu, .nodrop-menu {
  position: relative;
  display: inline-block;
}
.drop-menu:hover .drop-menu-items {
	display: block;
}
.nodrop-a:hover {
	background-color: #F6CCA2;
	color: black;
}
.drop-menu-items {
	display: none;
	position: absolute;
	background:#aaccee;
	min-width: 12em;
	z-index: 1;
}
.drop-menu-items a:hover {
	background-color: #F6CCA2;
}
/* style donate button */
#donate_button {
	margin: 15px 0px 5px 0px;
	float:left;
}