/***** unmodified  inline elements  *****/

html, body, mark, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
a {
    text-decoration: underline;
}
b, strong {
    font-weight: bolder;
}
big {
    font-size: 1.25em;
}
blockquote {
    quotes: none;
	margin: 1em 2em;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
del {
    text-decoration: line-through;
}
dt {
    margin-left: 3em;
    text-align: left;
}
dd {
    margin-bottom: 1em;
    margin-left: 5em;
    text-align: left;
}

/* html { height:100%; } */

iframe{
	max-width: 100%;
	padding: 5px;
}

div#modal{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right:0;
	z-index: 99999;
	background-color: rgba(255,255,255,0.5);
	display: none;
}

div#control{
	text-align: center;
	width: 100%;
	/* 	max-width and height are set in javascript	*/
	position: relative; 
	margin: 15px auto;
	border: 1px solid;
	border-radius: 10px;
	color: black;
	background-color: rgba(255,255,255,1);
}

div#fs{
	text-align: center;
	width: 100%;
	/* 	max-width and height are set in javascript	*/
	position: relative; 
	margin: 15px auto;
	border: 1px solid;
	border-radius: 10px;
	color: black;
	background-color: rgba(255,255,255,1);
}

div#fs_caption{
	text-align: center;
	width: inherit;
	position: absolute; 
	left: 0;
	bottom: 0;
	border: 1px solid;
	border-radius: 10px;
	color: black;
	background-color: rgba(255,255,255,0.75);
}

a.close {
	background: #ffffff;
	color: #000;
	line-height: 25px;
	position: absolute; 
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid;
}

a.caption_close {
	background: #ffffff;
	color: #000;
	line-height: 25px;
	position: absolute; 
	right: 0;
	text-align: center;
	top: 0;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid;
}

a.gallery-next {
	background: #ffffff;
	color: #000;
	line-height: 25px;
	position: absolute; 
	right: -1em;
	text-align: center;
	top: 50%;
	width: 2em;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid;
}

a.gallery-prev {
	background: #ffffff;
	color: #000;
	line-height: 25px;
	position: absolute; 
	left: -1em;
	text-align: center;
	top: 50%;
	width: 2em;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid;
}


div#control  iframe{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 15px 5px;
}

/*

iframe.map{
	width: 100%;
	height: 600px;
}
iframe.explore{
	width: 100%;
	height: 600px;
}
iframe.jpeg{
	width: 100%;
	height: 600px;
}

*/

img {
    margin: 5px auto;
    border: none;
	overflow: hidden;
	max-width: 98%;	
	height: auto;
}

