body {
	background-color: #ffffff;
	font-family: 'Century Schoolbook','Times New Roman', serif;
	margin: 0;
	width: 100%;
	}

a	    { text-decoration: none; }
a:link    { color: #00E; }
a:visited { color: #B0D; }
a:active  { color: #F28; }
a:hover   { text-decoration: underline; }

p	{ margin: 0.5em 0 0; }

td	{ vertical-align: top; }

#top {
	position:fixed;
	top:0; left:0; 
	width: 1188px; 
	margin:0; padding:0;
	z-index: 100;
 	}
#bluebg {
	position:fixed;
	top:0; left:0;
	width:100%;
	border-top: 157px solid rgb(0, 0, 102);
	z-index:100;
	}
#banner {
	position:relative;
	width: 100%;
	height:157px;
	padding: 0;
	margin: 0;
 	z-index:110;
	}
#banner::before {
	content: url(../furniture/maryflip.gif); 
	}
#banname {
	position:absolute;
	top:12px;
	left: 110px;
	}
#banname h1 {
	color: rgba(221,181,0,1.0);
	font-size: 0.9em;
	font-weight: normal;
	margin: 0;
	padding: .1em 0 0 11px;
	font-family: 'Arial','Helvetica',sans-serif; 
	}
#hidlink {
	position:absolute;
	top:  0;
	left: 0;
	}

#menu {
	position: absolute;
	left: 110px;
	top: 0;
	max-width: 1078px;
	width: 100%; 
	color: rgba(178,236,255,.2);
	margin: 0 0 4em 0;
	padding: 0;
	font-family: 'Arial','Helvetica',sans-serif; 
	white-space: nowrap;
 	z-index:120;
	}
		
#submenu {
	position: absolute; left: 0;
	font-size: 1.1em;
	margin: 6em 0 0 10px; padding:0 0 0 0;
	}

#menu span:first-child {
	float: left;
	font-family: 'Seravek ExtraLight',sans-serif;
	font-size: 5em;
	font-weight: 100;
	margin: 0; padding:0;
	margin-top: 62px;
	margin-left: 177px;
	line-height: 95%;
	}
#menu span:first-child + span {
	position: absolute; left: 0;
	float: left;
	font-size: 1.2em;
	margin: 70px 0 0 10px; padding:0 0 0 0;
	}
#menu span:last-of-type {
	position: absolute; left: 0;
	font-size: 1.1em;
	margin: 6em 0 0 10px; padding:0 0 0 0;
	}
#menu a {
	text-decoration: none;
	padding: 0 1em 0 0;
	color: rgba(221,181,0,1.0);
	}
#menu a[href]:link, #menu a[href]:visited, #menu a[onclick] {
	color: rgba(178,236,255,1);
	cursor:pointer;
	}
#menu a[href]:hover, #menu a[onclick]:hover {
	color: rgba(178,236,255,0.8);
	}
#menu form {
	padding: 0;
	margin: 0;
	color: rgba(221,181,0,1);
	font-size: 0.9em;
	}
#menu form div {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 1em;
	margin: -1.1em 0 0 0.5em;
	border-left: 2px solid rgba(221,181,0,1);
	}
#menu form div div {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding: 0;
	margin: 0 0 0 0.3em;
	color: rgba(221,181,0,0.8);
	border:0;
	}
#menu input {
	padding: 0; 
	margin: 0 0 0 0.5em;
 	}
#menu input[type="text"] {
	width: 20em; 
	padding: 0 0.1em 0 0.1em; 
	margin: 0 1.5em 0 0;
 	}
#menu input[type="submit"], #menu input[type="reset"] {
	width: 10em; 
	margin: 0 0.4em 0 0;
 	}
#menu form div div input, #menu form div div select {
	position: absolute;
	padding: 0;
	margin: 0.4em 0 0 1em;
	}
#menu form div div input+input {
	margin: 0.4em 0 0 6em;
	}
#menu form div div select {
	position: absolute;
	padding: 0;
	margin: 0.4em 0 0 0;
	}

#info {
	position:absolute;
	top:7em; left: 114px;
	width: 650px;
	height: auto;
	background-color: rgba(75%,75%,75%,.97);
	text-transform: none;
	font-size:0.9em;
	visibility:hidden;
	z-index:200;
	}
	
#info table {
	margin:1em;
	}	
#info table th, #info table td {
	text-align:left;
	vertical-align:top;
	min-width:25%; 
	padding-left:1em;
	}
#info table tr *:first-child {
	padding-left:0;
	}
#info table td p {
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
	font-size:0.7em;
	}
#info table td form {
	margin: 0 0 1em 0;
	padding: 3px 3px 0.5em 3px;
	border: 1px solid white;
	}

#main {
	position: relative;
	top: 10em;
	max-width: 950px;
	min-width: 320px;
	margin: 0 auto;
	border: 0px red solid;	/* testing */
	padding: 9em 0;
	}

#page {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	margin: 0 0.5em 1.5em;
	border: 0px blue solid;	/* testing */
	padding: 0;
	}
#page h1, #page h2, #page h3 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
#page h1 + h2 {
	margin-top: 0.3em;
	}
#page h2 {
	font-size: 1.4em;
	}
#page h2:nth-of-type(1n+2) {
	font-size: 1.2em;
	}
#page h3 {
	font-size: 1.1em;
	font-weight:normal;
	}
#page h1 span, #page h2 span {
	}
#page h6 { /* for picture captions on general pages */
	color: rgba(150, 150, 150, 1);
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-family: 'Arial','Helvetica',sans-serif; 
	}
