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



BODY {
	max-width:80em;
	font-family:'Times New Roman','Serif'; 
	font-size:1.075em;
	text-align:justify;
	margin-top:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	color:white;
	background:#000030;
	box-sizing: border-box;
	background-image: url("./Images/bg01.jpg"); 
	background-attachment: fixed;
	background-size:normal;	
	}
	
#diva {
	border-radius:1.75em;
	margin-top:0;
	margin-bottom:.2em;
	font-size:1.5em;
	font-weight:900;
	color:#000;
	background:#A44;
	width:40%;
    }
.divb {
	font-family:courier;
	font-weight:900;
	margin-top:-.25%;
	margin-bottom:-.25%;
	font-size:150%;
	LETTER-SPACING:-.025em;
	color:#ff9900;
	text-shadow: 1px 1px 7px #5888df;
	}

.divc {
	border-radius:.75em;
	width:30%;
	font-size:1.5em;
	font-weight:900;
	color:#00003f;
	background-color:#48c9b0;	
box-shadow: .1em .1em .3em .45em #2f0808 inset;
	
	padding:.4em;
	}
	
div.fixed {
  position: fixed;
  bottom:1em;
  right:1em;
  width: 45px;
  border: 3px solid darkorange;
  border-style: inset;
	background:darkgray;
}
div.top {
 }

.hdr {font-family: Arial, sans-serif;font-weight:900;font-size:200%;LETTER-SPACING:-.025em;color:#ff9900;text-shadow: 1px 1px 7px #5888df;}

A:Link {
	color:#00003f; 
	text-decoration:  underline;
	}
A:Visited {
	color:#00003f; 
	text-decoration: underline dotted;
	}
A:Hover {
	color:red;  
	text-decoration:underline;
	}
A:Active {
	color:green;
	text-decoration:none;
	}
	
#taba {

	color:#efffef;
	color:#f0f0ff;
	color:black;
	border-radius:1em;
	padding: 5px 3% 10px 3%;
	background-color:#00001f;
	background-color:#000f1f;
	background-color:#48c9b0;
	background-color:lightyellow;
	
	/*background-image:url("./Images/darkblue.jpg");*/
	box-shadow: .1em .1em .3em .45em #2f0808 inset;
	}

#tabb {
 text-align: justify;
	color:black;
	border-radius:2em;
	padding: 0% 3% 2% 3%;
		}

	
#hdrsym {
	width:100em;
}


.BigImg {
	border: 1px solid #ffffee;
	}
.BigImg:hover {
	border: 1px solid red;
	}
.BigImg:active {
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	transform: scale(2);
	border:1px dotted blue;
	}
.BigImg2 {
	border: 1px solid #ffffee;
	}
.BigImg2:hover {
	border: 1px solid red;
	}
.BigImg2:active {
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	transform: scale(2);
	border:1px dotted blue;
	}


.blueaz {
	color:black;
}

.blueaz:hover {
  color:lightgreen;
  text-decoration:none;	
  text-shadow: 1px 1px 1px black;

}

.blueaz:active {
	color:lightgreen;
	text-decoration:none;
	  
}

.lightblueaz {
	background-color:black;
	color:black;
	border-radius:.6em;
	box-shadow: .1em .1em .1em .2em #3f3f3f inset;
	padding:.2em .5em;
}

.lightblueaz:hover {
  background-color:#5f9f8f;
  box-shadow: .1em .1em .1em .2em #0f4f3f inset;
}


.NavLink:link {
	color:darkorange;
	text-decoration:none;	
}
.NavLink:visited {
	color:orange;
}

