@charset "utf-8";

@font-face {
  font-family: HardieMotorsport;
  src: url("../Files/hardie.otf");
}

@media print {

  body {
    margin: 0;
    color: #000;
    background-color: #fff;
	  visibility: hidden;
  }
	
	.printArea {
		visibility: visible;
		font-size: 0.8em;
		position: absolute;
		top:0;
		left:0;
	}
}


*{

    box-sizing:border-box;

}


img { -ms-interpolation-mode: bicubic; }





.smaller {font-size:0.8em; }



a.admin_nav:link, a.admin_nav:active , a.admin_nav:visited {

	color:red;

	transition: all 0.8;

	text-transform: capitalize;

}



a.admin_nav:hover {

	color:black;

}


h2 {
	
	font-weight: bold;
	line-height: 1.5em;
	padding:8px 20px;
	margin:0;
	font-family: "HardieMotorsport";
	text-align: left;
}



h3 {
	
	font-weight: bold;
	line-height: 1.1em;
	line-height: 1em;	
	padding:8px 0;
	margin:0;
	font-family: "HardieMotorsport";
	text-align: left;
}



h5 {

	font-weight: bold;

	color:rgba(180,180,180,1.00);

	
	line-height: 1.5em;
	font-family: "HardieMotorsport";
	text-align: left;

	

	padding:8px 0;

	margin:0;

}

h7 {

	font-weight: bold;
	display:block;

	color:rgba(180,180,180,1.00);

	line-height: 1.4em;
	font-size:1.1em;
	text-align: left;

	

	padding:3px 0;

	margin:0;

}

.moreinfo {
	border-radius: 50px;
	padding:5px 15px;
	margin:auto ;
	background-color: #C0C0C0;
	box-shadow: 0px 0px 5px 2px #ccc;
	border:1px solid black;
	font-size: 1.2em;
}

.moreinfo:hover {
	box-shadow: 0px 0px 5px 2px #666;
	background-color: #3647FF;
}



h6 {

	font-weight: bold;

	color:rgba(45,45,45,1.00);

	font-size: 1.1em;

	line-height: 1.5em;

	font-family: "HardieMotorsport";
	

	padding:8px 0;

	margin:0;

}





h4 {

	font-weight: bold;

	color:rgba(80,80,80,1.00);

	font-size: 0.9em;

	text-transform: uppercase;

	line-height: 1em;

	padding:5px 0 14px 0;

	margin:0;

	font-family: "HardieMotorsport";
}





body {

	background-color: white;
	color: black;
	font-size: 1.1em;
	font-family: "Calibri", "Verdana", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	width:100%;
	margin:auto 0;
	padding: 0;
}

.bookingterms {
	font-size: 0.8em;
	background-color:#B5B5B5;
	border-radius: 5px;
	border:1px solid black;
	padding:5px;
	width:95%;
	margin:auto;
}


.info_header {
	font-weight: bold;
	text-decoration: underline;
	font-size:1.1em;
	background-color: rgba(173,173,173,1.00);
}



.info_important {

	font-weight: bold;

	font-style: italic;

}

.memberOptions {
	width:390px;
	max-width:90%;
	background-color: rgba(148,148,148,0.19);
	box-shadow: 0 0 3px 1px grey;
	box-shadow: inset 0 0 10px 5px white;
	border:1px solid rgba(139,139,139,1.00);
	display: inline-table;
	padding: 10px 15px;
	margin:20px;
}

.memberOptions a:link {color:black; transition: all 1s;}

.memberOptions a:hover {color:rgba(0,30,110,1.00);}



.OrderList {
	width: 90%;
	min-width:250px;
}

.discountBox {
	float:right;
	width:350px;
	max-width: 98%;
	min-width: 50%;
	margin: 0px;
	padding: 10px;
	background-color: rgba(148,148,148,0.19);
	box-shadow: 0 0 3px 1px grey;
	box-shadow: inset 0 0 10px 5px white;
	border:1px solid rgba(139,139,139,1.00);
	
}

