@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}


BODY {
	max-width:75em;
	font-family:'Times New Roman','Serif'; 
	font-size:1em;
	text-align:justify;
	margin-top:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	color:#000;
	background:#000;
	box-sizing: border-box;
		background-image: url("./images/a2.jpg"); 
	background-attachment: fixed;
	background-size:normal;
}

.othersites {width:80%;line-height:110%;}
.topad {font-size:100%;}



#gradjs {
background: -webkit-radial-gradient(#008FFF, #000044); /* Safari */
background: -o-radial-gradient(#008FFF,  #000044); /* For Opera 11.1 to 12.0 */
background: -moz-radial-gradient(#008FFF,  #000044); /* For Firefox 3.6 to 15 */
background: radial-gradient(#008FFF,  #000044); /* Standard syntax (must be last) */
}

#taba {
	background-color:teal;
	box-shadow: .2em .2em .4em .25em #000000 inset;
	box-sizing: border-box;
	line-height:1.0;
	border-radius:1em;
	padding:.25em 2em;
	}
#tabe {
	background-color:teal;
	border:.15em solid #000;
	box-shadow: 0 0 .2em .5em #1f4f1f inset;
	box-sizing: border-box;
	line-height:1.0;
	border-radius:7em;
	padding:.25em 2em;
	}
	
#tabb {
	background-color:#ff4f2f;
	box-shadow: .1em .1em .2em .25em #000000 inset;

	border-radius:1em;
	line-height:1.25;
	padding:0 1em;
	margin:1em auto;
	color:#002f28;
	font-weight: 900;
	font-style: normal;
	font-family:arial, sans-serif;
	}

  
#tabc {
	background-color:turquoise;
	box-shadow: .75em .75em .75em #006f4f inset;
	border:.25em solid pink;
	line-height:1.0;
	color:black;
	border-radius:1em;
	padding:.5em 1em;
	margin-bottom:.6em;
	}
	
#tabd {
	background-color:turquoise;
	box-shadow: .75em .75em .75em #006f4f inset;
	border:.25em solid silver	;
	line-height:1.0;
	color:black;
	border-radius:1em;
	padding:.5em 1em;
	margin-bottom:.6em;
	}
	
.buttontop {
  display: inline-block;
  margin:5px 0px;
  padding: 1px 1px;
  cursor: pointer;
  outline: none;
  border-width:0;
  border-style: inset;	
  border-radius: .5em;
	
}

.buttontop:hover {  
	padding: 1px 1px;
	background-color: lightgreen; 
	color:black;
	border-color:green;
	}

.buttontop:active {  
	padding: 1px 1px;
	background-color: yellow;
	box-shadow: 1px 3px #000000;
	transform: translateY(5px);
	}		
img {
margin-right:3px;
margin-left:3px;
}

