body { 
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
  background: #c0c0c0;
}

h1, .contentheading, .componentheading, .folder_title { color:#929292; font-size:16pt; line-height:1.2em; text-transform:uppercase; padding-bottom:20px; font-weight:normal;}
h2, .rss_title { color:#929292; font-size:14pt; line-height:1.2em; text-transform:uppercase; padding-bottom:20px;}
h3 { color:#89b700; font-size:14pt; line-height:1.2em;}

ul {
	list-style:none;
	margin-block-start: auto;
}

#main {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  height:100%;
}

#header {
	height:334px; 
	background:url(../images/header-bg.jpg) no-repeat center top;
    background-size: contain;
}
#header .logo { 
	position:relative; 
	left:60px; 
	top:80px;
	font-size:60pt;
	color:#eee;
	height:200px;
	font-weight:bold;
}

#header img {
  max-width: 100%;
  height: auto;
  display: block;
}

#content {
	padding:5px;
	position:relative;
	height:100%;
}


#content-layout {
  display: grid;
  grid-template-columns: 220px 1fr 220px;
  gap: 20px;
  padding: 15px;
  align-items: start;
}

#left .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

#left .section-header h3 {
  margin: 0;
  color: #6ca800;
  font-size: 18px;
}

#left .section-title-right img {
  width: 18px;
  height: 18px;
  margin-left: 6px;
  vertical-align: middle;
  padding-right: 20px;
}

#left .menu-body {
  border: 1px solid #6ca800;
  background: #fff;
  padding: 10px;
  width: 220px;
  margin-left: -40px;
}

/* INNER GRAY BOX */
#left .menu-list {
  background: #dcdcdc;
  padding: 10px;
}

/* REMOVE BULLETS + INDENT */
#left ul.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* EACH ITEM SPACING */
#left ul.nav li {
  margin: 0;
  padding: 2px 0;
}

/* LINK STYLE */
#left ul.nav li a {
  color: #222;
  text-decoration: none;
  font-size: 14px;
  display: block;
}

/* HOVER (subtle, optional but nice) */
#left ul.nav li a:hover {
  color: #6ca800;
  text-decoration: underline;
}

#keyinfo {
display:none;
height:0px;
}


/*==================txt, links, lines, titles====================*/
a, .contentpaneopen a {color:#89b700; outline:none;}
a:hover, .contentpaneopen a:hover{text-decoration:none;}

#right-ad {
  min-width: 220px;
  min-height: 220px;
  border: 1px solid #a6d600;
  background: #fff;
  padding: 10px;
  margin-left: 20px;
}

.item-page h2 {
  text-transform: uppercase;
  color: #888;
  font-weight: normal;
}

a {
  color: #6ca800;
}

#footer {
  padding: 30px 10px;
  font-size: 13px;
  color: #333;
  text-align:center;
}

@media (max-width: 800px) {
  #content-layout {
    grid-template-columns: 1fr;
  }

  #left,
  #right-ad,
  #indent {
    width: auto !important;
  }
}