.header {
	font-weight: bold;
	font-size: 1.1em;
	color: rgba(136,2,4,1.00);
	font-family: "HardieMotorsport";
}

.page_header {
	font-weight: bold;
	font-size: 1.3em;
	color: rgba(16,13,90,1.00);
	font-family: "HardieMotorsport";
}




a:link, a:active, a:visited  {

	color:rgba(199,0,3,1.00);;
	font-weight: bold;
	text-decoration: none;
	transition: all;
	transition-duration: 0.3s;
}



a:hover {
	color:rgba(0,4,90,1.00);
	text-decoration: underline;
}



#partners_footer {

	padding:0px 10px;

	text-align: center;

	width:100%;

	overflow: hidden;

}



#partners_footer img {

	height:70px;

	display: inline-block;

	padding:10px 10px;

	border:0;

}



#page_wrap {

	width:100%;

	margin:auto;

	text-align: center;

	min-height:800px;

}



#infobar {

	position: fixed;
	height: 40px;
	line-height: 27px;
	top:0px;
	left:0;
	background-color:rgba(160,160,160,1.00);
	opacity: 1;
	color:#494949;
	font-size:0.8em;
	font-weight: bold;
	width:100%;
	z-index: 100;
}



#infobar a:link, #infobar a:visited, #infobar a:active  {

	text-transform: uppercase;
	color:#494949;
	text-decoration: none;
	padding: 4px 0px;
	margin: 0 0 0 15px ;
	transition: all 0.3s;
}


#infobar a:hover {

	color:#002163;
	color: rgba(180,1,1,1.00);
	border-bottom: 2px solid rgba(180,1,1,1.00);
}

.logoArea {
	position: relative;
	display: inline-table;
	width:100%;
	text-align: center;
	top:10px;
	margin: auto;
	border-bottom:1px solid rgba(188,188,188,1.00);
	
}

.logoArea1 {
	display: inline-block;
	text-align: left;
	width:500px;
	max-width: 95%;
	padding: 0 5px 0 10px;
	vertical-align: top;
}

.logoArea2 {
	display: inline-block;
	text-align: right;
	width:500px;
	max-width: 95%;
	padding: 0 5px 0 10px;
	vertical-align: top;
}

.logoArea1 img {
	max-width: 100%;
	width:500px;
}

.logoArea2 img {
	max-width: 100%;
	width:500px;
}


.logo {

	height:65px;
	padding: 0 50px 0 5px;
	float:left;

}



#bannerAdvert {

	width:728px;
	max-width: 100%;
	overflow: hidden;
	margin:auto;
	padding: 10px 0 0 0;
	text-align: center;
}



#bannerAdvert img {

	width:100%;

}



#bannerAdvert a {

	text-decoration: none;

}



#container {
	padding:2px 0;
	width:100%;
	margin: auto;
}





#fixture {

	overflow: hidden;
	display: block;
	width:100%;
	margin-bottom: 5px;
	padding-bottom:5px;
	border-top:rgba(201,2,5,1.00) 4px solid;
	border-bottom:rgba(201,2,5,1.00) 4px solid;
	border-left:none;
	border-radius: 15px 15px 15px 15px;
}



#fixtureImage {
	float: right;
	width:40%;
	object-fit: cover;
}



#fImage {
	float: right;
	width:40%;
	object-fit: cover;
}


#fixtureDetails {
	width:100%;
}


#orderlist {
	width:100%;
}



#orderlistrow {

	width:100%;
	display: inline-table;
}

#orderlistrow:hover {
	background-color:rgba(191,191,191,1.00);
}


#adminlist {
	width:100%;

}

#adminlistrow {
	width:100%;
	display: inline-table;
}


#adminlistrow:hover {
	background-color:rgba(191,191,191,1.00);
}


#listitem {
	width:65%;
	padding:5px;
	display: table-cell;
	text-align: left;
}



#listsmall {

	width:30%;

	padding:5px;

	display: table-cell;
	text-align: left;

}





