body {
	margin: 0;
	font-size: 0;
	line-height: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: 280px 40px;
}

a {color: #749E12; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #9D5E12;}

ul {padding-left: 15px;}
li {color: #B70; list-style-type: square;}
li::marker {color: #87B717;}
li span {color: #C00;}
ul.links {font-size: small; margin: 0;}
ul.links li {list-style-type: initial;}

hr {height: 1px; border-width: 0; background-color: #C00;}
hr.green {background-color: #690;}

header {
	background-image: url("images/nav_bar.gif");
	background-repeat: repeat-x;
}
header div {
	display: inline-block;
	vertical-align: top;
}
.header-nav, .text, nav, figcaption, footer {font-size: x-small; line-height: initial;}
.header-nav {
	padding-top: 5px;
	color: #FFFFFF;
}
.header-nav a, .index-nav a {
	color: inherit !important;
}

nav {
	display: inline-block;
	width: 200px;
	margin-left: 80px;
	vertical-align: top;
	color: #B00;
}
nav > strong {color: #A03;}
nav li {color: #888;}
nav li strong {color: inherit;}
nav .this {color: #B70; font-weight: bold;}
.subnav {font-size: small; margin-top: 12px; margin-right: 12px; border-top: 3px double #C00; padding-top: 10px;}
.subnav ul {margin-top: 6px;}
.subnav li {color: #B70;}
.subnav li::marker {color: #C00;}
.subnav li ul {margin-top: 0;}

footer {
	text-align: center;
	color: #888;
	margin-top: 24px;
	margin-bottom: 12px;
}

div.right {float: right;}

table {width: 100%; border-spacing: 0;}
nav + table {
	display: inline-table;
	width: auto;
	vertical-align: top;
}
table.tight {width: auto;}
table.center {width: auto; margin: auto;}
table.left {width: auto; margin-right: auto;}
table.right {width: auto; margin-left: auto;}

.gallery {width: 720px; color: #C00;}
.gallery img {border: 1px solid black;}
.gallery a img {border: 1px solid #791;}
.gallery div {text-align: center;}
.gallery div div {display: inline-block; vertical-align: middle;}
.gallery div img {margin: 8px; vertical-align: middle;}
.gallery figure {display: inline-table; margin: 8px;}
.gallery div figure img {margin: 0;}
.gallery-controls td:nth-child(2) {
	padding: 8px;
	line-height: initial;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}
.gallery-controls td:first-child, .gallery-controls td:last-child {
	width: 80px;
	height: 35px;
}
.gallery-controls td:first-child {text-align: left;}
.gallery-controls td:last-child {text-align: right;}
.gallery-controls img {border: none !important;}
.gallery-links img {border: none !important; vertical-align: -1px;}

.altfont {font-family: Arial, Helvetica, sans-serif;}
.indent {margin-left: 20px;}

.b {font-weight: bold;}
.n {font-weight: normal;}

.sml {font-size: smaller;}
.sm {font-size: small;}
.md {font-size: medium;}

.c {text-align: center;}
.l {text-align: left;}
.r {text-align: right;}

.vT {vertical-align: top;}
.vB {vertical-align: bottom;}

.red-links a {color: #AF0632;}

.brightred, .invert a, li span {color: #C00;}
.red, .red li::marker, ul.red li {color: #B00;}
.tan {color: #970;}
.green, .invert {color: #690;}
.brown {color: #630;}
.darkgray {color: #666;}
.copygreen {color: #658B0E;}
.copyred {color: #900;}

td {padding: 0;}
tr.half > td {width: 50%;}
table.pad10 > tbody > tr > td, tr.pad10 > td, td.pad10, div.pad10 {padding: 10px;}
table.pad8 > tbody > tr > td, tr.pad8 > td, td.pad8, div.pad8 {padding: 8px;}
table.pad7 > tbody > tr > td, tr.pad7 > td, td.pad7, div.pad7 {padding: 7px;}
table.pad5 > tbody > tr > td, tr.pad5 > td, td.pad5, div.pad5 {padding: 5px;}
table.pad2 > tbody > tr > td, tr.pad2 > td, td.pad2, div.pad2 {padding: 2px;}
td.no-pad {padding: 0 !important;}
tr.no-pad-b > td, td.no-pad-b, tr.no-pad-next > td {padding-bottom: 0 !important; vertical-align: bottom;}
tr.no-pad-t > td, td.no-pad-t, tr.no-pad-next + tr > td {padding-top: 0 !important; vertical-align: top;}
tr.no-pad-l > td, td.no-pad-l {padding-left: 0 !important;}
tr.no-pad-r > td, td.no-pad-r {padding-right: 0 !important;}

td.hr-gray {border-bottom: 1px solid #888;}

span.right {float: right; margin-left: 8px;}
span.left {float: left; margin-right: 8px;}

#toTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: x-small;
	border: none;
	outline: none;
	background-color: #888;
	color: white;
	cursor: pointer;
	padding: 5px;
}
#toTop:hover {
  background-color: #C00;
}

@media (max-width: 929px) {
	body {background-position: 0px 110px;}
	.header-title {display: none;}
	nav {display: flex; flex-flow: column wrap; justify-content: flex-start; margin-top: 4px; margin-left: 10px; width: auto; height: 124px;}
	nav > div {margin-right: 10px;}
	ul {margin-top: 4px; margin-bottom: 4px;}
}
@media (min-width: 930px) and (max-width: 1000px) {
	body {background-position: 210px 40px;}
	.header-title {display: none;}
	nav {margin-top: 10px; margin-left: 10px;}
}


.border-red {border: 1px solid #C00;}