@font-face {
    font-family: 'blackchanceryregular';
    src: url("../css/fonts/blkchcry-webfont.woff2") format('woff2'),
         url("../css/fonts/blkchcry-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

<style>

body {
	background: black;
	font-family: Arial, Verdon, Tahoma, sans-serif; 
	font-size: 18px;
	overflow: auto;

}

body.bodyclass {
	background: black;
	background-image: url(../images/elements/blocks.jpg);
}

h1, h2, h3{
	text-align: center;
	padding-left: 5%;
	color: #B9290A;
	font-family: blackchanceryregular,Arial, Verdon, Tahoma, sans-serif; 
}

h4{
	text-align: left;
	padding-left: 5%;
	color: #B9290A;
	font-family: Arial, Verdon, Tahoma, sans-serif; 
}
p {
	padding 2%;
/*	color:#170b21;  */
	color:#E0E2EB;
}

.galName{
 	font-size:26px;
	text-align: center;
	background-image: url(../images/elements/RoyalfabricV.jpg);
	background-repeat: repeat;
	color: #B9290A;
	font-family: Arial, Verdon, Tahoma, sans-serif; 
}

.galGig{
	font-size:18px;
	text-align: center;
	color: #B9290A;
	font-family: Arial, Verdon, Tahoma, sans-serif; 	
}

.autoResizeImage {
    max-width: 100%;
    height: auto;
    width: 100%;
}

img {
	/*text-align: center; */
	/*width: inherit;*/
	max-width: 100%;
	height: auto;
/*	width: auto;*/
	
}

#wrapper {
	margin: 0 auto;
	max-width;: 1020px;
	width: 98%;
	/* background: #170B21; */
	/*background-image: url(../images/elements/lesPaulQuilt.jpg);
	background-repeat: repeat;*/
	background: #000000;
	/* border: 1px solid #493c56; */
	border-radius: 2px;
	box-shadow: 0 0 10px 0px rgba(12,2,25,0.8);
	
}
#callout {
	width: 100%;
	height: auto;
	background #B9290A;
	overflow: hidden;
	font-family: Arial, Verdon, Tahoma, sans-serif;
	font-size: 13px;

}
#callout p {
	text-align: right;
	font-size: 16px;
	padding: 0.1% 5% 0 0;
	color: #B9290A;
}
#callout p a{
	color: #f12345
	text-decoration: none;
}
#envelope form label{
	color:#B9290A;
	font-family: Arial, Verdon, Tahoma, sans-serif;
}
#envelope form p{
	font-family: Arial, Verdon, Tahoma, sans-serif;
}
#formresult{
	color:#B9290A;
	font-family: Arial, Verdon, Tahoma, sans-serif;
}
#formresult userdata{
	font-family: Arial, Verdon, Tahoma, sans-serif;
	color: #B9290A;
}

#memberPortal{
	background-color:black;
	color:#B9290A;
	font-size:30px;
}

#memberPortal h1{
	font-size:20px;
	color:#B9290A;
}

#memberPortal ul li a{
	font-size:32px;
	color:#B9290A;
}
#memberPortal p{
	font-size:50px;
	color:#493C56;
}
header{
	width: 100%;
	min-height: 70px;
	padding-left: 0%;
	text-align: center;
}
nav ul {
	list-style: none;
	margin: 0;
	padding-left: 30px;
}
nav ul li {
	float: left;
	border: 0px solid #493c56;
	width: 12%;
	font-family:  blackchanceryregular,Arial, Verdon, Tahoma, sans-serif;

}
nav ul li a {
	font-family:  blackchanceryregular,Arial, Verdon, Tahoma, sans-serif;
	/* background: #dfcc82; */
	background-image: url(../images/elements/buttons/BB4.jpg);
	/*background: #000000; */
	color: #000000;
	
	background-repeat: repeat;
	display: block;
	padding: 5% 12%;
	font-weight: bold;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF; /*#DFCC82;  #000000;*/
	text-decoration: none;
	text-align: center;
}
nav ul li a:hover {
	font-family:  blackchanceryregular,Arial, Verdon, Tahoma, sans-serif;
	background-color:#BD1401;
	background-image: url(../images/elements/buttons/GB4.jpg);
	color: #000000; /*#dfcc82;*/
	
}
nav ul li.active a {
	font-family:  blackchanceryregular,Arial, Verdon, Tahoma, sans-serif;
	background-color:#BD1401;
	background-image: url(../images/elements/buttons/RB4.jpg);
	color: #DFCC82;
}