.fixtureImage {

	border-radius: 0px 15px 0px 15px;

	border: 1px solid black;

	box-shadow: 0px 0px 4px 4px #333;

	width:400px;

	max-width: 98%;

	padding: 5px;

	margin: 5px;

	height:275px;

	display: inline-block;

	object-fit: cover;

	object-position: center;

}



.fImage {

	border-radius: 0px 15px 0px 15px;

	border: 1px solid black;

	box-shadow: 0px 0px 4px 4px #333;

	width:500px;

	max-width:100%;

	padding: 5px;

	margin: 5px;

	height:375px;

	display: inline-block;

	object-fit: cover;

	object-position: center;

}





#topHome {

	display: inline-block;

	width:100%;

	padding:0;

	overflow: hidden;

}



#news_item_preview {

	display: inline-block;

	height:280px;

	line-height: 25px;

	width:49%;

	margin-right: 2px;

	margin-bottom: 40px;

}



#newsImage {

	height:160px;

	width:100%;

}



#newsImage img {

	  width: 100%;

  height: 160px;

  object-fit: cover;

}



#newsPreview {

	color: rgba(74,74,74,1.00);

	text-align: left;

	font-size:0.9em;

	height:114px;

	width:100%;

	overflow:hidden;

	text-transform: capitalize;

	margin-top:8px;

	padding:8px 10px;

	border-radius:0 0 20px 0 ;

	border-right:solid 1px #ccc;

	border-bottom:solid 1px #ccc;

}



#newstype {

	font-size:0.7em;

	text-transform: uppercase;

	color: rgba(98,97,97,1.00);

	font-weight: bold;

}



#newscover:hover {

	background-color:rgba(235,240,235,0.69);

}



#news_item_preview:hover {

	background-color:rgba(235,240,235,0.69);

	border-radius:0 0 20px 0 ;



}



.mainStory:link, .mainStory:active, .mainStory:visited {

	color:black;

	text-decoration: none;

	transition: all;

	transition-duration: 0.3s;

	overflow: hidden;

}





#newscover {

	width:100%;

	padding:2px 15px 2px 5px;;

	border:rgba(201,2,5,1.00) 8px solid;

	border-left:none;

	border-radius: 0px 15px 15px 0px;

	font-size:1.4em;

	line-height: 1.6em;

	height:650px;

	margin:0;

}



#newscoverImage {

	height:500px;

	width:100%;

	padding:10px 0px;

}



#newscoverText {

	font-size:1.3em;

	font-weight: bold;

	line-height: 1.3em;

}



#newscoverImage img {

	  width: 100%;

  height: 500px;

	padding:0;

  object-fit: cover;

}



.success {

	color:rgba(255,0,4,1.00);

}



.forms {
	background-color:rgba(209,209,209,1.00);
	background-image: url("../SiteImages/transparent.png", 0.3);
	border:3px solid black;
	border-radius: 15px;
	box-shadow: 0px 0px 6px 1px grey;
	padding:10px;
	line-height: 2.3em;
	width:500px;
	max-width: 95%;
	min-width: 300px;
	margin: auto;
	overflow: hidden;
	text-align: left;
	display: inline-block;
}

.forms #formrow {
	display: table-row;
	width:500px;
	max-width: 100%;
}

.forms #formleft {
	display: table-cell;
	width:150px;;
	vertical-align: top;
}

.forms #formright {
	display: table-cell; 
	width:350px; padding:0 0px;
	text-align: left;
	vertical-align: top;
}

.productForms {
	padding:0px;
	line-height: 15px;
	width:auto;
	max-width: 90%;
	margin: auto;
	overflow: hidden;
	text-align: left;
	display: inline-block;
}

.productForms #formrow {
	display: table-row;
	width:750px;
	max-width: 90%;
}

.productForms #formleft {
	display: table-cell;
	min-width:100px; width:25%; max-width:90%; padding:0 5px ;
	vertical-align: top;
}

.productForms #formright {
	display: table-cell; min-width: 300px; max-width:90%; width:540px; padding:0 5px;
	text-align: left;
	vertical-align: top;
}