.NavLink:hover {
	color:red;
	text-decoration:underline;
}
.NavLink:active {
	color:yellow;	
}
/*
.NavCell {
	line-height:150%;
	background-color:#5888df;
	border-radius:1.75em;
	box-shadow: .05em .05em 1em .1em #008 inset;
	padding:.2em .5em;
	animation-duration: .33s;
    animation-name: fadeAndScale;
    animation-timing-function: cubic-bezier(1,10,21,21);

}

.NavCell:hover {
	background-color:#6888df;	
	box-shadow: .05em .05em .5em .1em #f88800 inset;
	-ms-transform: translateY(.2em) translateX(.15em);
	-webkit-transform: translateY(.2em) translateX(.15em);
	transform: translateY(.2em) translateX(.15em);
}

.NavCell:active {
	background-color:#88a8ff;	
	box-shadow: .05em .05em 1.5em .1em #f80000 inset;
	-ms-transform: translateY(.2em) translateX(.15em);
	-webkit-transform: translateY(.2em) translateX(.15em);
	transform: translateY(.2em) translateX(.15em);
}

.NavTable { 
    border-spacing: .25em .5em;
    border-collapse: separate;
	text-transform:lowercase;
	font-family: Arial, sans-serif;
	font-size:100%;
	margin-top:0;
	margin:auto;
	border-radius:1em;
	
}
*/
.NavTable { 
	font-family: Arial, sans-serif;
    border-spacing: .4em .25em;
    border-collapse: separate;
	text-transform:lowercase;
}



.outer {
	width:100%; 
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	}
	
	

#tabbob {
	border:0;
	color:black;
	border-radius:1em;
	padding: 5px 3% 10px 3%;
	background-color:#eef;
	box-shadow: .1em .1em .3em .45em #2f0808 inset;
	}	

	
ul {list-style-type: none;padding-left:0;}​

#tdb {border-radius:3em;border-collapse:collapse;font-size:100%;color:black;}

.promo {font-size:100%;}
.nav {font-size:100%;}





#grad {
	background-image: url("./images/bg01.jpg");background-image: url("./images/hbdjbg.jpg");
	background-attachment: fixed;
}


h1x {letter-spacing:.03em; 
	text-align:center; 
	font-family: Arial, sans-serif;
	text-transform:lowercase;
	color:#752a2a;
	color:darkorange;
	font-style: normal; 
	font-weight: bold;
	font-size: 200%;
	margin:0;
	padding:0	;
	text-shadow: 3px 3px 4px black;
	}

h1 {letter-spacing:.03em; 
	text-align:center; 
	font-family: Arial, sans-serif;
	text-transform:lowercase;
	color:#752a2a;
	color:darkorange;
	font-style: normal; 
	font-weight: bold;
	font-size: 200%;
	margin:0;
	padding:0	;
	text-shadow: 3px 3px 4px black;
	}

h2 {
	text-align:center; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 200%;
	letter-spacing:.05em; 
	margin:0px; 
	padding:0px;
	color:darkorange;
	text-shadow: 3px 3px 4px black;
	}

h3 {
	text-align:center; 
	font-style: normal; 
	font-weight: 900; 
	font-size: 125%; 
	letter-spacing:.07em; 
	margin:0px; 
	padding:0px; 
	}

h4 {
	text-align:center; 
	font-style: italic; 
	font-weight: bold; 
	font-size: 100%;
	letter-spacing:.05em; 
	margin:0px; 
	padding:0pc;
	}

h5 {letter-spacing:.03em; 
	text-align:center; 
	font-family: Arial, sans-serif;
	color:#752a2a;
	font-style: normal; 
	font-weight: bold;
	font-size: 166%;
	margin:0;
	padding: 0 0 .35em; 0
	text-shadow: 1px 1px 1px #555555;
    animation-duration: .75s;
    animation-name: fadeAndScale;
    animation-timing-function: cubic-bezier(.71,.55,.62,1);
	color:#000;text-shadow: 1px 1px 2px darkorange;
		color:darkorange;
	text-shadow: 4px 4px 4px red;
	}
	
th {
	text-align:center; 
	font-weight: bold;
	}

.b0 {
	text-align:left;
	font-weight:bold;
	}

.b1 {
	text-align:left;
	font:normal;
	}

.b2 {
	text-align:justify; 
	font:normal;
	}

.b3 {
	text-align:center; 
	font-weight:bold;
		}

.ctr {
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	}

.center {
	text-align:center;
	}

.indent {
	text-align:justify;
	font:normal;
	text-indent:.75em;
	margin: .2em 0; 
	padding:0;
}
.promo {
	float:left;
	font:normal;
	text-align:center;
	width:15%;
	}
.clearb {
	clear:both;
	}

.clearl {
	clear:left;
	}

.clearr {
	clear:right;
	}


