/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126   License: none (public domain) */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;	font-size: 100%; font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
table {border-collapse: collapse;	border-spacing: 0;}
/* end reset */

body {font-family: Arial, Helvetica, sans-serif; font-size: 0.750em;
background-color: #ddba99;
background-image:url('mesaverde2006.jpg');
color: #390000; padding: 0 0 60px 0; margin: 0;}

p {padding: 10px 5px 10px 5px;}
.special {color: #a63e00;}
.quoteblue{color:Navy;}
.poem {text-align: center;}
.big {font-size: large;}
.quotepurple{color: #9933cc;}
.comic {font-family: comic sans ms;}
.it {font-style: italic;}
.bold {font-weight: bold;}
.boldit {font-style: italic; font-weight: bold;}
.first {color:#952d00;}
.scnd {color:#a64a00;}

a {text-decoration: none;}
a:link {color: #a63e00;}
a:visited {color: #b75b00;}
a:hover {color: #a63e00;	font-size: 1.1em;}
a:active {color: #cc6666;}

h1, h2, h3, h4 {font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-weight: bold;}
h1 {font-size: 1.8em; color: #a63e00; padding: 4px 0;}
h2 {font-size: 1.5em; color: #a64a00; padding: 10px 0 16px 0;}
h3 {font-size: 1.2em; color: #000063; padding: 6px 0;}
h4 {font-size: 1em; color: #000063;}

img {-webkit-box-shadow: 0 3px 10px 0 #000; -moz-box-shadow: 0 3px 10px 0 #000; box-shadow: 0 3px 10px 0 #000; max-width: 100%;}
.container {margin: 0 auto; padding: 0; max-width: 3600px;}
.contents {float: left; width: 20%; margin: 34px 3% 60px 3%; padding: 10px 15px 10px 15px; color: #a63e00;
background-color: #dbba99; line-height: 1.3em; opacity: 0.9; -webkit-border-radius: 12px; border-radius: 12px;}
.main{float: left; width: 60%; margin: 34px 0 60px 0; padding: 10px 15px 10px 15px; background-color: #dbba99;
line-height: 1.6em; opacity: 0.9; -webkit-border-radius: 12px; border-radius: 12px;}
.specialbox { width: 60%; border-style: outset; border-width: .5em; border-color: #d97d00; margin: 2em; padding: 2em;}
hr {width: 40%; height: .2em; background-color: #d97d00; color: #d97d00;}

@media only screen and (max-width: 600px) {body {font-size: 0.983em;}
.contents {width: 23%; margin: 34px 2% 0 2%; padding: 10px 1% 10px 1%;}
.main {width: 65%; padding: 10px 1% 10px 2%;}}
@media only screen and (min-width: 601px) {body {font-size: 1em;}}
@media only screen and (min-width: 900px) {body {font-size: 1.063em;}}
@media only screen and (min-width: 1026px){body {font-size: 1.125em;}}
@media only screen and (min-width: 1421px){body {font-size: 1.25em;}}
@media screen and (min-width: 1600px) {p {font-size: 105%;}}
@media screen and (min-width: 1621px) {body {}
.contents {width: 20%; margin: 34px 3% 60px 3%; padding: 1%;}
.main {width: 60%; margin: 34px 0 60px 0; padding: 1% 1% 1% 1%;}}
@media screen and (min-width: 1800px) {body {font-size: 1.313em;}}
@media screen and (min-width: 2000px) {body {font-size: 1.5em;}}
@media screen and (min-width: 2400px) {body {font-size: 1.5em;}}
@media screen and (min-width: 2800px) {body {font-size: 2em;}}
@media screen and (min-width: 3000px) {body {font-size: 2.5em;}}
@media screen and (min-width: 3400px) {body {font-size: 3em;}}