.output {
	color:rgba(0,15,191,1.00);
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px;
	width:100%;
	border:1px solid darkblue;
	box-shadow: inset 0px 0px 10px 10px rgba(188,188,188,1.00);;
	background-color: rgba(236,236,236,1.00);

}



input[type=text], input[type=number], input[type=search], input[type=email], input[type=password], input[type=date], input[type=time], input[type=file], select {

  
	width: 350px;
	max-width: 95%;
  padding: 8px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
	font-family: "Verdana";
	background-color: rgba(74,74,74,1.00);
	color:rgba(223,223,223,1.00);
}

input[type=text]:focus, input[type=number]:focus, input[type=search]:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus, input[type=time]:focus, input[type=file]:focus, select:focus {
	background-color:rgba(106,0,1,1.00);
	color:white;
}

textarea {

	 width: 100%;
	max-width: 300px;
  padding: 8px 15px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
	line-height: 20px;
	height: 150px;
  box-sizing: border-box;
}


input[type=submit] {

  width: 100%;

  background-color: rgba(199,0,3,1.00);
  color: white;
  padding: 10px 16px;
	font-weight: bold;
  margin: 8px 0;
  border: rgba(0,0,0,1.00) 2px solid;
  border-radius: 8px;
  cursor: pointer;
	transition: all 1s;
	font-family: "Verdana";

}

.submitButton {
	padding:5px; border-radius:5px; cursor:pointer; align:center; text-align:center; width:100%; font-weight: bold;
}



input[type=submit]:hover {

  background-color:rgba(0,0,0,1.00);
	color:#C7C7C7;
	border: rgba(2,1,77,1.00) 2px solid;

}


/*inline forms*/


.inlineForms > input[type=text], .inlineForms > input[type=number], .inlineForms > input[type=search], .inlineForms > input[type=email], .inlineForms > input[type=password], .inlineForms > input[type=date], .inlineForms > input[type=time], .inlineForms > input[type=file], .inlineForms > select {

  width: 250px;
	max-width: 90%;
  padding: 2px 15px;
  margin: 2px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}


.inlineForms > textarea {

	 width: 100%;
	max-width: 300px;
  padding: 2px 15px;
  margin: 2px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
	line-height: 20px;
	height: 150px;
  box-sizing: border-box;
}

.attention {
	color:red;
	text-transform: uppercase;
	font-weight: bold;
}

.attention::before, .attention::after {
	content: "**";
}

.completed {
	color:rgba(0,158,3,1.00);
	font-weight: bold;
}


#panel {

	background-color: white;
	color:rgba(22,22,22,1.00);
	font-weight: normal;
	text-align: left;
	overflow: hidden;
	padding:0;
}





.fa {

   padding: 15px;
  font-size: 20px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;

}

.icon-facebook, .icon-instagram, .icon-twitter {
	font-size:2.5em;
}


i.fab {
  display: inline-block;
  padding: 15px;
  font-size: 20px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;

}

/* Add a hover effect if you want */

.fa:hover {

  opacity: 0.7;
	text-decoration: none;

}

/* Set a specific color for each brand */
/* Facebook */

.fa-facebook-f {
 
	background:linear-gradient(darkblue, rgba(59,89,152,1.00));
  color: white;
}



.fa-instagram {

	background:linear-gradient(purple, rgba(51,0,81,1.00));

	color: white;

}



.fa-youtube {

  background:rgba(255,0,4,1.00);

  color: white;

}

/* Twitter */

.fa-twitter {

  background: #55ACEE;

  color: white;

}

.text_right {
	width: 100%;
	text-align: center;
	padding:0 5px;
}

.bold {

	font-weight: bold;

	font-size:1.1em;

	text-transform: uppercase;

}





a[href^="tel:"]:before {

  content: "\260e";

  margin-right: 0.5em;

	text-decoration: none;

	color:#666666;
	color: rgba(0,0,0,1.00);

	

}



a[href^="tel:"], a[href^="mailto"] {

	text-decoration: none;

	color:#666666;
	color: rgba(0,0,0,1.00)

	

}



