body {
	scrollbar-base-color: #66cc00;
	scrollbar-highlight-color: #ffffff;
	scrollbar-arrow-color: #336600;
	scrollbar-face-color: #eeeeee;
	scrollbar-track-color: #eeeeee;
	scrollbar-darkshadow-color: #336699;
}


.txt {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
    color: #000000;
}

.txt2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
    color: #000000;
}

.txt-lg {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
    color: #000000;	
}

.sub {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 16px;
    color: #000000;
	font-weight: bold;
}

.title {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 20px;
    color: #000000;
	font-weight: bold;
}

.btm {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
    color: #ffffff;
}

a.btm {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	filter: shadow(); 
}

a.btm:hover {
    font-family: verdana, arial, helvetica, sans-serif;
	color: #66cc00;
	font-size: 10px;
	text-decoration: underline overline;
	font-weight: bold;
}

/* for photos on photos page */
/* ************************* */


/* these first two lines make the figcaption text line up under each image, per its specific width */
figure {
    display: table;
}
img, figcaption {
    display: table-caption; 
    caption-side: bottom; 
}

/* 
-- Change the 'height' slightly to improve the layout of the photos on the page, if needed.
-- If you need to change the heights of an individual image, do style="height: 150px" in the img tag itself on respective page. 
*/
/* ************************* */
.photos img {
    margin-left: .1em;
    margin-right: .1em;
    margin-bottom: .2em;
    padding: 0;
    border: 1px black solid;
    text-align: center;
    height: 240px;
}

.photos {
    width: 100%;
    display: flex; 
    justify-content: space-around;
    flex-wrap: wrap;
}

.photos figcaption {
    margin-left: .1em;
    margin-right: .1em;
    text-align: center;
}
/* ************************* */