body, table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10pt;
  background:#ffffff;
  padding: 0px 10px 0px 10px;
  width:800px;
}

.normalHeading {background-color:#dddddd; color:#555; font-size:12pt;}
.smallHeading {background-color:#eeeeee; color:#777; font-size:10pt;}
.menuHeading {background-color:#eeddcc; color:#864; font-size:10pt;}
.normalBold {font-size:10pt; font-weight:bold;}
.normalBlock {font-size:10pt; text-align:justify;}
.normal {font-size:10pt;}
.comment {font-size:8pt; color:#B45F06;}
.advise {font-size:10pt; color:brown; text-align:justify;}
.list {list-style:none;margin:0;}


.header {
  background-image:url('cs_ima.jpg');
  background-repeat:no-repeat;
}

#menu {
  border-bottom:1px solid #ccc;
  margin:0;
  padding-bottom:19px;
  padding-left:8px;
}

#menu ul, #menu li {
  display:inline;
  list-style-type:none;
  margin:0;
  padding:0;
}

#menu a:link, #menu a:visited {
  background:#AAAAAA;
  border:1px solid #ccc;
  color:#fff;
  float:left;
  font-size:small;
  font-weight:normal;
  line-height:14px;
  margin-right:4px;
  padding:2px 10px 2px 10px;
  text-decoration:none;
}

#menu a:link.active, #menu a:visited.active {
  background:#fff;
  border-bottom:1px solid #fff;
  color:#000;
}

#menu a:hover {
  color:#f00;
}

body.section-1 #menu li#nav-1 a,
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a {
	background:#eee;
	border-bottom:1px solid #eee;
	color:#000;
}

#menu ul a:hover {
	color:#f00 !important;
}

#contents {
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
	clear:both;
	margin:0px;
	padding:15px;
}

#submenu {
  background:#EEEEEE;
}

/* Popup overlay */
.img-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.img-popup-overlay.active {
  display: flex;
}

/* Popup image */
.img-popup-content {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  cursor: pointer;
}

/* Close button */
.img-popup-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}

.img-popup-close:hover {
  color: #ccc;
}

/* Make images clickable */
.clickable-img {
  cursor: pointer;
  transition: opacity 0.3s;
}

.clickable-img:hover {
  opacity: 0.8;
}