a[href^="mailto:"]:before {

  content: "\2709";

  margin-right: 0.5em;

	text-decoration: none;

	color:#666666;;
color: rgba(0,0,0,1.00)
	

}





#watermark

{

 position:fixed;

 bottom:5px;

 right:5px;

 opacity:0.5;

 z-index:99;

 color:white;

}





.menua {

  list-style: none outside none;

  text-align: center;	

	vertical-align: middle;

	

	bottom:0;

	margin: 0 15px 0 0;

	padding:0 15px 0 15px;

	height: 70px;

	border:none;

	display: table;

	border-collapse:separate;

  border-spacing: 0px;

	

}











.menu-item {

	display: table-cell;

	vertical-align: middle;

	height:70px;

	top:0;

	color:white;

	margin: 0 0px 0 0px;

	padding:0px 15px 0px 0px;   

	border-collapse:separate;

  border-spacing: 0px;

	text-decoration: none;

	border: 0;

}





.menu-item a:link, .menu-item a:visited, .menu-item a:active {

	display: table-cell;

	vertical-align: middle;

	top:0;

	height:70px;

	color:white;

	margin: 0 0px 0 0px;

	padding:0px 15px 0px 15px;   

	border-collapse:separate;

  border-spacing: 0px;

	text-decoration: none;

	border: 0;

}





.menu-item a:hover {

	background-color:rgba(0,0,0,1.00);

	border-bottom: 2px solid white;

	border-top: 2px solid white;

}



.sub-menu {

  list-style: none outside none;

  text-align: center;	



}



.sub-menu-item {

	

	list-style: none;

	  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 160px;

	color: black;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  padding: 12px 16px;

  z-index: 250;

}



.sub-menu:hover .sub-menu-item {

  display: block;

}



.topnav .icon {
  display: none;
	border:1px solid white;
	border-radius: 3px;
}




#menubar {
	position:relative;
	display: inline-block;
	height: 65px;
	text-align: center;
	left:0;
	top:10px;
	margin:auto;
	margin-bottom: 10px;
	opacity: 1;
	color: darkblue;
	width:100%;
	z-index: 100;
	border:0;
	border-bottom: 1px solid rgba(212,212,212,1.00);
}


.topnav {
	display: inline-table;
  overflow: hidden;
	line-height: 60px;
	height:60px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	padding:0;
	margin:auto;
	top:0;
	bottom:0;
	transition: all 1s;
	font-size:0.9em;
}



.topnav a {
	display: table-cell;
	vertical-align: middle;
  overflow: hidden;
	text-decoration: none;
  border: none;
  outline: none;
  color: rgba(71,71,71,1.00);
  padding: 0 4px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
	border-radius:5px;	
	font-style: italic;

}

.dropdown {
  display:inline-block;
  overflow: hidden;
}

.dropdown .dropbtn {

line-height: 75px;
  padding: 0px 14px;
  border: none;
  outline: none;
  color: white;
  background-color: inherit;
 font-family: inherit;
  margin: 0;
text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

	line-height: 30px;

	text-transform: none;

}



.dropdown-content a {

  float: none;


	line-height: 30px;

  color: black;

  text-decoration: none;

  display: block;

	padding:5px 15px;

  text-align: left;

}



.topnav a:hover, .dropdown:hover .dropbtn {

  background-color:rgba(162,0,2,1.00);
  color: white;
	text-decoration: underline;
	box-shadow:  inset 0 0 20px #999;

}



.dropdown-content a:hover {

  background-color: #000;

  color: ghostwhite;

}



.dropdown:hover .dropdown-content {

  display: block;

}



#smallMenu { display: none; }

.text_rightSmall { display: none; }



#half_page {

	display:inline-table;

	width:48%;

	padding:6px 0px 5px 10px;

	text-align: justify;

	vertical-align: text-top;

	overflow:hidden;

}



#homePage {

	

}



#newsImages {

	width:100%;

	text-align: center;

}



