
body
    {scrollbar-arrow-color: #000000; scrollbar-base-color: #FFCC99;background:color: rgb(0, 0, 0); background-color: rgb(255, 204, 153);margin:0;  }


#top{
	color: rgb(0, 0, 0); background-color: rgb(255, 204, 0);position:sticky;top:0;width:100%;left:0;display:inline-block;
}
#top>table{margin-top:8px;margin-left:8px;margin-right:8px;}
#top td{margin:0;padding:0;}

#bottom{
	color: rgb(0, 0, 0); background-color: rgb(204, 102, 0); bottom:0;position:sticky;width:100%;left:0;
	overflow:hidden;display:flex;
}

a:link { color:#CC6600; text-decoration:none; font-weight:bold; font-family:  Verdana, Helvetica, sans-serif;
   font-size: 10pt; }


a:visited { color:#804040; text-decoration:none; font-weight:bold; font-family:  Verdana, Helvetica, sans-serif;
   font-size: 10pt; }

a:hover { color:#400000; text-decoration:none; background-color:#F67A30; font-weight:bold; font-family:  Verdana, Helvetica, sans-serif;
   font-size: 10pt;}


a:active { color:#400040; background-color:#F67A30; font-weight:bold; font-family: Verdana, Helvetica, sans-serif;
   font-size: 10pt;}


  td {  font-family: Verdana, Helvetica, sans-serif;  font-size: 10pt;}
  


.box { 
  background: #FFAF3F; 
}
.boxtop { 
  background: url(ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}

.maintable{
	background-color: rgb(255, 153, 0); width: 80%;
}

.maintable img{
	border: 0px solid ; width: 240px; height: auto;
}

form{float:right;}

@media screen and (max-width:900px){
	/*#top,#bottom{
		position:absolute;
	}
	#main{
		padding-top:45px;
		padding-bottom:60px;
	}*/
	.maintable{
		width:100%;
		background:white;
	}
	.maintable tbody{
		
	}
	.maintable tr{
		display:flex;
		flex-direction:column-reverse
	}
	.maintable td{
		background:transparent;
	}
	#top table:nth-child(2){
		display:contents;
		text-align:right;
	}
	#top td{
		display:inline-block;
	}
	form{
		float:none;
	}
}



 