/*This is for the website background color*/

/*body {
    background-color: white;
    margin:0;
    padding:0;
    width: 100%;


/*This pulls in the Menace font that we use on the logo*/

/*
@font-face {
    font-family: "dirtyarmy";
    src: url("fonts/dirtyarmy/XXII_DIRTY-ARMY.woff") format('woff');
}*/


@font-face {
    font-family: "Socket";
    src: url("fonts/socket/SOCKET.woff") format('woff');
}


/*This is for the Main title section*/
.topBanner{ /*top banner container*/
	left:0px;
	top:0;
	margin-left:0px;
	position:fixed;
	padding-top:0;
	width:100%;
}

#maintitle { /*banner text*/
    text-align: center;
    color: rgb(57, 57, 57);
    font-size: 60px;
	//background-color: white;
	//background-color: rgb(146, 184, 15);
    font-weight: bold;
    margin-top: 0px;
    margin-bottom:0px;
	font-family: Socket; 
	border-bottom: solid; rgb(67,67,67);
	border-top: solid; rgb(67,67,67);
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#84a50d+0,a9cf1f+100&0.84+67,1+100 */

  background: #97be10;
  background: -moz-linear-gradient(#97be10 0%, #79980d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97be10), color-stop(100%, #79980d));
  background: -webkit-linear-gradient(#97be10 0%, #79980d 100%);
  background: linear-gradient(#97be10 0%, #79980d 100%);
}


#cssmenu{ /*left menu*/
	width:175px; height:100%; position:fixed; top:80px;left:0px;
}


.bodyContent{ /*div with page content*/
	margin-left:180px;
	padding:70px 16px 1px 16px;
	height:1000px;
	min-width:450px;
}


.bodyContent img { /*images in body content*/
  	display: block;
	margin: 10px auto;
	max-width:100%;
	height:auto;
	border-radius:5px;
	box-shadow:2px 2px 4px #666;
	loading: "lazy";
}


/*This is for normal paragraphs. Because I have a menu on the left I need to use a left margin to compensate for it.*/
p {
    padding-top: 5px;
    padding-bottom: 5px;
    text-ident: 30px;
}


h1 {
	text-align:center;
}


.generaltable{
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
}

.generaltable tr{height:25px; }

.generaltable2{
	width: 600px;
	margin-left:auto;
	margin-right:auto;
}


/*This general table stuff is used for tables that need a border like in my 99 vr4 blog */
.generaltablewithborder{
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid black;
}


.generaltablewithborder td{
	border: 0.5px solid black;
}



/* This is for making page links on rx7 page show below the header.*/
.anchorHeader:before{
  display: block; 
  content: " "; 
  margin-top: -90px; 
  height: 90px; 
  visibility: hidden; 
}