.articleImage {

	border-radius: 0px 15px 0px 15px;

	border: 1px solid black;

	box-shadow: 0px 0px 4px 4px #333;

	width:350px;

	max-width: 98%;

	padding: 5px;

	margin: 5px;

	height:275px;

	display: inline-block;

	object-fit: cover;

	object-position: center;

}



.articleImageWide {

	border-radius: 0px 15px 0px 15px;

	border: 1px solid black;

	box-shadow: 0px 0px 4px 4px #333;

	width:100%;

	max-width: 98%;

	padding: 5px;

	margin: 5px;

	height:275px;

	display: inline-block;

	object-fit: cover;

	object-position: center;

}






#containerBody {
	padding:4px 0px 8px 0px ;
	max-width: 1500px;
	margin: auto;
	line-height: 1.4em;
	text-align: left;
}






#containerBody  a.textlink:link {

	color:#C3E3FF;

	text-decoration: none;

}



#containerBody  a.textlink:visited {

	color:#C3E3FF;

	text-decoration: none;

}



#containerBody  a.textlink:active {

	color:#C3E3FF;

	text-decoration: none;

}



#containerBody  a.textlink:hover {

	text-decoration: underline;

	color: white;

}







#footertab {

	text-align: left;

	width:32%;

	min-width:250px;

	padding:3px 10px;

	float:left;

	overflow: hidden;

}



#footertab a , #footertab a:active , #footertab a:visited {

	color: rgba(206,234,248,1.00);

	text-decoration: none;

}



#footertab a:hover {

	color:white;

	text-decoration: underline;

}





#sitemap {

	text-align: left;

	width:23%;

	min-width:250px;

	padding:3px 15px;

	float:left;

	overflow: hidden;

}



#sitemap a , #sitemap a:active , #sitemap a:visited {

	color: rgba(3,3,3,1.00);

	text-decoration: none;

	font-weight: bold;

	

	border-spacing: 4px;

	border-bottom:0px solid rgba(3,3,75,1.00);;

}



#sitemap a:hover {

	color:rgba(75,75,75,1.00);

	border-spacing: 4px;

	border-bottom:2px solid rgba(75,75,75,1.00);;

}







#panel6 {

	background-color: black;
	color:rgba(232,232,232,1.00);
	font-size:0.8em;
	font-weight: bold;
	overflow: hidden;
	min-height: 50px;
	text-align: center;
	box-shadow: 0px 0px 5px 2px #666;

}



#panel6 #containerBody{

	text-align: center;

}



#panel5 {

	background-color:rgba(163,163,163,1.00);
	background-repeat: repeat;
	color:white;
	font-size:0.7em;
	font-weight: normal;
	text-align: left;
	overflow: hidden;
	padding:0 0 10px 0;
	box-shadow: 0px 0px 5px 2px #666;

}

#panel5 a:hover {
	text-decoration: none;
}



#panel7 {

	background-color:#5E5E5E;
	display: none;
	visibility: hidden;
	background-repeat: repeat;
	color:white;
	font-size:0.7em;
	font-weight: normal;
	text-align: left;
	overflow: hidden;
}



#panel7 #containerBody {

	padding-top:5px;

	top:0;

}





#containerBody  a.textlink:link {

	color:#C3E3FF;

	text-decoration: none;

}



#containerBody  a.textlink:visited {

	color:#C3E3FF;

	text-decoration: none;

}



#containerBody  a.textlink:active {

	color:#C3E3FF;

	text-decoration: none;

}



#containerBody  a.textlink:hover {

	text-decoration: underline;

	color: white;

}









#panel5 {
	background-color:rgba(160,0,1,1.00);
	background-repeat: repeat;
	color:white;
	font-size:0.7em;
	font-weight: normal;
	text-align: left;
	overflow: hidden;
}



.latest_home{

line-height: 70px;

}









