body {
  margin:0;
  border:0;
  padding:0;
  height:100%;
  max-height:100%;
  font-size:76%;  
  font-family:arial, verdana, sans-serif;
  overflow:hidden;
  background:#404040;
  SCROLLBAR-FACE-COLOR: #404040;
  SCROLLBAR-HIGHLIGHT-COLOR: black;
  SCROLLBAR-SHADOW-COLOR: black;
  SCROLLBAR-3DLIGHT-COLOR: white;
  SCROLLBAR-ARROW-COLOR: whitesmoke;
  SCROLLBAR-TRACK-COLOR: whitesmoke;
  }

/* for internet explorer */
* html body {
  padding:120px 0px 20px 0px; 
  }


#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 116px;
	overflow: auto;
	background: #404040;
	border-bottom: 4px solid #fff;
	font-size: 12;
	background-image: url('POAL-LOGO10.gif'); 
	background-repeat: no-repeat;
	background-position: top;

}

* html #header {
  height:120px;
  width:100%;
}

#header H1 {
  font-size:60;
  color:#fff;
  text-align:center;
  }


#gbook_header h1 {
  font-size:10;
  color:#fff;
  text-align:center;
  }

#gbook_top_links a {
  width:4.0em;
  color:#AAA;
  background-color:#404040;
}


/* This keeps the page links centered in the header */
#header ul {
  clear:both; 
  text-align:center; 
  }

/* margin keeps the header "spread out" to the fully defined header area 
   padding-top keeps the list towards the bottom of the header area */
   
#header ul {
  margin:0; 
  padding-top:90px;  
  height:0; 
  }

/* display:inline keeps the list items horizontal */

#header ul li {
  display:inline; 
  }

/* width defines the width of the list-item background blocks
   color is the color of the list-item text
   background-color is the background-color of the list-item blocks */

#header a {
  width:4.0em;
  color:#AAA;
  background-color:#404040;
}

#header a.selected {
  color:#fff;
  text-decoration:bold;
  font-size:18;
}

#header a:hover {
  background-color: #808080;
  COLOR: #fff;
  text-decoration: underline;
  font-size:18;
}

#menu {
  position:relative; /* ADDED */
  padding:0;
  margin:0;
  width:0; /* ADDED */
  }


#menu li {
  text-align:left;
  list-style-type:none;
  margin:0 0 0.25em 0; /* ADDED */
  }

#menu a, #menu a:visited {
  display:block;
  width:9em;
  border:1px solid #808080;
  font-family:arial, verdana, sans-serif; /* ADDED */
  font-size:0.8em; /* ADDED */
  text-align:center; /* ADDED */
  text-decoration:none; /* ADDED */
  background:#404040; /* ADDED */
  color:#fff; /* ADDED */
  padding:0.25em; /* ADDED */
  }

#menu a:hover {
  background:#808080;
  color:#fff;
  }

#menu a span {
  display:none;
  }

#menu a:hover span {
  display:block;
  position:absolute; /* ADDED */
  left:10em; /* ADDED */ 
  top:0; /* ADDED */
  text-align:left; /* ADDED */
  padding:0.5em;  /* ADDED */
  width:24em; /* ADDED */
  background-color:#404040; /* ADDED */
  color:#000; /* ADDED */ 
  border:1px solid #808080; /* ADDED */
  }

#contents {
  font-family:"times new roman", serif;
  font-size: 1.2em;
  position:fixed; 
  top:120px;
  left:0;
  bottom:20px; 
  right:0; 
  overflow:auto; 
  background:#404040; 
  text-align:center;
  color:#fff;
  }

* html #contents {
  height:100%;
  width:100%;
  }

#contents .font12 {
  font-size:12;
  color:#fff;
}  

#contents .font14 {
  font-size:14;
  color:#fff;
} 


#contents .font16 {
  font-size:16;
  color:#fff;
}  

#contents .font18 {
  font-size:18;
  color:#fff;
}

#contents .font20 {
  font-size:20;
  color:#fff;
} 

#contents .font22 {
  font-size:22;
  color:#fff;
}
 
#contents .font24 {
  font-size:24;
  color:#fff;
} 

#contents .font28 {
  font-size:28;
  color:#fff;
}

#contents .fontLISZ {
  font-size:20;
}
 
#footer {
  margin-left:0px;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:18px;
  overflow:hidden;
  text-align:center;
  background:#404040;
  border-top: 2px solid #fff;
    }

* html #footer {
  height:20px;
  width:100%;
}

#footer tr.fontSZ {
  font-size:10;
  color:#fff;
}


.V-sep-bar {
  color:fff;
}

.centerJ {
  text-align:center;
  color:#fff;
}
.leftJ {
  text-align:left;
}
.rightJ {
  text-align:right;
}

h1 {font-size:4em; margin:0; padding:0;}

a {
  font-size:1.1em;
  text-decoration:underline;
  color:#fff;
  }

a:visited {
  font-size:1.1em;
  text-decoration:underline;
  color:#fff;
  }

a:hover {
  background-color: #404040;
  COLOR: #fff;
  text-decoration: underline;
}

.lft {float:left;}
.rgt{float:right;}


.middlehalf {width:75%; text-align:center; margin:2%;}
.middlehalf tr, {color:#fff;}
.middlehalf a, {color:#BBB;}
.middlehalf a:visited, {color:#BBB;}
.middlehalf a:hover, {color:#FFF;}

.columnhalf {width:50%; text-align:left; margin-right:2%; color:#fff;}
.white {color:#FFF;}
.columnone, .columntwo {width:20%; float:left; text-align:justify; margin-left:1%; margin-right:2%; color:#fff;}
.columnthree {text-align:justify; border:1px solid #fff;}

* html .columnthree {border:0;}
hr {clear:both; border:0; height:1px; color:#fff;}

.columnthree a, .columnthree a:visited {font-size:1em; color:#fff; text-decoration:underline;}
.columnthree a:hover {color:#fff; text-decoration:none;}


#agoracat {
	background: #404040;
	font-size: 20;
	color: #F0F8FF;
}

#agoracat a {
  width:4.0em;
  background-color:#404040;
}

#agoracat a.selected {
  color:#fff;
  text-decoration:bold;
}

#agoracat a:hover {
  background-color: #808080;
  COLOR: #fff;
  text-decoration: underline;
}

#agoracat td {
  color: #F0F8FF;
  }