/* sets background image to center of whole viewport and fixes it in place */

html { 
  background: url(dville-apples.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


body {
	width: 8048px;
	margin: 0;
	padding: 0;
	color: #888398;
	font: 14px/1.25 'Merriweather', serif;
}

/* For IE, compromise */


div {
  padding: 10px;
}

div#extraDiv2 {
	background-image: url();
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 200px;
	width: 50px;
}

/* For Mozilla, hiding from IE with child-selectors */

body#truckbed>div#extraDiv2 {
	background-image: url();
	background-repeat: no-repeat;
	background-position: left bottom;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 200px;
	width: 50px;
/* z-index 2 places div and its contents above semi-transparent border in Mozilla. Z-index 1, behind it. */
	z-index: 2;
} 

/* Using Geckos PNG transparency capability to create the light-swallowing darkness on the left when the screen is scrolled to the right. Does not work in IE. */

body#truckbed>div#extraDiv3 {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
	width: 100px;
   background-image:url(black-trans.png);
   padding: 0;
}

/* The Header, using the "old":)) FIR-method */

div#pageHeader {
	position: relative;
	left: 570px;
	width: 1828px;
}

div#pageHeader h1 {
	width: 493px;
	height: 83px;
	margin: 20px 0 0;
	background-image: url();
	color: rgb(157,152,17); /* lighter gold */
	font: 32px/1.25 'Montserrat', serif;
}

div#pageHeader h2 {
	width: 1826px;
	height: 27px;
	background-image: url();
	background-position: right;
	background-repeat: no-repeat;
	margin-top: -20px;
	margin-left: 300px;
	color: rgb(210,210,210);
}

div#pageHeader h2 span {
	display: inline;
}


/* ------------------Line across header */

div#extraDiv1 { 
	position: absolute;
	left: 120px; 
	top: 80px;
	height: 1px;
	width: 9300px;
	background-color: #6f6b07;
	background-color: rgb(111,107,7); /* darker gold */
	color: inherit;
	padding: 0;
}

/* ------------------Line across footer */

div#extraDiv5 { 
	position: absolute;
	left: 120px; 
	bottom: 70px;
	height: 1px;
	width: 9300px;
	background-color: #6f6b07;
	background-color: rgb(111,107,7); /* darker gold */
	color: inherit;
	padding: 0;
}


/* --------------Box0 viewing tip */

div#box0 {
	position: absolute;
	left: 580px; 
	bottom: 30px;
	height: 30px;
	width: 500px;
	color: inherit;
	font-size: .9em;
}

div#box0 a {
	color: #9d9811;
	}
	
div#box0 p {
	text-indent: 0;
	}

/* --------------------alttxt.js tooltip notes */

.navtext {
	width:250px;
	font-size:9pt;
	border-width:1px;
	border-style:solid;
	border-color:rgb(157,152,17); /* lighter gold */
	background-color: rgba(0, 0, 0, .80);
	color:white;
}


/* --------------------Flyout window */


html.flyout {  /*  removes background image set above */
  background-image: url();
  background-color: rgba(0, 0, 0, 1);
}

body.flyout-note {
	color: rgb(210,210,210);
	font-size: .9em;
	text-indent: 0em;
	
}

.f-note {  /* centers div in viewport */
   width: 600px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}



/* The main content. All positioned absolutely. */

/* -------------------Text links */

a:link, a:visited {
	color: #e1d90b;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #ff3e3e;
}

sup {
	line-height: .5em;
	}



/* ------------------Paragraphs */

p {
	text-indent: 1em;
	margin: 0.5em;
}

p.first {
	text-indent: 0em;
	margin: 0.5em;
}

blockquote {
	font-size: .9em;
}

.smallerfont {
	font-size: .9em;
	text-indent: 0em;
	margin: 0 0.5em 0.5em;
}

table.smaller {
	font-size: .9em;
}

/* Semi-transparencies----------------------- */

/* all main text boxes */

.dark-box[class] {
  background-color: rgba(0, 0, 0, .52);
}

/* all section header boxes */

.header-box[class] {
  background-color: rgba(157, 152, 17, .30);
}

.header-indent {
	margin-left : 0.5em;
}



/* -------------------------Box1 */

div#box1 {
	position: absolute;
	left: 175px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box1 h3 {
	width: 380px;
	height: 25px;
	margin: 0 0 0.5em;
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t1.png');
}

div#box1 h3 span {
	display: inline;
	margin: 0.5em;
}



/* -------------------------Box2 */

div#box2 {
	position: absolute;
	left: 1095px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box2 h3 {
	width: 300px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#box2 h3 span {
	display: none;
}