ins {
    text-decoration: none;
}
h1{
    font-size: 1.25em;
    line-height: 1.0;
/*    margin: 0.75em; */
    text-align: center;
}
h1 span.subheading{
	font-size: 0.8em;
}
li {
	margin: 1em;
}
h2{
    font-size: 1em;
    line-height: 1.0;
/*    margin: 0.75em; */
    text-align: center;
}
small, sub, sup {
    font-size: 0.75em;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
i, cite, em, var, address, blockquote {
    font-style: italic;
}
ol {
    list-style: decimal outside none;
	margin: 1em 1.5em;
}
p {
    margin: 1em;
}
pre, tt, code, kbd, samp {
    font-family: monospace;
}
caption {
    text-align: center;
}
center {
    text-align: center;
}
sub {
    vertical-align: sub;
}
sup {
    vertical-align: super;
}
s, strike, del {
    text-decoration: line-through;
}
u, ins {
    text-decoration: underline;
}
hr {
    border: 1px solid;
}
abbr, acronym {
    font-variant: small-caps;
    letter-spacing: 0.1em;
}
pre {
    white-space: pre;
}
q {
	font-style: italic;
}
ul {
    list-style: none outside none;
}

/***** unmodified block elements (and internal elements) *****/

section, nav, article, aside, header, figure, figcaption, footer, div, main {
	display: block;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

article{
	padding: 0;
	border-bottom: 1px dotted;
	margin-bottom: 2em;
}
article.gazetteer{
    border-bottom: none;
}
aside {
	font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;
	font-style: italic;
}
aside.splash {
	margin: 1.5em 0;
	clear: left;
	text-align: center;
}
aside#tags{
	padding-top: 0;
	text-align: center;
	width: 75%;
	margin: auto;
}

/*
div{
}
main{
}
*/
body {
    font-family: Times,TimesNR,'New Century Schoolbook',Georgia,'New York',serif;
    font-size: 16px;
    line-height: 1.25;
    margin: 0 auto;
    text-align: left;
}
figure {
	text-align: center;
	margin: 15px auto;
	max-width: 100%;
}
figcaption {
	text-align: center;
	margin: auto;
}
figcaption p{
    font-family: Times,TimesNR,'New Century Schoolbook',Georgia,'New York',serif;
    font-style: italic;
	text-align: center;
    width: 98%;
	margin: 1em auto;
}
footer{
	clear: both;
	margin-top: 2em;
	padding: 25px;
}
header h1{
	font-size: 1em;
}
header div.block{
	margin: 0;
	padding:0;
	max-width: 640px;
}
header img{
/*	opacity: 0.5; */
	margin-top: 0;
}
nav {
 margin: 0;
}
nav h1{
	font-size: 1.33em;
}
section {
	margin: 1em 0;
	clear: left;
}
section h1{
	font-size: 1.1em;
}

/***** modified elements *****/

.center{
	text-align: center;
}
.red {
    color: red;
}
.right {
    text-align: right;
}
.yellow {
    color: yellow;
}
.smaller {
	font-size: 0.75em;
}
a:link{
	color: black; 
}
a:active{
	color: red; 
}
a:visited{
	color: rgb(64,64,64); 
}
a:hover{
	background-color: rgb(240,240,240); 
}

a img{
	margin: 0;
}
a.thumb {
    display: block;
    float: left;
    height: 200px;
    margin: 0;
    padding: 6px;
    text-align: center;
    width: 200px;
}
a.prev {
	display: block;
	float: left;
	color: #999;
	font-weight: bold;
	font-size: small;
	font-variant: small-caps;
	padding: 0;
	margin: 0;
	text-decoration: none;
	width: 220px;
	text-align: left;
	}

a.next {
	display:block;
	float: right;
	color: #999;
	font-size: small;
	font-weight: bold;
	font-variant: small-caps;
	padding: 0;
	margin: 0;
	text-decoration: none;
	width:220px;
	text-align: right;
	}

a.center {
	display:block;
	color: #999;
	font-size: small;
	font-weight: bold;
	font-variant: small-caps;
	padding: 0px;
	text-decoration: none;
	width: 150px;
	margin: 0 auto;
	text-align: center;
	}
 /*** to mimic the style of a block anchor without being an anchor ***/	
div.block{
	display: block;
	height: 150px;
	max-width: 600px;
	margin: 20px auto;
	padding: 5px;
	text-decoration: none;
}
div.block div.thumb {
	width: 155px;
	max-width: 25%
}
div.block img{
	display: inline-block;
	vertical-align: top;
	margin: 1em;
}
 div.blockright{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 70%;
	text-align: left;
}
a.block_anchor{
	display: block;
	min-height: 110px;
	max-width: 600px;
	margin: 20px auto;
	padding: 5px;
	text-decoration: none;
	border: 1px solid blue;
}
a.block_anchor h1{
	text-decoration: underline;
    font-size: 1em;
	font-weight: normal;
    line-height: 1em;
    text-align: left;
    font-style: normal;
	margin: 0.5em 0;
}
a.block_anchor h2{
	text-decoration: underline;
    font-size: 1em;
	font-weight: normal;
    line-height: 1em;
    text-align: left;
    font-style: normal;
	margin: 0.5em 0;
}
a.block_anchor p{
	margin: 0.5em 0;
	text-align: left;
}
a.block_anchor div.thumb {
	display: inline-block;
	text-align: center;
	width: 25%;
}

/****
@media (max-width: 450px){
	div.block div.thumb{
		display: none;
	}
	a.block_anchor div.thumb{
		display: none;
	}
	div.blockright{
		width: 100%;
		text-align: center;
	}
}
***/

div#left_column {
    display: block;
    float: left;
    margin: 0;
	padding: 0;
    text-align: left;
    width: 75%;
}
@media (max-width: 825px){
	div#left_column {
		display: block;
		float: none;
		width: 100%;
	}
}
div#left_column footer nav {
	border: none;
}
body.bushlog div#map{
	width: 575px;
	height: 425px;
}
body.notes div#map{
	width: 575px;
	height: 425px;
}
div.gazetteer{
    margin-top: 5em;
    text-align: center;
}
div#map{
	width: 100%;
	height: 100%;
	max-width: 900px;
	max-height: 600px;
	margin: 5px auto;
	border: 1px solid;
	color: black;
}
div#map img{
	max-width: none;
}
div#right_column {
    display: block;
    float: right;
    margin: 0;
	padding: 0;
    text-align: left;
    width: 25%;
}
@media(max-width: 825px){
	div#right_column {
		display: none;
		float: none;
	}
}
div#search {
	text-align: left;
}
div#search input[type="text"]{
	width: 20em;
}

