#page {
	width: 800px;
	margin: 0 auto;
	}
h1 { 
	font-size: 40px;
	line-height: 1.5em;
	margin-top: 30px;
	margin-bottom: 0;
	text-align: left;
	text-transform: lowercase;
	}
h1.nopic {
	text-align: center;
	margin-top: 0;
	margin-bottom: 15px;
	}

.questions { clear: left; margin-bottom: 2em; }
.questions ol { 
	margin-left: 25px; padding-left: 0; 
	font-size: 1.5em; 
	line-height: 1.3; 
	}
.questions ol li { 
	text-align: left;
	margin-bottom: .7em;
	margin-left: 20px;
	padding-left: 10px; 
	}
 
img.pageicon { float: left; margin: 0px 16px 25px 0; width: 200px; } 
img.img-cen-caption { display: block; margin: 0 auto .5em auto; }

.eyefacts {
	clear: left;
	margin: 0 0 1em 0;
	border: 1px solid #ccc;
	background: #f9f6f0 url(images/eye_bird_vert2.jpg) left center no-repeat;
	padding: 10px 20px 10px 120px;
	text-align: left;
	}
.facts { 
	width: 660px; 
	margin: 0 auto 1em auto; 
	border: 1px solid #ccc; 
	background-color: #f9f6f0;
	padding: 15px 20px;
	text-align: left; 
	overflow: hidden;
	}
.facts ul {
	margin-left: 25px; padding-left: 0;
}
.facts ul li {
	margin-bottom: .7em;
	margin-left: 20px;
	padding-left: 0;
	}
.facts h2, .content h2 { 
	font-size: 1.5em;
	line-height: 1.2em; 
	text-transform: lowercase;
	letter-spacing: 7px;
	margin: 0; margin-bottom: .5em;
	color: #666;
	background: transparent;
	padding: 0;	
	}
.content {
	clear: left;
	margin-bottom: 2em;
	text-align: left; 
	width: 700px;
	margin-left: auto; margin-right: auto;
	}
.content .blurb {
	margin-left: 135px;
	}
.content h2 {
	text-align: left;
	}
.credit-spacer { padding: 0 25px; }
.lside { float: left; width: 49%; }
.rside { float: right; width: 49%; }
.columns { display: inline-block; vertical-align: top; margin-bottom: 1.5em; }
.columns.third { width: 29%; padding: 0 1.5%; font-size: .95em; line-height: 1.3; }
.small-table { width: 50%; margin-left: 25%; margin-bottom: 1em; }
.small-table td { padding: 3px; }
table.e-display td { width: 46%; padding: 10px 2%; line-height: 1.3; vertical-align: top; text-align: left; }
table.gallery td { width: 29%; padding: 10px 2%; font-size: .95em; line-height: 1.2; vertical-align: top; }
table.gallery.left td { text-align: left; }
table.quarters td { font-size: .95em; line-height: 1.2; }

ul.maplist { list-style: none; margin: 1em 0; padding: 0; text-align: center; }
ul.maplist li { display: inline-block; vertical-align: top; padding: 0; margin: 0 1% 1.5em 1%; font-size: .8em; line-height: 1.2; }
ul.quarters li { width: 22.5%; }
ul.thirds li { width: 30.8%; }


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

	#page {
		width: auto !important; 
		margin: 0;
	}
	.facts { 
		width: auto; 
		margin: 0 0 1em 0; 
		padding: 10px 2.5%;
	}

	h1 { 
		font-size: 34px;
		line-height: 1.2em;
		margin-top: 10px;
		margin-bottom: .5em;
	}
	.content { width: auto; max-width: 650px;  }
	table.e-display img, table.gallery img  { width: 100%; }
	/* table.gallery img { max-width: 160px; } */
	td {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}
	ul.quarters li { width: 30.8%; }

	
}

@media screen and ( max-width: 600px ) {
	div.fll, div.flr { float: none; max-width: 100%; width: auto; margin: .25em 0; }
	div.fll.small-pic-caption { float: left; margin-right: 10px; max-width: 50%; }
	div.flr.small-pic-caption { float: right; margin-left: 10px; max-width: 50%; }
	.special-div { width: auto !important;}
	.lside, .rside { float: none; width: auto; margin-bottom: 1em; }
	ul, .facts ul {
		margin-left: 0px; 
		padding-left: 0;
	}
	ul li, .facts ul li {
		margin-left: 20px;
	}
	.small-table { width: 100%; margin-left: 0; }
	table.gallery tr { display: inline; }
	table.gallery td { display: inline-block; width: 45%; }
	.content .blurb {
		margin-left: 0;
	}
	ul.quarters li { width: 47.5%; }
	ul.thirds li { width: 47.5%; }
	.columns { display: block; }
	.columns.third { width: auto; }

}
@media screen and ( max-width: 420px ) {

	table.e-display td, table.gallery td { display: block; width: auto; margin-bottom: 1em; }
	ul.quarters li { display: block; width: auto; }
	ul.thirds li { display: block; width: auto; }

}

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

	#container {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}

	img.pageicon { float: none; max-width: 100%; margin: .25em auto; }
	h1 { text-align: center; }
	.questions ol { 
		margin-left: 0; 
		padding-left: 0; 
		font-size: 1.2em; 
		line-height: 1.3em; 
	}
	.questions ol li { 
		margin-left: 35px;
		padding-left: 5px; 
	}
	.fll, .flr, div.fll.small-pic-caption, div.flr.small-pic-caption  { max-width: 100%; float: none; width: auto !important; margin: .5em auto !important; }
}