/*
 *
 *  LEWIS AND CLARK STYLE SHEET
 *
 */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font-weight: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; 
 }
 body {
	background-color: #2554C7;  /* old color = #306EFF; */
 	color: #000000;
 	font-family: "Book Antiqua", "Times New Roman", Times, serif;
 	text-align: center;
	font-size: 1em;
	font-weight: 600;
	line-height: 140%;
	position: relative;
 }
 a {
 	color: #993300;
 }
 a:visited {
 	color: #666600;
 }
 a:active {
 	color: #CC3300;
 }
 p {
	margin-bottom: 1em;
 }
 div#body {
	background-color: #FEFEFF;
	text-align: left;
	border-left: solid green 2px;
	border-bottom: solid green 2px;
	position: relative;
	top: 25px;
	z-index: 1;
	width: 92%;
	max-width: 1050px;
	margin: 0px auto;
	margin-bottom: 50px;
 }
 div#topimages {
 	position: relative;
 	height: 275px;
 }
 div#leftimage, div#rightimage {
 	position: absolute;
 }
 div#leftimage {
 	text-align: center;
 	top: 60px;
 	left: 0px;
 	width: 68%;
 }
 div#leftimage img {
 	margin-right: 3%;
 }
 div#rightimage {
 	top: 25px;
 	left: 68%;
 	width: 32%;
 }
 div.copy {
 	font-family: "Papyrus", "Book Antiqua", "Times New Roman", Times, serif;
 	margin: 0 7% 25px 7%;
 }
 div.copy p {
	text-indent: 7%;
 }
 div.copy p.center {
	text-indent: 0;
	text-align: center;
 }
 div#links {
 	text-align: center;
 	padding-bottom: 25px;
 	margin-top: 50px;
 }

/*-------------------------------------*\
    SMALL COMPUTER SCREENS
\*-------------------------------------*/

@media all and (max-width: 1034px) {
	body {
	   /* background-color: red; */
	}
}

/*-------------------------------------*\
    IPAD AND TABLET
\*-------------------------------------*/

@media only screen and (max-width: 767px) {
	body {
	   /* background-color: gold; */
	}
	div#topimages {
	   height: 500px;
	}
	div#leftimage {
	   top: 290px;
	   width: 100%;
	}
	div#leftimage img {
	   margin: 0 3% 0 3%;
	}
	div#rightimage {
	   top: 30px;
	   left: 0;
	   width: 100%;
	   text-align: center;
	}
	div.copy {
	   margin: 0 4% 25px 4%;
	}
	div.copy p.center img {
	   width: 100%;
	}
}

/*-------------------------------------*\
    IPHONE 4S LANDSCAPE
\*-------------------------------------*/

@media only screen and (max-width: 480px) {

	body {
	   /* background-color: green; */
	}
	div#body {
	   width: 96%;
	}
	div#topimages {
	   height: 450px;
	}
	div#leftimage img {
	   width: 90%;
	   height: 90%;
	}
}

/*------------------------------------*\
    IPHONE 4S
\*------------------------------------*/

@media only screen and (max-width: 320px) {
	body {
	   /* background-color: blue; */
	}
}