div.thumb{
	/* max-width: 155px;
	min-width: 135px;
	height: 105px;
	padding: 0;
	margin: 5px 0px; */
	clear: none;
	float: none;
	display: inline-block;
	text-align: center;/*  added for gallery index  */
}
nav.category{
	margin: 4em 0;
	text-align: center;
}
nav.horizontal a {
    display: inline;
    margin: 0 1em;
    text-decoration: underline;
}
nav.horizontal li {
	line-height: 2em;
	margin: 0;
    display: inline;
    list-style: none outside none;
}
nav.horizontal ul {
    margin: 0.5em auto;
    text-align: center;
}
nav.right_vertical {
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 65%;
    font-weight: bold;
    text-align: left;
    padding: 25px 0;
}
nav.right_vertical a {
    display: block;
	margin: 0.5em auto;
    text-decoration: none;
}
nav.right_vertical h1{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
}
nav.right_vertical h2{
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0;
}
nav.right_vertical ul {
	width: 90%;
	margin: 1.5em auto;
}
section#abstract {
    font-family: Times,TimesNR,'New Century Schoolbook',Georgia,'New York',serif;
    font-style: italic;
    text-align: center;
}
section#notes p {
	margin: 1em 1.5em;
}
section#notes p.dialog{
	margin: 0.5em 3em;
}

section#notes ul {
    list-style: none outside none;
	margin: 1em 1.5em;
}
section#notes li {
	margin: 1em 0;
}
section#notes li p {
	margin: 0;
}
section#sources p {
	margin: 1em 1.5em;
}
section#sources ul {
    list-style: none outside none;
	margin: 1em 1.5em;
}
section#sources li {
	margin: 1em;
}
section#sources li p {
	margin: 0;
}
ul.rss{
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url("/images/feed-icon-14x14.png");
}


/***** section specific styling *****/
body.algonquin_web{
	max-width: 640px;
}

body.algonquin_web header{
	margin: 0;
	margin-bottom: 2em;
	padding: 0;
	height: 110px;
}
body.algonquin_web header a{
	text-decoration: none;
	font-weight: bold;
	color: rgb(64,64,64);
}
body.algonquin_web section{
	margin: 3em 0;
/*	border-bottom: 1px solid black; */
}

body.algonquin_web section a{
	margin-right: 1em;
}

body.algonquin_web span{
	font-style: italic;
}

body.bushlog {
    max-width: 925px;
	width: 98%;
}
@media(max-width: 825px){
	body.bushlog{
		max-width: 600px;
	}
}
body.bushlog.index{
	max-width: 640px;
}
body.bushlog article li{
		margin: 0.3em 1em;
}

body.bushlog figure{
	border: 1px solid black;
	width: 600px;
	padding: 10px;
}
@media(max-width: 825px){
	body.bushlog figure{
		width: 100%;
		padding: 0;
	}
}

body.bushlog header{
	margin: 0;
	margin-bottom: 2em;
	padding: 0;
	height: 110px;
}
body.bushlog header a{
	text-decoration: none;
	font-weight: bold;
	color: rgb(64,64,64);
}
body.bushlog img{
	margin-top: 1em;
}
body.bushlog h3{
	margin: 1em;
}