.inner {
	border:1px solid #2D6580; 
	border-radius:1em; 
	padding:1px; 
	background-color:#efefaf;
	box-shadow: .05em .05em .05em black; 
	margin:.05em; 
	margin-left:auto; 
	margin-right:auto;
	}

.pb {
	border:.05em double rgb(196,120,58); 
	border-radius:1em; 
	padding:.33em; 
	width:90%; 
	background-color:lightyellow; 
	box-shadow: .05em .05em .05em rgb(146,70,8); 
	margin-left:auto; 
	margin-right:auto;
	}

#table1 {
	border-radius:1em;
	}


.SaleButton {
  display: inline-block;
  padding: 2px 5px;
  margin-bottom:.1em;
  line-height:95%;
  font-size: 80%;
  font-weight:900;	
  cursor: pointer;
  text-align: center;	
  text-decoration: none;
  outline: none;
  color: black;
  border: none;
  border-radius: 1em;
  }


.SaleButton:active {
  transform: translateY(2px);
}
.buttontop {
  display: inline-block;
  margin:0 0;
  padding: 0;
  cursor: pointer;
  outline: none;
  border-width:0;
  border-style: inset;	
  border-radius: .5em;
	background-color: lightyellow; 
}
.button {
  display: inline-block;
  padding: 2px 2px;
  line-height:95%;
  font-size: 55%;
  font-weight:bold;	
  cursor: pointer;
  letter-spacing:.1vmin;
  text-align: center;	
  text-decoration: none;
  outline: none;
  color: black;
  background-color: gold;
  border: solid;
  border-color:#999;
  border-width:1px;
  border-radius: 1em;
  box-shadow: 1px 1px #999;
}

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

.button:active {
  background-color: yellow;
  box-shadow: 1px 3px #666;
  transform: translateY(2px);
}
.buttontop {
  display: inline-block;
  margin:0 0;
  padding: 0;
  cursor: pointer;
  outline: none;
  border-width:0;
  border-style: inset;	
  border-radius: .5em;
	background-color: lightyellow; 
}

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

.buttontop:active {  
	padding: 0;
	background-color: lightblue;
	box-shadow: 1px 3px #000000;
	transform: translateY(5px);
	}	
.title {
	border:2px solid #2D6580;
	border-radius:25px; 
	padding:1px; 
	box-shadow: .1em .1em .1em black inset; 
	margin-left:auto; 
	margin-right:auto;
	background: -msie-radial-gradient(#f0f0f0 60%,#00009f); /* IE */
	background: -webkit-radial-gradient(#f0f0f0 60%,#00009f); /* Safari */
	background: -o-radial-gradient(#f0f0f0 60%,#00009f); /* For Opera 11.1 to 12.0 */
	background: -moz-radial-gradient(#f0f0f0 60%,#00009f); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#f0f0f0 60%,#00009f); /* Standard syntax (must be last) */
	}

.hba{
	font-size:125%;
	line-height:125%;
	font-weight:500;
}


@keyframes fadeAndScale {
    from {
        opacity: 0;
		-ms-transform: scale(-.50, 2.00); /* IE 9 */
		-webkit-transform: scale(-.50, 2.00); /* Chrome, Safari, Opera */
        transform: scale(-.50, 2.00);
    }
    to {
        opacity: 1;
		-ms-transform: scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
        transform: scale(1,1);
    }
}

@media only screen and (max-width: 1024px) {.SaleButton{margin-bottom:.5em;font-size:90%;} .formattable {font-size:50%;}}

@media only screen and (max-width: 800px) {#diva{width:100%;} .divb{font-size:115%;} .divc{font-size:90%; width:50%;} .tdb{font-size:95%;}  .digest01{width:100%;} #tabList{font-size:60%;width:100%;} #tabList2{font-size:90%;width:100%;}.topad{margin:auto;width:95%;}}

@media  only screen and (max-width: 640px){.divc{font-size:75%; width:50%;} .formattable {font-size:33%;} .hdr{font-size:100%;} .ad{display:none;} body{font-size:90%;margin-right:0px;margin-left:0px;} h1{font-size:130%;} h5{font-size:130%;} h2{font-size:120%;} .adx{display:none;} .menu1{font-size:200%;} .ad2{display:none;} .hdrsym {width:4em;} .NavLink {font-size:70%;}}