#all { 
	background-color: #CCCCCC; 
	font-family:arial; 
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#header {
  font-family:arial; 
	padding: 0px 30px 0px 30px;
	margin: 0px 0px;
	background-color: #e8eaec;
 	background: url(Images/Header04.jpg) no-repeat;
	color:#FFFFFF;
	height:200px; 
	width:1024px;
}

#header h1 {
  margin: 0px;
  padding: 0px;
  font-size: 400%;
  font-weight: bold;
  font-family: arial; 
  text-shadow: #000000 0px 0px 3px;
}

#headerbar { 
	line-height:21px;        
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid white; 
  font-family: Arial; 
}

#footer { 
	margin: 0px;
	padding: 0px;
	font-family:arial; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#body {
	width:804px;
	margin: 0px 0px 0px 200px;
  	padding: 10px;
  	font:76% Verdana; 
	text-align:left; 
	color:#303030; 
	background:#F0F0F0;
}

#menu {
  line-height:21px;
  font-family: arial; 
  float: top;
  width: 1024px;
  height: 21px;
  padding: 0px;
  margin: 0px;
  background:#6080B0; 
  color:#ffffff;
  border-top:1px solid white;
  border-bottom: 1px solid white;
  list-style-type:none;
}

#submenu {
  line-height:21px;
  font-family: Arial; 
  float: left;
  width: 200px;
  padding: 0px;
  background:#90B0E0; 
  color:#ffffff;
  border-bottom: 1px solid white;
  margin:0px;
  list-style-type:none;
}

#pagemenu {
  float: left;
  width: 200px;
  padding: 5px 0px 5px 0px;
  background:#F0F0F0; 
  color:#000000;
  margin:0px;
  list-style-type:none;
}


.bar {
  clear: both;
  padding: 0px;
  margin: 0px;
  text-align: center;
  font-size: 85%;
  background-color: #90B0E0;
  color: #FFFFFF;
  width:1024px;

}

.left, .right {
  padding: 0px 5px;
  margin: 0px;
}

.left {
  float: left;
  text-align: left;
}

.right {
  float: right;
  text-align: right;
}

/* styling the menu */
#menu a, #menu span {
  line-height:21px;
  text-decoration: none;
  font-weight: bold;
  font-size:14px;
  padding:0px;
  margin:0px;
  color:#FFFFFF;
  height: 21px;
}

#menu a:hover {
  text-decoration: underline;
}

#menu .webgen-menu-item-selected, #menu .webgen-menu-submenu-inhierarch {  
  font-size:14px;
  background: #90B0E0;
  line-height:21px;
  text-decoration: none;
  font-weight: bold;
  padding:0px;
  margin:0px;
  color:#FFFFFF;
  height: 21px;

}

#menu ul {
  line-height:21px;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#menu li {
  line-height:21px;
  font-size:14px;
  float:left; 
  list-style-type:none; 
  white-space: nowrap;
  padding:0px 5px;
  margin:0px;
  text-decoration: none;
#  font-weight: bold;
  color:#FFFFFF;
  height: 21px;
  border-right: 1px solid white;
}

#menu li > ul {
}

#submenu a, #menu span {
  font-size: 95%;
  text-decoration: none;
  font-weight: bold;
  margin:0px 5px;
  color:#FFFFFF;
}

#submenu a:hover {
  font-size: 95%;
  text-decoration: underline;
}

#submenu .webgen-menu-item-selected {
  background: #AFCFFF; 
  font-weight: bold;
  padding:0px 5px;
  width:190px;
}

#menu .webgen-menu-submenu-inhierarchy {
  background: #AFCFFF; 
}

#submenu ul {
  font-size: 95%;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width:200px;
}

#submenu li {
  font-size: 95%;
  float:left; 
  list-style-type:none; 
  white-space:nowrap;
  padding:0px;
  margin:0px;
  width:200px;
}

.webgen-menu-level2 span, .webgen-menu-level2 a {
	padding: 0px 0px 0px 10px;
}

#submenu li > ul {
  font-size: 95%;
  padding: 0px;
  margin: 0px;
  width:200px;
}


#pagemenu a, #pagemenu span {
  background:#F0F0F0; 
  color:#000000;
  text-decoration: none;
  padding:0px 5px 0px 5px;
  margin:0px;
  width:200px;
  font-size: 80%;
}

#pagemenu a:hover {
  text-decoration: underline;
  font-size: 80%;
}

#pagemenu .webgen-menu-item-selected {
  color:#000000;
  background: #F0F0F0;
  text-decoration: underline;
  font-size: 80%;
}

#pagemenu ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width:200px;
}

#pagemenu li {
  font-size: 100%;
  float:left; 
  list-style-type:none; 
  white-space:nowrap;
  padding:0px 0px 0px  10px;
  margin:0px;
  width:200px;
}

#pagemenu li > ul {
  font-size: 100%;
  padding: 0px;
  margin: 0px;
}

table {   
   width:90%;
   background:#000000; 
   border:1px solid black;
   border-collapse:collapse;
   margin: 5px auto;
}

th {
   font-family:arial; 
   font-size: 100%;
   font-weight: bold;
   margin:0px;
   padding:5px 7px;
   background:#90B0E0;
   border:1px solid black;
}

td {
   font-family:arial; 
   font-size: 100%;
   margin:0px;
   padding:5px 7px;
   background:#F0F0F0; 
   white-space:pre-wrap;
   border-left-color: black;
   border-left-style: solid;
   border-left-width: 1px;
}

table.qcomment {
   width:90%;
   margin: 3px auto;
   background: #000000;
   border:0;
   border-collapse:collapse;
   border:1px solid black;
}

th.qcomment {
  font-family:arial; 
  font-size: 90%;
  font-weight: bold;
  padding:3px 5px;
  background: #6080B0;
  border:1px solid black;
}

td.qcomment {
  font-family:arial; 
  font-size: 90%;
  margin:0px;
  background:#B0B0B0; 
  white-space:pre-wrap;
  padding:3px 5px;
}


input.commentbtn {
   background-color:#ffffff;
   border-style:solid;
   border-color:#000000;
   border-width:1px;
   margin:3px;
   padding:3px 5px;
}

div.comsec {
}

div.cntsec {
}


table.counter {
   width: auto;
   margin: 5px auto;
   background: #000000;
   color: #ffffff;
   border:0;
   border-collapse:collapse;
   border:1px solid white;
}

th.counter {
  font-family:arial; 
  font-size: 90%;
  font-weight: bold;
  padding:3px 5px;
  background: #FFFFFF;
  color: #000000;
  border:1px solid white;
}

td.counter {
  background: #000000;
  font-family:arial; 
  font-size: 90%;
  margin:0px;
  padding:3px 3px;
  border:1px solid white;
}