/* BASIC STYLE */

html {
	padding-left:10px;
	padding-right:10px;
}

body, p, dl, dd, dt, form, 
ol, ul
{
font-family: Arial, Helvetica, Verdana, Sans-Serif ; 
font-style: normal ; 
font-variant: normal ;
font-weight: normal ; 
font-size: 12pt ; 
color: MAROON ; 
background-color: transparent;
line-height:150%;
}

body {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background-image: radial-gradient(#FCF3CF 10%, 
		WHITE 20%, #e8dff8 30%, WHITE 40%, #f8f8cf 50%, 
		#e8dff8 60%, WHITE 100% );
	background-repeat: no-repeat;
	height:100%;
}

hr{
	background-color:maroon;
	width:100%;
	height:2px;
}

ol
{
list-style-type: decimal ; 
list-style-position: outside ;
margin-top: 0px;
margin-bottom: 0px;
}

ul
{
list-style-type: disc ; 
list-style-position: outside ;
margin-top: 0px;
margin-bottom: 0px;
}

li {
	margin-left:-20px;
}

.button, div a.button, .edit {
	background-color:MAROON;
	color: WHITE;
	cursor: pointer;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	border:2px PURPLE solid;
	border-radius: 6px;
	padding: 2px 5px 2px 5px;
	margin: 0px;
	margin-bottom: 0px;
}

.buttonlite, div a.buttonlite, .editlite, .submitinfo {
	background-color:transparent;
	color: MAROON;
	cursor: pointer;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	border:2px purple solid;
	border-radius: 6px;
	padding: 2px 5px 2px 5px;
	margin: 0px;
	margin-bottom: 0px;
}

.signon {
	background-color:transparent;
	color: MAROON;
	cursor: pointer;
	font-weight:500;
	text-decoration: none;
	display: inline-block;
	border: 1px maroon solid;
	border-radius: 6px;
	padding: 1px;
	margin: 0px;
}

.mateall {
	display:flex;
	width:100%;
	margin-bottom:20px;
}

.mateleft {
	flex-grow:1;
	flex-basis:340px;
	/* flex-basis:calc( 100% / 2 ); */
	vertical-align:top;
	margin:0;
	overflow-wrap:anywhere;
}

.materight {
	flex-grow:1;
	flex-basis:calc(100% - 350px);
	margin: 0px 0px 0px 20px;
	padding-left:30px;
	overflow-wrap:anywhere;
}

@media screen and ( max-width: 900px ) {
	.mateall {
		flex-wrap:wrap;
	}
	.materight, .materight b {
		margin-left:0;
		font-size:10pt;
		line-height:120%;
	}
}

.footer {
	font-size:9pt;
	line-height:110%;
}

.noshow {
	backgrond-color:transparent;
}

@media print {
	.mateall {
		flex-wrap:wrap;
		/* page-break-inside:avoid; */
	}
	.materight, .materight b {
		margin-left:0;
		font-size: 9pt;
	}
	a, a.small, div a small {
		text-decoration:none;
	}
	.edit {
		display:none;
	}
	.divider {
		display:none;
	}
	#themenu {
		display:none;
	}
	#theannouncement {
		display:none;
	}
	.submitinfo, .info {
		display:none;
	}
	body {
		background-color:transparent;
	}
	body, p, dl, dd, dt, form, hr, ol, ul, 
	b, .mateall, .mateleft, .materight {
		color: black;
		max-width:7.0in;
	}
	body, p, dl, dd, dt, form, hr, ol, ul
		h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		line-height:110%;
	}
	b, .mateall, .mateleft, .materight {
		line-height:100%;
	}
	.noshow {
		display:none;
	}
}	

/* ANCHORS */
a, a:link, a:visited, 
a:hover, a:active, 
a.small, a.small:link, a.small:visited, a.small:hover, a.small:active, a.menu, b.menu,
a.white, a.white:link, a.white:visited, a.white:hover, a.white:active, 
a.bigred, a.bigred:link, a.bigred:visited, a.bigred:hover, a.bigred:active,
a.bigblue, a.bigblue:link, a.bigblue:visited, a.bigblue:hover, a.bigblue:active
{
font-family: Arial, Helvetica, Verdana, Sans-Serif ; 
font-style: normal ; 
font-variant: normal ;
font-weight: bold ; 
}

a, a:link, a:visited
{
font-size: 12pt ; 
color: MAROON ; 
background-color: transparent;
text-decoration: underline ; 
}

a:hover
{
font-size: 12pt ; 
color: MAROON ; 
background-color: transparent;
text-decoration: underline ; 
}

a:active
{
font-size: 12pt ; 
color: MAROON ;
background-color: transparent;
text-decoration: underline ; 
}

a.small, a.small:link, a.small:visited, a.menu, b.menu
{
font-size: 10pt ;
color: MAROON ; 
background-color: transparent ;
text-decoration: underline ; 
}

a.small:hover, a.small:active, a.menu:hover
{
font-size: 10pt ;
color: MAROON ; 
background-color: transparent ;
text-decoration: underline ; 
}

a.white, a.white:link, a.white:visited, a.white:hover, a.white:active
{
font-size: 12pt ; 
color: WHITE;
background-color: MAROON ;
text-decoration: none ;
}

a.bigred, a.bigred:link, a.bigred:visited, a.bigred:hover, a.bigred:active
{
font-size: 18pt ;
color: RED ;
background-color: transparent;
text-decoration: underline ; 
}

a.bigblue, a.bigblue:link, a.bigblue:visited, a.bigblue:hover, a.bigblue:active
{
font-size: 18pt ;
color: BLUE ;
background-color: transparent;
text-decoration: underline ; 
}

