/* CSS Document */
body 			{	background-color: #A86B3F;
					background-image: url(/Graphics/BKG2.jpg);	
					font-family:"Times New Roman", Times, serif;
					font-size: 15px;
					line-height: 1.5;
					text-transform: uppercase;
					width:100%;											}

#top			{	position:fixed;
					left:0px;
					top:0px;   					
					width:100%;
					padding-top: 0.6em;
					padding-left: 0px;
					padding-bottom: 0.6em;
					padding-right: 0px;
					background: rgba(0, 0, 0, .7);
					z-index:100						}

#wrapper		{	margin-top: 0px;
					margin-left: auto;
					margin-bottom: 0px;
					margin-right: auto;
					height: auto;
					max-width: 1000px;
					width:100%;								
					color: #ffffff;										}
																		
#social			{	margin-left: 20px;
					float: left;
					max-width:45%;										}		

#topnews		{	margin-right: 20px;
					vertical-align: middle;
					float: right;	
					max-width:45%;										}																


#content		{	text-align: center;	
					margin-top: 42px;
					margin-left: auto;
					margin-right: auto;
					max-width:	1020px;
					width:100%;											
					max-height: auto;	
					height:100%;
					z-index:0;										}
					
#content-menu	{	position:relative;
					top:-15px;
					margin-bottom:-15px;
					text-align: inherit;
					z-index:0;
													}

ul 				{
    				list-style-type: none;
   					margin: 0;
   					padding: 0;
    				overflow:hidden;
    				background-color: #000000;
																		}

li 				{
    				float:left;
																		}

li a 			{
    				display: block;
    				color: white;
   					text-align: center;
    				padding: 14px 16px;
    				text-decoration: none;
																		}

li a:hover 		{
   					background-color:#AC612F;
																		}					
#content-background {				
						background-image: url(/Graphics/MainContentBody.png);
						background-repeat: repeat-y;
						background-size: 100%;
						overflow: auto;
						position:relative;
						top:0px;
						height: 100%;
						max-height:800px;
						max-width:1007px;
						width: auto;
						margin-left: auto;
						margin-right: auto;
						padding-bottom: 20%;
						z-index:0;									}

#content-background::-webkit-scrollbar { display: none; }

								
#content-overlay	{		position:absolute;
					background-image: url(/Graphics/MainContentBodyL.png);
					background-repeat: repeat-y;
					background-position: center-bottom;
					background-size: 100%;
					overflow: visible;
					top:0px;
					left:0px;
					height:100%;
					width:100%;
					display:block;
					text-align: center;
					z-index:3;										}

#content-home	{
					top:0px;
					left:0px;
					max-width:800px;
					width: auto;
					max-height: 800px;
					overflow: auto;
					margin-left: auto;
					margin-right: auto;
					display:block;
					text-align: center;
					z-index:4;
																}				
#content-home2  {	position:relative;
					top:0px;
					width:100%;
					display:block;
					text-align: inherit;	
					z-index:4;
																}	

#content-home3  {	position:relative;
					top:0px;
					width:100%;
					display:block;
					text-align: inherit;	
					z-index:4;
					display:hidden;					

																}
				
#content-news   {	position:relative;
					top:-15px;
					margin:0 auto;
					display:block;
					text-align: inherit;	
					z-index:4;
																}
#content-news-ext   {	position:relative;
					top:-15px;
					margin:0 auto;
					width:100%;
					display:block;
					text-align: inherit;	
					z-index:4;
																}
					
#content-releases  {	position:relative;
						top:-15px;
						display:block;
						text-align: inherit;	
						z-index:4;									}
#content-releases-ext  {	position:relative;
						top:-15px;
						width:100%;
						display:block;
						text-align: inherit;	
						z-index:4;									}
						
#content-live	{	position:relative;
					top:-15px;
					display:block;
					text-align: inherit;	
					z-index:4;									}

#content-live-ext	{	position:relative;
					top:-15px;
					width:100%;
					display:block;
					text-align: inherit;	
					z-index:4;									}

#content-media	{	position:relative;
					top:-15px;
					width:100%;
					display:block;
					text-align: inherit;	
					z-index:4;									}


#content-media-ext	{	position:relative;
					top:-15px;
					width:100%;
					display:block;
					text-align: center;	
					z-index:4;									}

#content-contact	{	position:relative;
					top:-15px;
					width:100%;
					display:block;
					text-align: inherit;	
					z-index:4;									}

		
#footer			{	position:fixed;
					bottom:0px;
					margin-left: auto;
					z-index:2;									}

#copyright		{	background-color: #A86B3F;		
					width:100%;										}

#cookie-popup 	{	box-sizing: border-box;
   					text-transform: uppercase;
    				position: fixed;
    				bottom: 0px;
    				right: 0px;
    				left: 0px;
    				z-index: 2000;
    				width: 100%;
   					background: rgba(0, 0, 0,0.7);
    				text-align: center;
    				padding: 0.3em;
    				font-size: 0.8em;
					color: #ffffff;										}
				
a.fb			{	color: #000000;
					margin-right: 10px;	
					width:100%;											}
					
img				{	 max-width: 100%;
   					 height: auto;	
					 													}																	
p.head			{	font-weight: bold;
				color: ffffff;
				background-color: 000000;			}


	.flex-container {
		  padding: 0;
		  margin: 0 auto;
		  width: 75%;
		  list-style: none;
		  background: none;
  
		  display: -webkit-box;
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;
		  display: flex;
  
		  -webkit-flex-flow: row wrap;
		  justify-content: space-around;
							}

	.flex-item {
		  background: black;
		  padding: 5px;
		  width: 275px;
		  height: auto;
		  margin-top: 10px;
		  line-height: 50px;
		  color: white;
		  font-weight: bold;
		  font-size: 1em;
		  text-align: center;
							}

				

@media screen and (max-width:450px), (min-width:1020px) {  
  .desktop_img { display: none; }
}

@media screen and (max-width:1020px) {  
  .large_img { display:none; }	
}			
																		
@media screen and (min-width:450px) {  
  .mobile_img { display:none; }
  }
  
@media screen and (max-width:550px) {  
  .mobile_link{ display:none; }
  }

@media screen and (max-width:1020px) {  
  #content-overlay{ display:none; }
  }
  
@media screen and (max-width:1020px){  
  #content-background{ background-image: url(/Graphics/MainContentBodyS.png); }
  }