body{
	width:100%;
	height:100%;
	background-color:black;
	color:white;
	font-family: futura;
	
	
}

.selectdiv:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}
#selectGroupsFilter {
  position: relative;
  width:250px;
 
}

#selectGroupsFilter select {
  display: none; /*hide original SELECT element:*/
}

#selectGroupsFilter {
  background-color: black;
}

/*style the arrow inside the select element:*/
#selectGroupsFilter :after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
#selectGroupsFilter {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
#selectGroupsFilter  {
   color:#de2825;
   font-size:15px;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
#selectGroupsFilter  {
 
  background-color: black;
  border:0px !important;
  top: 100%;
  left: 0;
  right: 0;
}


#selectGroupsFilter  div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.floatR 
{
	float:right !important;
}
#mainImgUl>li
{
	max-width:450px;
	max-height:470px;
	border:1px solid gray;
	
	clear:both;
	margin:0 auto;
	
	margin:5px !important; 
	
}
.imgGal2
{
	max-width:350px !important;
	max-height:350px;
	
}
.imgGal
{
	max-width:350px !important;
	
}
.item
{
	width:95%;
	background-color:#222021;
	min-height:200px;
	border-radius:10px;
	overflow:hidden;
}
.item p
{
	padding:5px;
}
.pagination {
  display: inline-block !important;
width:500px;
height:350px;
border:1px solid yellow; 
background-color:white; 
}

.pagination a {
  color: white !important;
  float: left !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
}

.pagination a.active {
  background-color: #de2825 !important;
  color: white !important;
}

.pagination a:hover:not(.active) {background-color: #de2825 !important;}

.btn2
{
	min-width:200px ;
	height:25px;
	font-family:futura;
	border:0px;
	color:white;
	background-color:gray;
	margin:5px;
}
.btn2:hover
{
	cursor:pointer;
	background-color:#de2825;
	text-decoration:underline;
}


.btn
{
	min-width:200px ;
	height:30px;
	font-family:futura;
	border:0px;
	color:white;
	background-color:#de2825;
	border-radius:7px;
}

.btn:hover
{
	cursor:pointer;
	text-decoration:underline;
}
.itemName
{
padding:2px;
text-align:left;
}
.formC
{
	background-color:#222021;
	border:0px;
	color:lightgray;
	font-family:futura;
}
input:focus, textarea:focus, select:focus{
        outline: none;
    }

.redColor
{
	color:#de2825 !important;
}
body a
{
	text-decoration:none;
	color:white;
}
body a:hover
{
	color:yellow;
}
@font-face {
  font-family: gentle;
  src: url("GENTRG__.TTF");
}
@font-face {
  font-family: futura;
  src: url("futura.ttf");
}
#mainDiv
{
	
	display:block;
		max-height:150px;
}

.ulist
{
	list-style:none;
	
}

#homeTopBanner
{
	margin-top:50px;
	height:160px;
	width:100%;
	background-color:#222021;
}

@media only screen and (max-width: 700px) {
  #mainDiv
  {
	  display:none;
	  
  }

  .pictureDivRight
  {
	  width:100%;
	 clear:both;
	 margin:0 auto !important;
  }
 #imgAbout
 {
	 margin-top:10px !important;
	max-width:350px;
	max-height:250px;
	padding-bottom:15px;
 }
.bannerImg
{
	width:cover;
	
}

#smallMenu
{
	display:block;
	width:100%;
	display:block !important;
	margin:0 auto;
	
}
}
#smallMenu
{
	display:none;
	width:100%;
	margin:0 auto;
}
#centerMenu
{
	
	height:100%;
	float:left;
	display:block;
	margin:0 auto;


}
#leftMenu
{
	width:15%;
	height:100%;
	
	display:block;
	float:left;
	text-align:right;
	font-size:25px;


}
#rightMenu
{
	margin-left:10px;
	width:30%;
	

	display:block;
	float:left;
	text-align:right;
	font-size:25px;
background-color:#222021;

}

.bannerImg
{
	display: block;
  margin-left: auto;
  margin-right: auto;
 min-width:100px;
	max-width:90%;
	max-height:300px;

}
.logoImg
{
	display: block;
  margin-left: auto;
  margin-right: auto;
 
	height:120px;

}
#smallMenuRight
{
	background-color:#222021;
}
#footer
{
	max-width:800px;
	margin:0 auto;
	height:100px;
	clear:both;
}

#mainMenu
{
	width:100%;
	height:190px;
	
}