/* Style Sheet for Boweryboys */
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

.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;
}



BODY {
	max-width:75em;
	font-family:'Times New Roman','Serif'; 
	font-size:1.0em;
	color:black;
	text-align:justify;
	margin:0 auto 1em auto;
	padding:0;
	background:black;
	box-sizing: border-box;
	background-image: url("./images/a2.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:33%;
    } 
	
#grad {
	background-image: url("./images/057.jpg");
	background-attachment: fixed;
}


.NavLink {
	color:black;
}
.NavLink:link {
	color:black;
  text-decoration:none;	
  text-shadow: 1px 1px 1px #afaf8f;

}
.NavLink:visited {
	color:black;
  text-decoration:none;	
  text-shadow: 1px 1px 1px #afaf88;
}

.NavLink:hover {
  color:blue;
  text-decoration:none;	
text-shadow: 1px 1px 1px yellow;

}

.NavLink:active {
	color:#ffff8f;
	text-decoration:none;
  text-shadow: 1px 1px 1px darkred;
}

.NavCell {
	line-height:200%;
	background-color:#00aaaa;
	border-radius:.75em;
	box-shadow: .1em .1em .1em .15em #000 inset;
	padding:.2em .5em;
}

.NavCell:hover {
	background-color:#afafaf;	
	box-shadow: .1em .1em .1em .15em #777 inset;
	transform: translateY(.2em) translateX(.15em);
}


.NavTable { 
    border-spacing: .25em .5em;
    border-collapse: separate;
}
	
#taba {
background-color:#ffffdd;
box-shadow: #303030 2px 2px .75em 8px inset;
line-height:1.0;
color:black;
border-radius:1em;
padding:.75em 1em;
	}
	
@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;
}
A:Link {color:darkblue; text-decoration:none;}
A:Visited {color:darkblue;}
A:Hover {color:darkred; text-decoration:none;}
A:Active {color:red;}

img {margin:0 3px 0 3px;}
TD {text-align:justify;}
TH {text-align:center;}
H1 {text-align:center;font-family: Arial, sans-serif; color:black; font-style: normal; font-weight: bold; font-style:normal; font-size:400%; line-height:1.0; margin: 0 0 7px 0; text-shadow: 2px 2px 2px silver;}
H2 {font-family: Arial, sans-serif;text-align:center; color:black; font-style: normal; font-weight: bold; font-size:275%; line-height:1.0; margin:0; text-transform:lowercase;text-shadow: 2px 2px 2px silver;}
H3 {font-family: Arial, sans-serif;text-align:center; color:black; font-style: normal; font-weight: bold; font-size:450%; line-height:1.1; margin:0; text-transform:lowercase; text-shadow: 2px 2px 2px teal;}

.indent {text-align:justify; text-indent:1.5em;}


	
#gradOLD {
	background: -msie-radial-gradient(#00001f, #3B0B17); /* IE */
	background: -webkit-radial-gradient(#00001f, #3B0B17); /* Safari */
	background: -o-radial-gradient(#00001f, #3B0B17); /* For Opera 11.1 to 12.0 */
	background: -moz-radial-gradient(#00001f, #3B0B17); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#00001f, #3B0B17); /* Standard syntax (must be last) */
}


.button {
  display: inline-block;
  padding: 0px 1vmin;
  font-size: 1.75vmin;
  font-weight:bold;	
  cursor: pointer;
  text-align: center;	
  text-decoration: none;
  outline: none;
  color: black;
  background-color: #888888;
  border: solid;
  border-color:black;
  border-width:2px;
  border-style: inset;	
  border-radius: 1em;
  box-shadow: 1px 1px #999;
  box-shadow: 2px 2px 2px rgb(0,0,0) inset; 
}
.button:hover {
	background-color: green; 
	border-color:black;
	}
.button:active {
  background-color: darkorange;
  box-shadow: 1px 3px #000000;
  transform: translateY(7px);
}

.buttontop {
  display: inline-block;
  margin:7px 0;
  padding: 2px 2px;
  font-size: .8em;
  font-weight:bold;	
  cursor: pointer;
  text-align: center;	
  text-decoration: none;
  outline: none;
  color: black;
  background-color: green;
  border: solid;
  border-color: black; 
  border-width:2px;
  border-radius: 5px;

}
.buttontop:hover {
	background-color: red; 
	border-color:black;
	}
.buttontop:active {
  background-color: darkorange;
  box-shadow: 1px 3px #000000;
  transform: translateY(5px);
}

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



#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) */
}





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

@media only screen and (max-width: 800px) {.tdb{font-size:95%;} #diva{width:100%;} .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){body{font-size:110%;margin-right:0px;margin-left:0px;}.list1{display:none;}}