@CHARSET "UTF-8";

#maincontent {
	padding-top: 16px;
	margin-right: 4px;
}
.story {
	padding: 10px 0 0 0;
}
#menudiv{
	margin-bottom: 60px;
}
@media screen and (max-width: 980px) {
#menudiv {
	margin-bottom: 40px;
}
}
.thesaurus-nav {
	padding: 0;
	margin-right: 0;
}

.thesaurus-nav h2 {
	font-size: 1.1em;
	padding: 8px;
	margin: 0;
}
.thesaurus-nav::after { clear: both; }

@media screen and (max-width: 576px) {  /*font size gets smaller in spinstyle.css */
	#thesnav-1 {
		top: 84px;
		left: 200px;
	}
}
#thesnav-2, #thesnav-3 {
	float: left;
	display: block;
}

.nav-pills>li>a {
	color: #088;
	background-color: #D2E3E2;
	border-radius: 18px;
	padding: 0 2px;
}

.nav-pills {
	border-radius: 16px;
	background-color: #066;
	padding: 4px;
}

.nav-pills>li {
	border-radius: 16px;
	padding: 4px;
}

.nav-pills>li:nth-of-type(1) {
	background-color: #6CC;
}

.nav-pills>li:nth-of-type(2) {
	background-color: #6BB;
}

.nav-pills>li:nth-of-type(3) {
	background-color: #6AA;
}

.nav-pills a:visited, .nav-pills a:hover {
	color: #099;
}

h2 {  font-size: 1.1em; padding-top: 8px;}
h3 {  font-size: 1em; padding-top: 8px;color: #099;}

table {
margin-bottom: 36px;
width: 90vw;
max-width: 450px;
}
table p {
	margin: 0 0 4px 6px;
padding: 0;
}

@media screen and (max-width: 480px) {
	.thesaurus-nav {
		padding: 0;
	}
	.story {
		padding: 10px 0 0 0;
	}
	.nav>li>a {
		padding: 4px 0;
	}

	h2 {
		font-size: 1.4em;
	}
	h3 {
		font-size: 1.2em;
	}
}

	
.story .listcol {
	width: 32%;
}
.alphalinks {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	letter-spacing: .2em;
}
p.divider {
	margin: 0;
	padding: 0;
}
p.divider img {
	width: 90vw;
	max-width: 800px;
	height: 2px;
}

/* #maincontent from spinstyle.css sets body margins, 
   but footer is outside of maincontent on these pages */
.footer {
	margin: 60px;
	margin-top: 0;
	max-width: 800px;
	border-top: 0;
}
/* 	div.maincontent + div.footer { margin: 60px 10px 10px; } */

@media screen and (max-width: 768px) {
	.footer  { margin: 60px 20px 20px; }
}	

@media screen and (max-width: 670px) {
	.footer  { margin: 60px 10px 10px; }
}
@media screen and (max-width: 480px) { /* nav logo gets smaller so maincontent can move up */
	.footer  { margin: 40px 10px 10px; }
}