/*       Style for Info Files   style2023.css
*
*        last 24 april 2023
*  
*            
*/

<style media="screen" type="text/css">
/*   Boxes here    */

a:link {
    text-decoration: none;
#box1a{
    background-color:#ffffff;
    color:#000000;
    text-align:center;
     font-size: 20px;
    padding:20px;
    border-radius: 20px ;
}
#body{
    background-color:#eee8cd;
    color:#000000;
    text-align:center;
    text-color:#2266aa;
     font-size: 24px;
    padding:20px;
    border-radius: 20px ;
}
#box2 {
    background-color:#ffffcc;
    color:#2266aa;
    text-align:center;
    padding:5px;
    border-radius: 20px ;
}
#box3 {
    background-color:#cccc99;
    color:#99ccff;
    text-align:center;
    padding:5px;
    border-radius: 20px ;
}
#box4 {
    background-color:#ffffff;
    color:#2266aa;
    text-align:center;
    padding:5px;
    border-radius: 20px ;
}
#box7 {
    background-color:#ccddee;
    color:#99ccff;
    text-align:center;
    padding:5px;
    border-radius: 20px ;
}
#box8 {
    background-color:#FFFFFF;
    color:#2266aa;
    text-align:center;
    padding:5px;
    border-radius: 20px ;
}
#box9 {
    background-color:#ffffcc;
    color:#2266aa;
    text-align:center;
    padding:5px;
    border-radius: 20px ;
}
#box10 {
    background-color:#ffffcc;
    color:#2266aa;
    text-align:center;
    padding:5px;
    border-radius: 20px ;
}
#box112 {
    background-color:#ffffcc;
    color:#2266aa;
    text-align:center;
    padding:5px;
    border-radius: 20px ;
}
#box15 {
    background-color:#ffffcc;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box17{
    background-color:#cccccc;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box18{
    background-color:#ed4fc9;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}

#box209{
    background-color:#111111;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box210{
    background-color:#cccaaa;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box210b{
    background-color:#cccaaa;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box210c{
    background-color:#cccaaa;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}

#box220{
    background-color:#cccbbb;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box221{
    background-color:#ffffff;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box254{
    background-color:#eeeaaa;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}

#box255{
    background-color:#dddbbb;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}

#box256{
    background-color:#dddaaa;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box267{
    background-color:#cccaaa;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box270{
    background-color:#aaa555;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box312 {
    background-color:#ffffcc;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box314 {
    background-color:#BCE4F7;
    color:#2266aa;
    text-align:center;
    padding:10px;
    border-radius: 20px ;
    font-family:comic sans MS;
    font-size:12pt;
    color:#dddddd;
}
#box319{
    background-color:#679ed2;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box319b{
    background-color:#cccccc;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box319c{
    background-color:#947757;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}

#box319d{
    background-color:#647757;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}


#box320{
    background-color:#eeeeee;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box321{
    background-color:#dedfea;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box322{
    background-color:#af9b60;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box323{
    background-color:#eac117;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box325{
    background-color:#ddd8cd;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box327{
    background-color:#fff8cd;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#box329{
    background-color:#ccce8c;
    color:#2266aa;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}

#avanti {
    background-color:#fffccc;
    color:#2266aa;
    text-align:center;
    padding:5px;
    border-radius: 20px ;
}

#boxm {
    width:150px;
    height:150px;
    background-image: url('Images/memorabiliaps2.jpg');
    background-repeat:no-repeat;background-size:150px 180px;
    border: 1px solid black;
}

#boxv{
    background-color:#eeeee0;
    color:#e6e6e6;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#ibox3{
    background-color:#dddaaa;
    color:#bbbbbb;
    text-align:center;
    text-color:#2266aa;
    padding:15px;
    border-radius: 20px ;
}
#ibox1{
    background-color:#eef9cd;
    color:#bbbbbb;
    text-align:center;
    text-color:#2266aa;
    padding:15px;
    border-radius: 20px ;
}
#ibox2{
    background-color:#cccaaa;
    color:#bbbbbb;
    text-align:center;
    font-size: 15px;
    padding:15px;
    border-radius: 20px ;
}
#ibox3{
    background-color:#aaaaaa;
    color:#2266aab;
    image-align:center;
    vertical-align:middle
    text-align:left;
    font-size: 15px;
    text-color:#000000;
    padding:15px;
    border-radius: 20px ;
}

  
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 350px;
  position: relative;
  margin: auto;
}


/* The dots/bullets/indicators */
.dot {
  height: 1px;
  width: 1px;
  margin: 0px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.5s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: .5s;
  animation-name: fade;
  animation-duration: .5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 100px) {
  .text {font-size: 4px}
}

  	/* <!-- END 16 Dec 2018 --> */
  	
  
	
	/* General styles */
	@media (max-width: 600px) {
    .column {
        width: 100%;
    }
}
	
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of GG Explorer */
		font-size:90%;
	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
		clear:both;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	#ads {
		width:100%;
		padding:20px 0;
	}
	#ads #mjt {
		float:left;
		margin-bottom:20px;
	}
	#ads .adhere {
		margin:0 10px 10px 0;
	}
	#ads img {
		display:block;
		margin:0;
	}
	
	/* download link */
	.download {
		clear:both;
		float:left;
		padding-top:10px;
	}
	.download a {
		padding:.3em .5em !important;
		margin-right:10px;
		background:#00bd3e;
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		font-size:1.5em;
		-moz-border-radius:.3em;
		-webkit-border-radius:.3em;
		border-radius:.3em;
		line-height:2.5em;
		-moz-box-shadow: 1px  1px 2px #888;
		-webkit-box-shadow: 1px 1px 2px #888;
		box-shadow: 1px 1px 2px #888;
	}
	.download a:hover {
		background:#5f534f;
		text-shadow: 2px 2px 2px #000;
	}

	/* Header styles */
	#header {
		clear:both;
		float:left;
		background:#eee8cd;
		width:100%;
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee8cd;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#eee8cd;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		color:#eee8cd;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#eee8cd;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#eee8cd;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#eee8cd;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		color:#eee8cd;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(jump_to_top_arrow.png) no-repeat left top;}
#toTopHover {
	background:url(jump_to_top_arrow.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {
	outline:none;}
	
	
	
		/*<!-- Drop Down1 --> */
     /*<Style type="text/css"> */
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #eee8cd;
}
/* <!-- Translate --> */
#ibox2{
    background-color:#cccaaa;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#ibox3{
    background-color:#aaaaaa;
    color:#2266aab;
    image-align:center;
    vertical-align:middle
    text-align:left;
    text-color:#000000;
    padding:15px;
    border-radius: 20px ;
}

#wrapper{
width:1156px;
margin:0 auto;
background:#eee8cd;
display:block;
}
#left{
margin:0 0 0 15px;
background:#eeffee;
width:200px;
float:left;
}

</style>