body.gallery{
	width: 98%;
	height: 100%;
	max-width: 700px;
	overflow: auto;
}
body.gallery a.center{
	text-decoration: none;
	display: inline-block;
	width: 20%;
	text-align: center;
	margin: auto;
	font-size: large;
	font-weight: bold;
	color: #000;
}
body.gallery a.left{
	text-decoration: none;
	display: inline-block;
	width: 40%;
	text-align: left;
	margin: auto;
	margin-left: 0;
	font-size: large;
	font-weight: bold;
	color: #000;
}
body.gallery a.right{
	text-decoration: none;
	display: inline-block;
	width: 40%;
	text-align: right;
	margin: auto;
	margin-right: 0;
	font-size: large;
	font-weight: bold;
	color: #000;
}
body.gallery.index{
	width: 98%;
	height: auto;
	max-width: 640px;
	text-align: center;
}
body.gallery.index div.thumb{
	margin: 0 5px;
}
body.gallery.index a.block_anchor{
	text-align: left;
}
body.gallery.index a.block_anchor div.thumb{
	margin: 5px 0;
}
body.gallery.index header{
	margin: 0;
	margin-bottom: 2em;
	padding: 0;
	padding: 1em;
}
body.gallery header a{
	text-decoration: none;
/*	margin: 0 2em;	*/
}
body.gallery.index header a{
	text-decoration: none;
	font-weight: bold;
	color: rgb(64,64,64);
	margin: 0;
	font-size: 16px;
}
body.gallery header{
	margin: 0;
	text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: medium none;
	font-size: large;
	font-weight: bold;
	padding-bottom: 1em;
}
/*
body.gallery figure.w600{
	width: 600px;
}
body.gallery figure.w900{
	width: 900px;
}
*/
/*
body.gallery figure{
	height: 1000px;
	max-height: 98%;
	max-width: 100%;
	margin: auto;
}
*/
body.gallery figure{
	margin-bottom: 100px;
}	
body.gallery figure figcaption{
	width: 100%;
	margin: auto;
}
body.gallery img{
	max-width: 100%;
	max-height: 540px;
	height: auto;
	width: auto;
}
p.credit{
	text-align: right;
	margin: -10px 0 0 0;
	padding: 0;
	font-size: smaller;
	color: #999;
}
p.credit a{
	color: #999;
}

body.home {
	width: 98%;
    max-width: 640px;
}

@media(max-width: 825px){
	body.home{
		max-width: 600px;
	}
}

body.home header{
	margin: 0 0 1em 0;
	padding-top: 2em;
	text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: medium none;
    height: 5em;
}

body.news {
    max-width: 925px;
	width: 98%;
}
@media(max-width: 825px){
	body.news{
		max-width: 600px;
	}
}

body.news h1,h2,h3,h4,h5 {
	margin: 1em;
	line-height: 1.0;
	text-align: center;
}

body.news h1{
	font-size: 1.25em;
}

body.news h2{
	font-size: 1.1em;
}

body.news h3,h4,h5{
	font-size: 1em;
}

body.news section.news-items nav{
	text-align:center;
}

div.photo_set{
	margin: 1em;
	padding: 1em;
	text-align: center;
}

div.photo_set div.thumb{
	margin: 0 0.5em;
}

div.photo_set h3{
	text-align: center;
}

div.photo_set p.caption{
	text-align: center;
	font-style: italic;
}

body.news nav.right_vertical h1{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
	padding-top: 3em;
}

body.news p.tags{
	text-align: center;
	line-height: 2.0;
/*	padding: 0.5em 0; */
}

body.news p.tags a{
	padding: 0 0.5em; 
}

body.news p.locations{
	text-align: center;
	line-height: 2.0;
/*	padding: 0.5em 0; */
}

body.news p.locations a{
	padding: 0 0.5em; 
}

body.news p.permalink{
	text-align: center;
	line-height: 2.0;
/*	padding: 0.5em 0; */
}

body.news p.permalink a{
	padding: 0 0.5em; 
}

@media(max-width: 825px){

	body.news p.tags{
		text-align: center;
		padding: 1em 0;
	}

	body.news p.tags a{
		padding: 1em;
	}

	body.news p.locations{
		text-align: center;
		padding: 1em 0;
	}

	body.news p.locations a{
		padding: 1em;
	}

	body.news p.permalink{
		text-align: center;
		padding: 1em 0;
	}

	body.news p.permalink a{
		padding: 1em;
	}

}

body.news p.id{
	text-align: center;
	margin: 0;
	font-size: smaller;
}


body.news article{
	margin: 1em 0;
	padding: 1em 0;
	border: 1px dotted gray;
	border-radius: 10px;
	background-color: rgb(245,245,245);
}
/*
body.news.index{
	max-width: 640px;
}
body.news article li{
		margin: 0.3em 1em;
}
*/

body.news figure{
	border: 1px solid black;
	width: 600px;
	/* padding: 10px; */
}
@media(max-width: 825px){
	body.news figure{
		width: 97%;
		max-width: 600px;
	}
}

body.news header{
	margin: 1em 0;
	padding: 1em 0; 
	text-align: center;
}
body.news header a{
	text-decoration: none;
	font-weight: bold;
	color: rgb(64,64,64);
}
body.news img{
	margin-top: 1em;
}
body.news h3{
	margin: 1em;
}

body.photo_location div#map{
	width:100%;
	height:600px;
	margin: 0;
	margin-top: 15px;
	padding: 0;
	border: none;
}