#content {
	position: absolute;
	top: 50px; 
	width: 100%;
	padding-bottom:5em;
	text-align: justify;
	}
#content p {
	width: 80%;
	}
#content form {
	width: auto;
	margin:0;
	padding:0;
	}
.report {
	width:100%;
	color: rgba(0,0,102,1);
	font-family: 'Arial','Helvetica',sans-serif; 
	}
.report p {
	margin-top:0.1em; 
	}
.report span {
	color: maroon; 
	}
.report form {
	font-size: 0.7em;
	margin: 0 0 1em 0; 
	}
.report form a {
	padding-right: 0.4em;
	cursor: pointer; 
	}
.report form a[nono] {
	color: rgba(0,0,102,.3);
	cursor: default; 
	}
.column {
	margin: 1em 0 0;
	width: 49%;
	display: inline-block;
	}
.column h1, .column h2, .column p {
	padding-right: 1em;
	}
.column h1, .column h2 {
	color: rgba(0,0,102,1);
	}
.column h1:first-child, .column h2:first-child {
	margin-top: 0;
	}
.column p:last-of-type::after {
	float: right;
	content: " " url(../furniture/endit.gif); 
	}
#col1 {
	float: left;
	border: 0px silver solid;	/* testing */
	}
#col2 {
	margin-top: 2em; 
	float: right;
	border: 1px solid maroon;
	}
#col2 div {
	margin-top: 0.2em; 
	border: 0px solid maroon;	/* testing */ 
	padding: 1em; 
	color: rgba(0, 0, 102,1);
	}
#col3 {
	display: none;
	width:100%; 
	border: 1px silver solid;
	margin-top: 0;
	margin-bottom: 1em;
	}
address {
	margin: 0 0 0.6em 5%;
	font-family: inherit;
	font-style: normal;
	font-size: 0.9em;
	}
.picdiv {
	display: inline-block;
	padding: 2px;
	margin: 0;
	}
.picdiv a img {
	opacity:1;
	}
.picdiv a:hover img {
	opacity:0.96;
	}

.book   { vertical-align: top; }
.bktext { padding: 0 4px 0 0; }

#controls {
	width: 90%;
	font-family: 'Arial','Helvetica',sans-serif; 
	font-size: 1.37em;
	color: rgba(128, 0, 0, 1);
	margin: 0 0 1.2em 0;
	padding: 0;
	text-align: left;
	}
#controls a {
	cursor: pointer;
	border: 1px solid rgba(128, 0, 0, .4);
	margin: 0 0.5em 0 0;
	padding: 0.1em 0.3em;
	}

#caption {
	width: 100%;
	font-family: 'Arial','Helvetica',sans-serif; 
	font-size: 0.85em;
	color: rgba(0,0,102,1);
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	}
#caption h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}	
#caption h4 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}	
#caption p {
	width:86%;
	margin: 2em 0 0 10%;
	padding: 0.1em 4% 0.1em 0;
	text-align: right;
	border-right: 1px solid rgba(128, 0, 0,.4);
	color: rgba(0, 0, 102,1);
	}
#image {
	position:absolute;
	max-width:750px;
	top:0;
	left: 1em;
	}	
#image img {
	height: auto;
	}	
#image h6 {
	width: auto;
	color: rgba(0,0,102,0.4);
	font-size:0.8em;
	margin-top: 0.1em;	
	padding: 0;	
	}	
#image h6 span {
	float:right;	
	}	
#image h6 span:first-child {
	float:left;	
	}
#fb {
	position:absolute;
	top:15px;
	right:10px;
	z-index:200;
	}	
#fb a {
	width: 92px;
	height: 26px;
	display: inline;
	}
#fb a+a {
	width: 26px;
	height: 26px;
	display: none;
	}

@media (max-width:1188px) {
	#top {
		width:100%; 
		}
	#menu {
		width: auto;
		right:0;
		}
/*	#menu span:first-child {
		margin-left: 16.5%;
		} */
	}

/*
@media (max-width: 1010px) {
	#menu span:first-child {
		display:none;
		} 
	#menu span:first-child + span {
		position:absolute;
		left: 0;
		margin: 80px 0 0 16.5%; 
		}
	#menu span:last-of-type {

		font-size: 1em;
		margin: 7.2em auto 0 16.5%; 
		}
	}
*/

@media (max-width: 962px) {   /* was 650px */
	.column {
		width: 100%;
		display: block;
		}
	#col2 {
		display:none;
		}
	#col3 {
		display: block;
		width:100%; border: 1px solid silver;
 		}
	#col3 h6 {
		width:90%; 
		margin: 0.1em 5% 1em 5%;
		}
	#col3 img {
		width:90%; 
		margin: 1em 5% 0 5%;
		}
	#col3 div {
		width:90%; 
		padding: 1em; 
		margin: 1em 5% 1em 5%;
		color: rgba(0, 0, 102,1);
		}
@media (device-width: 320px) {
	.column {
		width: 100%;
		display: block;
		}
	#col2 {
		display:none;
		}
	#col3 {
		display: block;
		width:100%; border: 1px solid silver;
 		}
	#col3 h6 {
		width:90%; 
		margin: 0.1em 5% 1em 5%;
		}
	#col3 img {
		width:90%; 
		margin: 1em 5% 0 5%;
		}
	#col3 div {
		width:90%; 
		padding: 1em; 
		margin: 1em 5% 1em 5%;
		color: rgba(0, 0, 102,1);
		}
	}