/* -------------------------Box3 */

div#box3 {
	position: absolute;
	left: 1515px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box3 h3 {
	width: 300px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#box3 h3 span {
	display: none;
}


/* -------------------------Box4 */

div#box4 {
	position: absolute;
	left: 1935px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box4 h3 {
	width: 300px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#box4 h3 span {
	display: none;
}





/* -------------------------Box5 */

div#box5 {
	position: absolute;
	left: 2355px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box5 h3 {
	width: 300px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#box5 h3 span {
	display: none;
}



/* -------------------------Box6 */

div#box6 {
	position: absolute;
	left: 2775px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box6 h3 {
	width: 300px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#box6 h3 span {
	display: none;
}





/* -------------------------Box7 */

div#box7 {
	position: absolute;
	left: 3195px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box7 h3 {
	width: 380px;
	height: 25px;
	margin: 0 0 0.5em;
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t1.png');
}

div#box7 h3 span {
	display: inline;
	margin: 0.5em;
}




/* -------------------------Box8 */

div#box8 {
	position: absolute;
	left: 3615px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box8 h3 {
	width: 380px;
	height: 25px;
	margin: 0 0 0.5em;
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t1.png');
}

div#box8 h3 span {
	display: inline;
}



/* -------------------------Box9 */

div#box9 {
	position: absolute;
	left: 4035px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box9 h3 {
	width: 300px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#box9 h3 span {
	display: none;
}



/* -------------------------Box10 */

div#box10 {
	position: absolute;
	left: 4455px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box10 h3 {
	width: 300px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#box10 h3 span {
	display: none;
}




/* -------------------------Box11 */

div#box11 {
	position: absolute;
	left: 4875px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#box11 h3 {
	width: 380px;;
	height: 25px;
	margin: 0 0 0.5em;
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t1.png');
}

div#box11 h3 span {
	display: inline;
}


/* -------------------------nbox1 */

div#nbox1 {
	position: absolute;
	left: 5295px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#nbox1 h3 {
	width: 380px;
	height: 25px;
	margin: 0 0 0.5em;
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t1.png');
}

div#nbox1 h3 span {
	display: inline;
}

/* -------------------------nbox2 */

div#nbox2 {
	position: absolute;
	left: 5715px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#nbox2 h3 {
	width: 325px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#nbox2 h3 span {
	display: none;
}


/* -------------------------nbox3 */

div#nbox3 {
	position: absolute;
	left: 6135px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#nbox3 h3 {
	width: 325px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#nbox3 h3 span {
	display: none;
}


/* -------------------------nbox4 */

div#nbox4 {
	position: absolute;
	left: 6555px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#nbox4 h3 {
	width: 325px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#nbox4 h3 span {
	display: none;
}


/* -------------------------nbox5 */

div#nbox5 {
	position: absolute;
	left: 6975px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#nbox5 h3 {
	width: 325px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#nbox5 h3 span {
	display: none;
}


/* -------------------------nbox6 */

div#nbox6 {
	position: absolute;
	left: 7395px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#nbox6 h3 {
	width: 325px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#nbox6 h3 span {
	display: none;
}


/* -------------------------nbox7 */

div#nbox7 {
	position: absolute;
	left: 7815px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#nbox7 h3 {
	width: 325px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#nbox7 h3 span {
	display: none;
}


/* -------------------------nbox8 */

div#nbox8 {
	position: absolute;
	left: 8235px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#nbox8 h3 {
	width: 325px;
	height: 25px;
	background-image: url();
	margin: 0 0 0.5em;
}

div#nbox8 h3 span {
	display: none;
}

/* -------------------------Closing */

div#closing {
	position: absolute;
	left: 8655px;
	top: 30px;
	width: 380px;
	color: rgb(210,210,210);
	
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t.png');
}

div#closing h3 {
	width: 380px;
	height: 25px;
	margin: 0 0 0.5em;
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='semi-t1.png');
}

div#closing h3 span {
	display: inline;
}


/* For screens 900px wide or less */

@media screen and (max-width: 900px) {
  html { 
	  background: url();
	  background-color: black;
	  color: white;
  }
  
	div#extraDiv2,
	body#truckbed>div#extraDiv2,
	body#truckbed>div#extraDiv3,
	div#extraDiv1,
	div#extraDiv5,
	div#box0 {
		display: none;
	}
	
	body {
	   width: auto;
		margin-right: 10px;
		padding: 0;
		font: 15px/1.3 'Merriweather', serif;
}
	
	div {
		position: static !important;
		width: 98% !important;
	}

}