.stdbody { background-color: #F8F8F8; }
.maintitle { font-size: 32pt; font-weight: bold; color: blue; text-align: center; }
.subtitle { 
	padding-top: 24px;
	font-size: 16pt; 
	font-weight: bold; 
	text-align: center; 
}
.tophead { font-size:24pt; font-family: sans-serif; color: #AA0000; }
.toptable {background-color: #FFFFFF; }
.bodyhead {font-size:18pt; font-family: serif; font-weight: bold; }
.bookimg { border-style:none; }
.homefooter { text-align: center; background-color: #CCCCCC; }
.updatefooter { font-size:10pt; text-align: center; }
.nefilkbanner { position:relative; left:280px; border: solid #4444FF; }
.footnote {font-size: 10pt; }


@media screen and (max-width:1000px) {
	.topbanner {
		min-height: 96px;
	}
	
	.topbannerleft {
		display: none;
	}

	.topbannerright {
		display: none;
	}

}

@media screen and (min-width:1001px) {
	.topbanner {
		min-height: 138px;
	}
	
	.topbannerleft {
		float: left;
		width: 160px;
	}

	.topbannerright {
		float: right;
		width: 160px;
	}
}


/* Make links in banner not display as links */
.topbannerlink:link,
.topbannerlink:visited,
.topbannerlink:hover,
.topbannerlink:active {
	text-decoration:none;
}

/*
.mainmenu {
	min-height: 40px;
	clear: both;
	list-style-type: none;
    margin: 0;
    padding: 0;
}
*/



/* Use this for all screen sizes */
/*
	.mainmenu button {
		border: none;
		text-align: left;
		height: 40px;
		text-decoration: none;
		font-size: 100%;
		background-color: #EEE;
	}

	.mainmenu li {
		width: 150px;
		display: block;
		float: left;
		text-align: center;
		padding: 3px 10px;
		font-family: sans-serif;
		font-size: 120%;
	}


.mainmenu a {
	text-decoration: none;
	background-color:#BBB;
}

.mainmenu a:link {
	color:#200;
}

.mainmenu a:visited {
	color:#200;
}
*/

.jmenu > ul > li > a {
	color:#E0E0E0 
}

.mainbody {
	max-width:800px;
	clear:both;
}

/* Dropdown Button. See https://www.w3schools.com/howto/howto_css_dropdown.asp */
.dropbtn {
    color: #100;
    background-color: #bcb;
    padding: 4px 16px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}


/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 180px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown (old: #3e8e41;  too dark) */
.dropdown:hover .dropbtn {background-color: #80c881;}


.footer {
	position: relative;
	clear: both;
	left: 320px;
	top: 40px;
}

.meetingtable { 
	background-color: #CCCCCC; 
	border: 0px;
	width:100%;
}

.meetingtable  td {
	font-size: 110%; 
	height: 50px;
	padding-bottom: 18px; 
}

table.conannounce, tr.cononnounce {
	border: 2px solid #EECCEE;
	width: 500px;
	font-family: sans-serif;
	background-color: #DDFFDD;
	line-height: 30px;
}

table.conannounce td {
	text-align: center;
	font-size: 15pt;
	font-weight: bold;
}

#order form item
.item { 
	color: #0000FF; font-style:italic
}

.shirtitem {
	color: #009977; font-style:normal
}
	
#order form price
.price {
	text-align: center
}

/* a style for order form table fillers with no content */
.na {
	text-align: center; 
	background-color: #DDDDDD; 
}

/* Link for the filk sites page */
.ilink {
	font-size: 115%;
	font-weight:bold;
}

/* Description for the filk sites page */
.idesc {
	padding-bottom:8px;
}

/* List with no bullets */
.nobulletlist {
	list-style-type: none;
}

.nobulletlist li {
	padding-bottom: 4px;
}