@media screen and (max-width: 1000px) {

	.topnav a {
		

		font-size: 0.9em;
display:none;
		padding: 0px 5px;

		

	}
	
	.menu {
		display:none;
	}

	
	.logoArea1 {
		text-align: center;
		width:100%;
	}
	
	.logoArea2 {
		text-align: center;
		width:100%;
	}
	
	

	.dropdown .dropbtn {

  font-size: 12px; 

		padding: 0px 5px;

	}

}



@media screen and (min-width:850px) {

	#smallMenu {display:none;}

}


@media screen and (max-width: 450px)
{
	.topnav a {

		font-size: 0.8em;
		padding: 0px 5px;
		line-height: 1em;

		

	}
	
	#footertab {
		width:100%;
		padding:5px;
		text-align: center;
		float: none;
	}
	
	
input[type=submit] {

  padding: 8px 16px;
  margin: 4px 0;
  border-radius: 4px;
	line-height: 2.5em;
}
}

@media screen and (max-width: 850px) {


	#fixtureImage {

	float: none;

	width:96%;

	object-fit: cover;

}
	
	#mainImage {
		display: none;
	}
	
	.memberOptions {
		
		width:350px;
		max-width:95%;
		min-width: 50%;
		padding: 15px 5px;
		margin:10px auto;
		

}

	.productForms {
		display: inline-block;
		text-align: center;
		width:350px;
		margin:auto;
		padding:10px 2px;
	}
	

	.forms {

		width:95%;

		padding:10px 5px;

	}

	

	#container {

		padding-left:0px;
		padding-right:0px;
		margin-left:0px;
		margin-right:0px;

	}

	

	#newscover {

		width:100%;

	border:0;

	height:500px;

}

	

	#news_item_preview {

		width:100%;

		padding:0;

		margin:0;

	}

	

	#containerBody {
width:350px;
		margin:auto;
		text-align: center;

	}



#newscoverImage {

	height:350px;

}



	#newscoverImage img {

		height:350px;

	}

		#half_page {

	display:inline-table;

	width:100%;

	padding:5px 0px;

	margin:0;

	text-align: justify;

}

	

	.topnav a, .dropdown .dropbtn {


  }

  .topnav .icon {

    float: right;

    display: block;

	  cursor: pointer;

	  padding: 0px 10px;

	  line-height: 55px;
	  color:black;

	  height:60px;

	  margin:0;

	  font-size: 2.25em;

	  transition-duration: 1s;

	  transition-property: all;

  }

	

	.topnav .icon:hover {

		background-color:rgba(66,66,66,1.00);

	  transition-duration: 1s;

	  transition-property: all;

	}

	

	#smallMenu {

		position: absolute;

		font-size: .8em;

		overflow: scroll;

		top:0px;

		z-index: 102;

		width:100%;

		padding:0px;


		border-top:solid 1px white;

	}

	

	#smallMenu #nolink {

		width:100%;

		background-color:rgba(0,16,112,1.00);

		color:aliceblue;
	

		display: inline-block;

		text-decoration: none;

		padding: 0px 0px;

		border-bottom: solid black 1px;

	}

	

	#smallMenu #sublink {

		width:100%;

		background-color:rgba(50,50,50,1.00);

		color:aliceblue;

		display: inline-block;

		text-decoration: none;

		padding: 2px 0px;

		border-bottom: solid black 1px;

	}

	

	#smallMenu #sublink:hover{

		background-color: rgba(15,15,15,1.00);

	}

	

	#smallMenu a:first-child {

  background-color: rgba(0,16,112,1.00);

}

	

	#smallMenu a{

		width:100%;

		background-color:rgba(95,0,5,1.00);

		color:aliceblue;

		display: inline-block;

		text-decoration: none;

		padding: 3px 0px;

		border-bottom: solid black 1px;

	}

	

	#smallMenu a:hover {

		background-color: rgba(1,1,1,1.00);

		

	}

	

	#fixture {

		border:none;

	}

	

	.fImage {

	width:100%;

	max-width:100%;

}



	

	.text_rightSmall {

		display: block;

	width: 100%;

	text-align: center;

	padding:0;

		margin:0;

		font-size: 0.9em;

}

	

	.text_right

	{

		display: none;

	}



}