﻿	body	{ background:#000000; font-size: 16px; font-family: Calibri; /*line-height: 16px;*/ color: #FFFFFF; margin: 1px; padding: 1px; width: auto; margin: auto; }
	a		{ font-family: Calibri; text-decoration:none}
	a:link, a:visited { font-family: Calibri; color : #FF9900; text-decoration : none; }
	a:hover, a:active { font-family: Calibri; color : #FF9900; text-decoration : underline; }
	.top	{ background: #8f2910; text-align: center; margin: 1px; padding: 1px; }
	.footer	{ background: #8f2910; margin: 0 0 0 0; }
    hr		{ border:solid; border-width: 1px; border-color: #336666; }
    h1		{ font-family: Calibri; font-size : xx-large; font-weight : bold; color : #DF8E22; text-decoration : underline; text-align : center; }
	h2		{ font-family: Calibri; font-size : x-large; font-weight : bolder; text-decoration : underline; color : #CCCCCC; text-align : center; }
/*	h1		{ font-size: 25px; text-align: center; color: #8f2910; line-height: 30px; margin: 1px; padding: 1px } */
/*	h2		{ font-size: 20px; text-align: center; line-height: 24px; font-style: normal; color: #8f2910; margin: 1px; padding: 1px } */
	h3		{ font-family: Calibri;font-size: 28px; text-align: center; font-style: italic; color: #ffcc66; line-height: 30px; font-weight: normal; margin: 1px; padding: 1px }
	p		{ font-family: Calibri; text-align: center; }
	.email	{ vertical-align : text-bottom; }
	.m		{ width: 45%; height: auto; }
	.lr, .lr tr, .lr td { width : auto; padding : 1px; border : #CCCCCC solid 1px; font-size : 12px; font-weight : normal; font-family : Calibri; text-align : center; color : #f3f3f3; margin-left : auto; margin-right : auto; }
	.lr tr:hover { background-color : #666666; }
	.lr th	{ color : #FFFFFF; }
/* On screens that are 480px wide or less, make the columns stack on top of each other instead of next to each other */
	@media screen and (max-width: 480px)	{ .column { width: 100%; } }
/*	.mobile-container	{ max-width: 480px; margin: auto; background-color: #8f2910; height: 500px; color: white; border-radius: 10px; } */
	.topnav				{ overflow: hidden; background-color: #8f2910; position: relative; }
	.topnav #menu		{ display: none; }
	.topnav a			{ color: white; padding: 14px 16px; text-decoration: none; font-size: 17px; display: block; }
	.topnav a.icon		{ background: #8f2910; display: block; position: absolute; right: 0; top: 0; }
	.topnav a:hover		{ background-color: #f5b8a9; color: #4CAF50; }
	.active				{ background-color: #4CAF50; color: #f5b8a9; }

	.collapsible		{ display: block; cursor: pointer; padding: none; width: auto; outline: none; font-size: 12px; margin: 0 auto; }
	.active, .collapsible:hover { background-color: #666666; color: #FFFFFF }
	.roster				{ padding: 0 none; display: none; overflow: hidden; background-color: #000000; }