@font-face {
	font-family: 'Conv_HARLOWSI';
	src: url('fonts/HARLOWSI.eot');
	src: local('?'), url('fonts/HARLOWSI.eot?#iefix') format('embedded-opentype'), url('fonts/HARLOWSI.woff') format('woff'), url('fonts/HARLOWSI.ttf') format('truetype'), url('fonts/HARLOWSI.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_times';
	src: url('fonts/times.eot');
	src: local('?'),url('fonts/times.eot?#iefix') format('embedded-opentype'), url('fonts/times.woff') format('woff'), url('fonts/times.ttf') format('truetype'), url('fonts/times.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Schoolbook';
	src: url('fonts/texgyreschola-regular.eot');
	src: local('?'),url('fonts/ttexgyreschola-regular.eot?#iefix') format('embedded-opentype'), url('fonts/texgyreschola-regular.woff') format('woff'), url('fonts/texgyreschola-regular.ttf') format('truetype'), url('fonts/texgyreschola-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
#grad {
	background-image: url("./images/bg1.jpg"); 
	background-attachment: fixed;
}

#grad2 {
	background-image: url("./images/boomerangblack.jpg"); 
	background-attachment: fixed;
}
#grad3{
	background-image: url("./images/blacklink1.jpg"); 
	background-attachment: fixed;
}
#gradold {
	background: -msie-radial-gradient(#008f7f, #001f0f); /* IE */
	background: -webkit-radial-gradient(#008f7f, #001f0f); /* Safari */
	background: -o-radial-gradient(#008f7f, #001f0f); /* For Opera 11.1 to 12.0 */
	background: -moz-radial-gradient(#008f7f, #001f0f); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#005f4f, #001f0f); /* Standard syntax (must be last) */
}

th {text-align:center; font-weight: bold;}

A:Link{color: #0000af; text-decoration:none;}
A:Visited {color: #0000AF; text-decoration:none;}
A:Hover {color: #00f; text-decoration:none;}
A:Active {color: #ff004f; text-decoration:underline;}


H2 {text-align:center; color:#000000; font-weight: bold; font-size: 130%; margin:0; padding:0;}
H3 {text-align:center; font-weight: bold; font-size: 125%; letter-spacing:.25em; margin:0; padding:0; }
H4 {text-align:center; font-style: italic; font-weight: bold; font-size: 90%; letter-spacing:.25em; margin:0; padding:0; }
H5 {text-align:center; font-family:serif; color:#000000; text-shadow: 0 0 1px teal; font-style: normal; font-weight: bold; font-size: 200%;  letter-spacing:.05em; margin:0; padding:0; text-shadow: .09em .09em .09emx #000000;}
H1 {text-align:center; font-family:arial, sans-serif; color:#ff4f2f; text-shadow: 2px 2px 2px #000000	; font-style: normal; font-weight: bold; font-size: 275%; margin:0; padding:0;}


#inner {border:.1em solid #880521; width:90% padding:.5em; border-radius:1em; background-color:#00008f; box-shadow: .05em .05em .05em #810541; margin-left:auto; margin-right:auto;}
.b2i {text-align:justify; font:normal; text-indent:1.5em; margin:4px; padding:1px;}
.indent	 {text-align:justify; font:normal; text-indent:1.5em; margin:3px; padding:0px;}
/*.outer {
	border:.2em solid #004f3f; 
	padding-top:.1em; 
	padding-bottom:.8em; 
	padding-left:.75em; 
	padding-right:.75em; 
	border-radius:1em; 
	width:95%; 
	background-color:#888888;
  background-image: url(./Images/bg.jpg); 	
	box-shadow: 2px 2px 3px black inset; 
	margin-left:auto;
	margin-right:auto;
		box-sizing: border-box;
	}
	
	*/

.outer {box-sizing: border-box;}

.outer2 {
	border:1px solid #000000; 
	padding-top:.1em; 
	padding-bottom:.8em; 
	padding-left:.75em; 
	padding-right:.75em; 
	border-radius:0; 
	width:100	%; 
	background-color:pink;
	box-shadow: 2px 2px 3px black inset; 
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	}
	
.button {
  display: inline-block;
  padding: 0px 2px;

  font-size: .6em;
  font-weight:bold;	
  cursor: pointer;
  letter-spacing:.1vmin;
  text-align: center;	
  text-decoration: none;
  outline: none;
  color: black;
  background-color: #f09070;
  border: solid;
  border-color:#999;
  border-width:1px;
  border-radius: 1em;
  box-shadow: 1px 1px #999;
}

.button:hover {background-color: lightgreen;}

.button:active {
  background-color: yellow;
  box-shadow: 1px 3px #666;
  transform: translateY(2px);
}


@media  only screen and (max-width: 1024px) {body {font-size:90%}}

@media  only screen and (max-width: 800px) {body {font-size:86%} .ad{display:none;} .buttontop{width:6%;} .topad{margin:auto;width:95%;}}

@media  only screen and (max-width: 640px) {body {font-size:82%}  #menu1{font-size:200%} .buttontop{width:8%}}

@media  only screen and (max-width: 575px) {body {font-size:78%} }

@media  only screen and (max-width: 480px) {body {font-size:74%} #menu1{font-size:185%} h1 {font-size:130%} .buttontop{width:10%}}

@media  only screen and (max-width: 400px) {body {font-size:70%} }

@media  only screen and (max-width: 320px) {body {font-size:66%}}

@media  only screen and (max-width: 300px) {body {font-size:64%}}