a:link {
	color: #0000ff;
}

a:visited {
	color: purple;
}

a:hover { 
	text-decoration: underline; 
    color: white;
	/* background-color: #ff0000; */
}

a:active {
    color: yellow;
}

a.imgLink:active {
	color: yellow;
}

a.imgLink:link {
    color: #ffffff;
}

a.imgLink:visited {
    color: #ffffff;
}

a.imgLink:hover {
    text-decoration: underline;
    color: #ffffff;
    background-color: #ffffff;
}

a.txtLink:active {
    color: yellow;
}

a.txtLink:link {
    color: #9c3694;
}

a.txtLink:visited {
    font-weight: bold;
    color: #9c3694;
}

a.txtLinkGray:hover {
    font-weight: bold;
    background-color: #eeeeee;
    color: #eeeeee;
}

a.txtLinkGray:visited {
    font-weight: bold;
    color: #eeeeee;
}

a.txtLink:hover {
    text-decoration: underline;
    color: #000000;
    background-color: #cccccc;
}

li em {
	color: #ff0000; font-weight: bold;
}

#l8pointHelvetica {
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18pt
}

#l8pointHelveticaBold {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif, bold;
	font-size: 18pt
}

/*
 #l8pointHelveticaBoldBlack {
 text-align: center;
 font-family: Arial, Helvetica, sans-serif, bold;
 font-size: 18pt;
 color: #000;
 }
*/

#l6pointHelvetica {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16pt
}

#l4pointHelveticaBold {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif, bold;
	font-size: 14pt
}

#l2pointHelvetica {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt
}

#l0pointHelvetica {
    text-decoration: none;
    vertical-align: top;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt
}

#l0pointHelveticaCenter {
	text-align:center;
	text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt
}

#l0pointHelveticaEEEEEE {
    text-align:center;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    color: #eeeeee;
}

#EightPointHelvetica {
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 8pt
}

#banner {
    top: 120px;
    left: 90px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif, bold;
    font-size: 24pt;
    background-color: grey
}

#footer {
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: darkgrey
}

#header {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: grey
}

#navigate {
	top: 50px;
	left: 0px;
/*    width: 120px;*/
    height: 100%;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: lightgrey
}

#navigate img {
    color: none;
}

#navigate a {
    vertical-align: top;
    color: black; 
    text-decoration: none;
	display: block
}

#navigate a.newgroup {
/*	margin-top: 10px */
}

#navigate a.item {
    margin-left: 10px
}

#navigate a.hover {
	color: #ffffff;
	background-color: orange
}

ul { 
	margin=left; 2cm; 
}

ul ul { 
	text-decoration: underline; 
	margin-left: .5cm;
}

.grid-container {
    display: inline-grid;
    grid-column-gap: 10px;
}

.grid-container2 {
    display: inline-grid;
    grid-column-gap: 50px;
}

.grid-container3 {
    display: grid;
    grid: '. openArea . openArea2 .';
    grid-gap: 10px;
    background-color: rgba(255, 255, 255, 0.5);
/*    background-color: #cccccc;*/
    padding: 10px;
}

.grid-container_footer {
    display: grid;
    grid-template-columns: 430px 140px 150px 130px 130px 130px 130px 130px 130px;
    grid-row-gap: 10px;
}

.grid-container_header {
    display: grid;
    grid-template-columns: 130px 180px 130px 130px 130px 130px 130px 130px 130px;
    grid-row-gap: 10px;
}

.grid-container_copyright {
    display: grid;
    grid-template-columns: 230px 130px 530px 130px 130px 130px 130px;
    grid-row-gap: 10px;
}

.grid-container_9_column > a:hover {
    text-decoration: underline;
    color: #eeeeee;
    background-color: #eeeeee;
}

.grid-container_9_column {
    display: grid;
    grid-template-columns: 130px 130px 130px 130px 130px 130px 130px 130px 130px;
    grid-row-gap: 10px;
}

.grid-container_9_column > a:hover {
    text-decoration: underline;
    color: #eeeeee;
    background-color: #eeeeee;
}

.grid-container_7_column {
    display: grid;
    grid-template-columns: 130px 130px 130px 130px 130px 130px 130px;
    grid-row-gap: 10px;
}

.grid-container_7_column > a:hover {
    text-decoration: underline;
    color: #eeeeee;
    background-color: #eeeeee;
}

.grid-container_9x5 {
    display: grid;
    grid-template-columns: 130px 130px 130px 130px 130px 130px 130px 130px 130px;
}

.grid-container_9x5 > div {
    padding: 5px 0;
    text-align: center;
}

.item13 {
    grid-area: 2 / 4 / 5 / 8;
}

.openGridArea1 {
    grid-area: openArea;
}

.openGridArea2 {
    grid-area: openArea2;
}

.item1 {
    grid-column-start: 1;
    grid-column-end: 2;
/*    width: 10px;*/
}

.item2 {
    grid-column-start: 2;
    grid-column-end: 3;
}

.item3 {
    grid-column-start: 3;
    grid-column-end: 4;
}

.item4 {
    grid-column-start: 4;
    grid-column-end: 5;
}

.item5 {
    grid-column-start: 5;
    grid-column-end: 6;
}

.item6 {
    grid-column-start: 6;
    grid-column-end: 7;
}

.item7 {
    grid-column-start: 7;
    grid-column-end: 8;
}