div.banner {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 1200px;
    height: 120px;
    text-align:center;
}
div.header {
    position: absolute;
    top: 130px;
    left: 10px;
    width: 1200px;
    height: 45px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: grey
}
div.left_column {
    position: fixed;
    top: 180px;
    left: 10px;
    width: 100px;
    height: 575px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: grey;
    padding: 15px 15px;
}
div.center_column {
    position: absolute;
    top: 185px;
    left: 220px;
    width: 850px;
    height: 400px;
}
div.right_column {position: absolute;top: 185px;left: 860px;width: 350px;height: 400px;}
div.footer {position: absolute; top: 790px; left: 10px; width: 1200px; height: 100px;}
#center_column {
    position: absolute;
    top: 185px;
    left: 220px;
    width: 850px;
}

a:link {
	color: #0000ff;
}

a:visited {
	color: #ffdd00;
}

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;
 }
*/


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

#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 {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif, bold;
    font-size: 24pt;
    background-color: grey
}

#footer {
    position: absolute;
    top: 790px;
    width: 1200px;
    height: 100px;
    left: 10px;
    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-left: 10px;
    background-color: orange;
}

#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_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;
}

body {
    /*
    background-image: url("/graphics/banner.png");
    background-position: center top;
    background-repeat: no-repeat;
     */
    background-color: #eeeeee
}