html {
	overflow-y: scroll;
	scroll-behavior: smooth;
}

BODY {
scrollbar-base-color : #F9F4C7;
scrollbar-arrow-color : #F9a4c7;
font-family : arial;
font-size: 12;
background:#697683 url('bg2.jpg') no-repeat top left fixed;
}

a {
font-weight:bold;
font-color: #000000;
text-decoration: none;
}

a:hover {
background-color: #ffffff;
}

div.hanging {
text-indent: -25px;
padding-left: 25px;
}

div.float {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index:100
}

div.toparrowfloat {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index:100
}

div.fixedtop1 {
position: absolute;
text-align: center;
top: 0px;
left: 30px;
right: 30px;
width: 900px;
margin: 0 auto;
border: none;
z-index: 50;
}

div.center900a {
width: 900px;
height: 120px;
margin: 0 auto;
text-align: left
}

div.logo {
  position:absolute;
  margin-left: 30px;
  margin-top: 0px;
  right: 30px;
  top: 0px;
  }

div.article {
text-indent:25px;
text-align:justify;
}

div.ads
  {
  position:fixed;
  right: 10px;
  top: 10px;
  width:120px;
  height:90px;
  }

div.endbar
  {
  margin: auto;
  padding:0;
  width: 700px;
  height: 30px;
  background-image: url("endbar.jpg");
  }

div.maintext
  {
  margin: auto;
  text-align: left;
  background-color: #ffffff;
  background-image: url("tablebg.jpg");
  width: 700px;
  }

div.coverimage
{
  margin-left: 0px;
  margin-right: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:1em;
  text-align: center;
  float: right;
  background-color: #ffffff;
}

div.maintext p,li
  {
  font-family: "Arial";
  font-size: 10pt;
  color: #000000;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 0px;
  margin-bottom: 5pt;
  background: #ffffff;
  }

div.maintext td
  {
  font-family: "Arial";
  font-size: 9pt;
  color: #000000;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 0px;
  }

div.icon {
  font-family: "Arial";
  font-size: 9pt;
  margin: auto;
  width:110px;
  vertical-align: top;
  //margin-left: 5px;
  //margin-right: 5px;
  //margin-top: 5px;
  //margin-bottom: 5px;
  text-align: center;
  white-space: initial;
  display: inline-block;
  background-color: #ffffff;
}

div.comic {
  font-family: "Arial";
  font-size: 9pt;
  margin: auto;
  margin-left: 25px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #ffffff;
  width: 600px;
  display: inline-block;
}

div.comiccover {
  margin: auto;
  text-align: center;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: url("iconbg.jpg");
  width: 75px;
  height: 75px;
  display: inline-block;
  float: left; 
}



div.crumb
  {
  margin: auto;
  width: 700px;
  height: 30px;
  background-image: url("titlebar.jpg");
  }

div.crumb p
  {
  font-family: "Arial";
  font-size: 9pt;
  font-weight : bold;
  color: #000000;
  margin-left: 10px;
  margin-top: 0px;
  line-height: 1.6;
  }

div.crumb a {
font-weight:bold;
font-color: #ffffff;
text-decoration: none;
}

div.crumb a:hover {
background-color: #ffffff;
}

table {
}

td,th {
font-family : arial;
font-size: 12;
  margin-left: 25px;
  margin-right: 25px;
background-color: #ffffff;
}

h1 {
margin-top: 0px;
margin-bottom: 0px;
font-family : arial;
font-size : 22;
font-weight : bold;
}

h2 {
margin-top: 0px;
margin-bottom: 0px;
font-family : arial;
font-size : 18;
font-weight : bold;
}

h3 {
margin-top: 0px;
margin-bottom: 0px;
font-family : arial;
font-size : 14;
font-weight : bold;
}

h6 {
font-family : arial;
font-size : 14;
font-weight : bold;
}

input.button {
	background-color:#7892c2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:0.5rem;
	border: 0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:1em 2em;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
	transition: transform 500ms;
}
input.button:hover {
	background-color:#476e9e;
	transform: translateY(-.3rem);
	transition: transform 200ms;
	
}
input.button:active {
	position:relative;
	top:1px;
}