.small {
	font-size:10pt;
	line-height:100%;
}

.tiny (
	font-size:8pt;
}

/* BOLD */

b, b.white, b.large, b.larger, font.attention
{
font-style: normal ; 
font-variant: normal ;
font-weight: bold ; 
}

b
{
font-family: Arial, Helvetica, Verdana, Sans-Serif ; 
font-size: 12pt ; 
color: MAROON ; 
background-color: transparent;
}

b.white
{
font-family: Arial, Helvetica, Verdana, Sans-Serif ; 
font-size: 12pt ; 
color: WHITE;
background-color: MAROON ;
}

b.large
{
font-family: "Comic Sans MS", Arial, Helvetica, Verdana, Sans-Serif ;
font-size: 14pt ;
color: MAROON ; 
background-color: transparent ;
}

b.larger
{
font-family: "Comic Sans MS", Arial, Helvetica, Verdana, Sans-Serif ; 
font-size: 16pt ;
color: MAROON ; 
background-color: transparent;
}



/* PARAGRAPH */
p, p.small, p.header, dt.small, dd.small, p.menu
{
font-family: Arial, Helvetica, Verdana, Sans-Serif ; 
font-style: normal ; 
font-variant: normal ;
font-weight: normal ; 
color: MAROON ; 
}

p, p.header, p.menu {
font-size:12pt;
}

p.small, dt.small, dd.small
{
font-size:10pt;
}

p, p.small, p.menu
{
background-color: transparent;
}

p.header
{
background-color: transparent ;
}


/* HEADINGS */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
{
font-family: Arial, Helvetica, Verdana, Sans-Serif ; 
font-style: normal ; 
font-variant: normal ;
font-weight: bold ; 
color: MAROON ; 
background-color: transparent;
margin-top: 0px;
margin-bottom: 0px;
}

h1, .h1
{
font-size: 18pt ; 
}

h2, .h2
{
font-size: 16pt ; 
}

h3, .h3
{
font-size: 14pt ; 
}

h4, .h4
{
font-size: 12pt ; 
}

h5, .h5
{
font-size: 10pt ; 
}

h6, .h6
{
font-size:  8pt ; 
}



/* FORMS */
select, input, textarea, option
{
font-family: Arial, Helvetica, Verdana, Sans-Serif ; 
font-style: normal ; 
font-variant: normal ;
font-weight: normal ; 
font-size: 12pt ; 
color: MAROON ; 
background-color: transparent;
}


/* OTHER TEXT */
code, pre
{
font-family: Courier, Sans-Serif ;
font-style: normal ;
font-variant: normal ;
font-weight: normal ;
font-size: 10pt ;
color: MAROON ;
background-color: transparent;
}


/* DIV */
div {
font-family: Arial, Helvetica, Verdana, Sans-Serif;
font-style: normal;
font-variant: normal;
font-weight: normal ;
font-size: 12pt ;
color: MAROON ;
border:none;
}

.divider {
	height:24px;
}

/* TABLES */
table, tr, td, 
th, 
td.divider, 
td.even, td.odd, a.odd, a.even
{
font-family: Arial, Helvetica, Verdana, Sans-Serif ;
font-style: normal ;
font-variant: normal ;
border-color: WHITE MAROON MAROON WHITE;
}

table {
	width:100%;
	border:none;
}

table, tr, td
{
font-size: 12pt ;
color: MAROON ;
font-weight: normal ;
background-color: transparent;
border-color: WHITE;
}

th
{
font-size: 12pt ;
color: MAROON ;
font-weight: bold ;
background-color: GRAY ;
}

td.divider
{
font-size: 12pt ;
color: WHITE;
font-weight: bold ;
background-color: MAROON ; 
}

td.even, a.even
{
font-size: 10pt ;
color: MAROON ;
font-weight: bold ;
background-color: SILVER ;
}

td.odd, a.odd
{
font-size: 10pt ;
color: MAROON ;
font-weight: bold ;
background-color: transparent;
border-color: WHITE;
}

/* TABLE ANCHORS */
a.tdeven, a.tdeven:link, a.tdeven:visited, a.tdeven:hover, a.tdeven:active, 
a.tdodd, a.tdodd:link, a.tdodd:visited, a.tdodd:hover, a.tdodd:active 
{
font-family: Arial, Helvetica, Verdana, Sans-Serif ; 
font-style: normal ; 
font-variant: normal ;
font-weight: bold ;
font-size: 10pt ;
color: MAROON ;
}

a.tdeven, a.tdeven:link, a.tdeven:visited, a.tdeven:hover, a.tdeven:active 
{
background-color : SILVER ;
}

a.tdodd, a.tdodd:link, a.tdodd:visited, a.tdodd:hover, a.tdodd:active 
{
background-color : transparent;
}

/* TABLE BOLD */
b.tdhead, b.tdodd, b.tdhead, th.tdhead
{
font-family: Arial, Helvetica, Verdana, Sans-Serif ;
font-style: normal ; 
font-variant: normal ;
font-weight: bold ;
font-size: 10pt ;
color: MAROON ;
}

b.tdhead
{
background-color: GRAY ;
}

b.tdeven
{
background-color: SILVER ;
}

b.tdodd
{
background-color: transparent;
}

td.highlight
{
background-color: YELLOW;
}

strong
{
font-size: 14pt;
color: maroon;
}

.nm
{
color: maroon;
font-weight: bold;
}

.special, a.special
{
color: maroon;
font-weight: bold;
background-color:#FCF5E5;
}

.normal {
font-weight: normal;
}