.headerpic{
/*max-width: 300px;*/  /*this is commented out because we switched from logo to banner*/
display: block;
margin: 0 auto;
}

.tabrow {
  text-align: center;
  list-style: none;
  margin: 200px 0 20px;
  padding: 0;
  line-height: 35px;
  height: 37px;
  overflow: hidden;
  font-size: 12px;
  position: relative;
}

.tabrow li {
  border: 1px solid #AAA;
  background: #D1D1D1;
  background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
  display: inline-block;
  position:relative;
  z-index: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
  text-shadow: 0 1px #FFF;
  margin: 0 -5px;
  padding: 0 30px;
}

.tabrow a {
  color: #555;
  text-decoration: none;
}

.tabrow li.selected {
  background: #FFF;
  color: #333;
  z-index: 2;
  border-top-color: #FFF;
}

.tabrow:before {
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  border-top: 1px solid #AAA;
  z-index: 1;
}

.tabrow li:before,
.tabrow li:after {
  border: 1px solid #AAA;
  position: absolute;
  top: -1px;
  width: 6px;
  height: 6px;
  content: "";
}

.tabrow li:before {
  left: -7px;
  border-top-right-radius: 6px;
  border-width: 1px 1px 0px 0px;
  box-shadow: 2px 0px 0 #ECECEC;
}

.tabrow li:after {
  right: -7px;
  border-top-left-radius: 6px;
  border-width: 1px 0px 0px 1px;
  box-shadow: -2px 0px 0 #ECECEC;
}

.tabrow li.selected:before {
  box-shadow: 2px 0px 0 #FFF;
}

.tabrow li.selected:after {
  box-shadow: -2px 0px 0 #FFF;
}

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #542107;
  margin: 1em 0;
  padding: 0;
}

.banner{
	background-color: #542107;
	color: #000000;
	background-image: url(../images/elements/inactbutt.jpg);
	background-repeat: repeat;
}

.banner h1{
	font-size: 36px;
}

.banner img {
	width: 100%;
	/*
	border-top: 1px solid #493c56;
	border-bottom: 1px solid #493c56;
	*/
	
}
.clearfix {
	clear: both;
}
.left-col {
	width: 55%;
	float: left;
	margin: 1% 1% 1% 1%;
	font-family: Arial, Verdon, Tahoma, sans-serif; 
}

.left-col-markj {
	width: 40%;
	float: left;
	margin: 1% 1% 1% 1%;
	font-family: Arial, Verdon, Tahoma, sans-serif; 
}

.left-col p {
	color:#E0E2EB;
}
.right-col {
	width: 55%;
	float: right;
/*	margin: 1% 1% 1% 1%; */
	font-family: Arial, Verdon, Tahoma, sans-serif; 
}

.sidebar {
	width: 40%;
	float: right;
	margin: 1%;
	text-align: center;
}

.sidebarmarkj {
	width: 60%;
	float: right;
	margin: 1%;
	text-align: center;
}

.leftsidebar {
	width: 40%;
	float: left;
/* 	margin: 1%; */
	text-align: center;
}

.bandpic {
	float: left;
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 1%;

}

.section {
	width: 29%;
	float: left;
	margin: 2% 2%;
	text-align: center;
}

.section ul{
	color:#E0E2EB;
	font-family: Arial, Verdon, Tahoma, sans-serif;
}

.section ul a {
	color:#E0E2EB;
	padding:4px;
}

.section image{
	max-height: 100px;
}

.section p {
	font-family: Arial, Verdon, Tahoma, sans-serif; 
}

.promosection{
	width: 29%;
	float: left;
	margin: 2% 2%;
	text-align: left;
	color:#E0E2EB;
	font-family: Arial, Verdon, Tahoma, sans-serif;


}
.newscolumn {
	width: 95%;
	float: left;
	margin: 2% 2%;
	text-align: left;
}