body.photos{
	text-align: left;
}

body.photos.index{
	width: 98%;
	height: auto;
	max-width: 640px;
	text-align: center;
}

body.photos header a{
	text-decoration: none;
	margin: 0;
}
body.photos a.center{
	text-decoration: none;
	display: inline-block;
/*	width: 80px;
	max-width: 20%; */
	width: 20%;
	text-align: center;
	margin: auto;
	font-size: large;
	font-weight: bold;
	color: #000;
}
body.photos a.left{
	text-decoration: none;
	display: inline-block;
/*	width: 275px;
	max-width: 40%; */
	width: 40%;
	text-align: left;
	margin: auto;
	margin-left: 0;
	font-size: large;
	font-weight: bold;
	color: #000;
}
body.photos a.right{
	text-decoration: none;
	display: inline-block;
/*	width: 275px;
	max-width: 40%; */
	width: 40%;
	text-align: right;
	margin: auto;
	margin-right: 0;
	font-size: large;
	font-weight: bold;
	color: #000;
}
body.photos div.thumb{
	margin: 0 5px;
}

body.photos header{
	margin: 1em 0 2em 0;
	text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: medium none;
	font-weight: bold;
}

body.photos form{
	margin: 1em;
}

body.photos input[type="search"]{
	width: 75%;
}
body.photos textarea{
	width: 90%;
	height: 7em;
}

body.photos input[type="text"]{
	width: 90%;
}

body.photos label{
	display: inline-block;
	width: 10em;
}

body.tom_thomson {
 /*   max-width: 925px; */
	max-width: 925px;
	width: 98%;
}

/*
body.tom_thomson #abstract {
    font-family: Times,TimesNR,'New Century Schoolbook',Georgia,'New York',serif;
    font-style: italic;
    text-align: center;
	border-bottom: 1px dotted black;
}
*/

body.tom_thomson header{
	min-height: 150px;
}

section.tom_thomson{
	max-width: 98%;
}

body.tom_thomson figcaption{
	width: 95%;
	max-width: 600px;
	margin: auto;
}

body.tom_thomson figure{
	width: 100%;
	max-width: 450px;
}

body.tom_thomson p.credit{
	width: 95%;
	max-width: 600px;
	margin: -0.75em auto 0 auto;
}

body.tom_thomson ul{
	margin: 5px 15px;
}

section.tt_painting{
/*	border: 1px dotted black; */
	padding-top: 1em;
	padding-bottom: 1em;
}

span.tt_painting {
	font-style: italic;
	position: relative;
}

figcaption span.tt_painting {
	font-style: normal;
	position: relative;
}

/*
div.multi_figures {
	width: 850px; 
	height: 650px; 
	margin: auto; 
	margin-top: 25px; 
	position: relative; 
	border: 1px solid black;
	overflow: auto;
}
div.multi_figures div.thumbs {
	width: 135px; 
	height: 575px;
	position: absolute;
	top: 25px;
	text-align: center;
	margin: auto;
	overflow: auto;
}
div.figures figure { 
	width: 650px;
	padding: 0.5em; 
	opacity: 0;
	position: absolute; 
	left: 160px;
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
}

span.inline-thumb {
	font-style: italic;
	color: blue;
	position: relative;
}
span.inline-thumb img{
	margin: 5px;
	padding: 0;
	display: none;
	position: absolute;
	top: -110px;
	left: 0px;
	max-height: 100px;
	max-width: 100px;
}
*/