.singlecolumn {
	width:95%;
	margin: 2% 2%;
	align: center;
	background-color:#000000;
	color: #E0E2EB;
	
/* 	font-family: Arial, Verdon, Tahoma, sans-serif; */
}

.galleryresults {
	width:95%;
	margin: 2% 2%;
	text-align: center;
	background-color:#211F50;
 	font-family: Arial, Verdon, Tahoma, sans-serif; 
}

.galleryresults a{
	color: #E0E2EB;	
	font-size:22px;
}

.galTitle {
	color:#B9290A;
	text-align:center;
	font-size:20px;
	font-weight: bold;
}

.galNav{
	text-align: center;
	font-family: Arial, Verdon, Tahoma, sans-serif;
	font-size: large;
}

.galNav img {
	height: 30px;
	padding: 10px;
}

.galNav a {
	color:#E0E2EB;
}
.singlecolumn td {
	color: #E0E2EB;
}

.centercolumn {
	text-align: center;
}

.centercolumn img {
	text-align: center;
	
}
.datelist {
	color: #DFCC82;  /*  <---gold #E0E2EB; was blue at one time #B9290A; */   
	font-size: small;
	font-family: Arial, Verdon, Tahoma, sans-serif; 	
}

.newsdate {
	font-weight: bold;
}
.datelist a {
	color: #E0E2EB;  /*blue */
	font-size: large;
}

.footlogo img{
	width=80%;
}

.mmag thead{
	font-weight:bold;
}

.mmag td {
	font-family: Arial, Verdon, Tahoma, sans-serif;
	text-align: left;
	font-size:medium;
	padding: 5px;
	color:black;
}

.mmag tbody{
	background-color:aliceblue;
}



thead{
	font-weight: bold;
}

td {
	color:#B9290A;
	font-family: Arial, Verdon, Tahoma, sans-serif;
	text-align: left;
	font-size: small;
	padding: 5px;
}

td a {
	color:#E0E2EB;
	font-family: Arial, Verdon, Tahoma, sans-serif;
	font-size: medium
}
footer {
	background: #211F50;
	width: 100%;
	overflow: hidden;
	background-image: url(../images/elements/RoyalfabricV.jpg);
	background-repeat: repeat;
}
footer p, footer h3 {
	color: #B9290A;
}
footer p a {
	color: #E0E2EB;
	text-decoration: none;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
li {
	display: inline;
}
ul li img{
	height: 50px;
}
.mailicon img{
	height: 50px;
}

/*
.logon input,p{
	font-size: 36px;
	
}
*/
/*********************MEDIA!!!******************************/
   @media screen and (max-width:478px){   
	body {
		font-size: 13px;
	}
}
@media screen and (max-width:740px){
	nav {
		width 100%;
		margin-bottom: 10px;
		
	}
	nav ul {
		list-style: none;
		margin: 0 auto;
		padding-left: 0;
	}
	nav ul li {
		text-align: center;
		margin-left: 0 auto;
		width: 100%;
		float: left;
		border-top; 1px solid #493c56;
		border-right: 0px solid #493c56;
		border-bottom; 1px solid #493c56;
		border-left; 0px solid #493c56;
		vertical-align:middle;
		height: 25px;

	}
	
	nav ul li a{
		padding: 8px 0;
		font-size: 14px;
	}
	
	.banner h1{
		font-size: 20px;
		
	}
	
	.left-col{
		width:100%;
	}
	.sidebar{
		width:100%;
	}
	.right-col{
		width:100%;
	}
	.leftsidebar{
		width:100%;
	}

	.section{
		float: left;
		width:100%;
		margin: 0;
	}

	.promosection{
		float: left;
		width:100%;
		margin: 0;
	}

	.galTitle{
	font-size:16px;
	word-wrap:break-word;	
	}	

	.galName{
	font-size:16px;
	word-wrap:break-word;	
	}	
	
	.galGig{
	font-size:12px;
	word-wrap:break-word;
	}
	
	.footlogo img{
	height:80px;
	}
	/*
	.logon input,p{
	font-size: 66px;
		
	}
*/
#memberPortal input{
	background-color:yellow;
	font-size:20px;
}




}

</style>