body.view{
	width: 98%;
/*	max-width: 650px; */
	height: 100%;
	overflow: auto;
	text-align: center;
}
body.w600{
	max-width: 650px;
}
body.w720{
	max-width: 770px;
}
body.w800{
	max-width: 850px;
}
body.w810{
	max-width: 860px;
}
body.w900{
	max-width: 950px;
}
body.view div.thumb{
	margin: 0 5px;
}
body.view header a{
	text-decoration: none;
	margin: 0;
}
body.view header{
	margin: 1em 0 2em 0;
	text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: medium none;
/*	font-size: large; */
	font-weight: bold;
}
body.view h1,h2{
	margin: 1em;
}
body.view a.block_anchor h1{
	margin: 0.5em 0;
}
body.view img{
	max-width: 100%;
	max-height: 90%;
	height: auto;
	width: auto;
}
/*
body.view figure{
	height: 1000px;
	max-height: 98%;
	max-width: 100%;
	margin: auto;
}
*/
body.w600 figure{
	width: 600px;
}
body.w720 figure{
	width: 720px;
}
body.w800 figure{
	width: 800px;
}
body.w810 figure{
	width: 810px;
}
body.w900 figure{
	width: 900px;
}
body.view figure figcaption{
	width: 100%;
	margin: auto;
}
body.view a.center{
	text-decoration: none;
	display: inline-block;
/*	width: 80px;
	max-width: 20%; */
	width: 20%;
	text-align: center;
	margin: auto;
	font-size: large;
	font-weight: bold;
	color: #000;
}
body.view a.left{
	text-decoration: none;
	display: inline-block;
/*	width: 275px;
	max-width: 40%; */
	width: 40%;
	text-align: left;
	margin: auto;
	margin-left: 0;
	font-size: large;
	font-weight: bold;
	color: #000;
}
body.view a.right{
	text-decoration: none;
	display: inline-block;
/*	width: 275px;
	max-width: 40%; */
	width: 40%;
	text-align: right;
	margin: auto;
	margin-right: 0;
	font-size: large;
	font-weight: bold;
	color: #000;
}
body.view.archive a.left{
	margin: 1em 0;
	font-size: 0.8em;
}
body.view.archive a.right{
	margin: 1em 0;
	font-size: 0.8em;
}
body.view figure figcaption p{
	text-align: left;
	margin-top: 5px;
}
body.view .title{
	font-weight: bold;
}


/*** page specific styling ***/

div.logging_reader{
	clear: both;
	margin: 3em 0;
	min-height: 300px;
}

img.logging_reader {
	float: left;
	margin: 1em;
}

/*** geoindex styling ***/

div.geoleft{
	width: 80%;
	float: left;
 }
div.georight{
	height: 600px;
	overflow: auto;
	width: 20%;
	float: right;
}
@media(max-width: 600px){
	div.geoleft{
		width: 100%;
		float: none;
	 }
	div.georight{
		display: none;
	}
}
section.geoindex {
	min-height: 600px;
	padding: 0;
	background-color: rgb(235,235,235);
}
section.geoindex a:link {
    color: rgb(25,25,25);
}
section.geoindex a:active {
    color: red;
}
section.geoindex a:visited {
	color: rgb(25,25,25);
}
section.geoindex a:hover {
    background-color: rgb(64,64,64);
    color: rgb(235,235,235);
}
section.geoindex p {
	font-size: small;
	padding: 1em;
	clear: both;
	color: rgb(25,25,25);
}
section.geoindex div#map{
	width:100%;
	height:600px;
	margin: 0;
	padding: 0;
	border: none;
}

/*** the listitem stylings are a temporary expedient until I repalce the listitems with block anchors in gindex ***/
/*** also, the info window does not scale downwards as the browser width is reduced -- fix in 20120117m ? ***/

nav.gindex{
	/* width: 600px; */
	max-width: 450px;
	max-height: 300px;
	overflow: auto;
	color: black;
}
nav.gindex  a:link{color: black;}
nav.gindex  a:active{color: black;}
nav.gindex  a:visited{color: black;}
nav.gindex  a:hover{background-color:#ccc;}
nav.gindex h1{
	clear: both;
    font-size: 1.0em;
    line-height: 1em;
    margin: 1em 0;
    text-align: left;
    font-style: normal;
}
nav.gindex div.listitem {
    border-top:  thin dotted #666666;
    clear: both;
    padding: 25px 0;
}
nav.gindex div.listitem p {
	clear: none;
    margin: 0;
	margin-bottom: 1em;
	width: 200px;
	float: right;
	min-height: 100px;
}
nav.gindex div.listitem img {
    float: left;
    padding: 0 18px 35px 0;
}
nav.gindex p{
	padding: 0;
	margin: 1em 0;
}

div.onmap {font-size: 12px; font-family: Arial, sans-serif; white-space: nowrap;}
div.onmap  a:link{color: rgb(64,64,64); background-color:rgb(238,238,238);}
div.onmap  a:active{color: rgb(64,64,64); background-color:rgb(238,238,238);}
div.onmap  a:visited{color: rgb(64,64,64); background-color:rgb(238,238,238);}
div.onmap span{color: rgb(64,64,64); background-color:rgb(238,238,238);}
div.onmap  a:hover{color: rgb(64,64,64); background-color:rgb(204,204,204);}

.ol-popup {
    position: absolute;
    background-color: rgba(255,255,255,0.5);
    /* -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.5));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.5)); */
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
	min-width: 150px;
	max-width: 350px;
}
/* 
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
      content: "✖";
}
 */