@charset "utf-8";
/* CSS Document */

/*Resets and setups*/

html{
	box-sizing: border-box;
	height:100%;
}
body {
	height:100%;
}
*, *:before, *:after {
	box-sizing: inherit;
}
img {
	max-width: 100%; /*Image never wider than containing element*/
}
body {
	background-color:#000000;
	margin: 0;
	padding: 0;
	font-size:16px;
}
#mainwrapper .bannerimg {
	/*width:100%;
	height:auto;*/

	background-image: url("../_graphics/utv-conquest-banner_1500x375.jpg");
	height:375px;
	
	background-position:center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	position:relative;
	
	} 
/*.blacksep {
		background-color: black;
		height: 10px;
	}*/
/*.orangesep {
		background-color:hsla(33,78%,68%,0.90);
		height:60px;
		width:100%;
		margin-top:-0px;}*/

/*Default large size screens*/

#mainwrapper{
	max-width:2000px;
	/*height:500px;*/
	margin: 0 auto;
	background-color:#FFF;
	}
#mainwrapper header {
    /*Header */
    width: 100%;
    padding-top: 0px;
    margin-top: 0px;
	background-color:#000000;
    /*position: relative;*/
    /*height: 375px;*/
    /*overflow: hidden;*/
   /* background-image: url(../_graphics/utv-conquest-banner_1500x450_nologo.jpg);*/
    /*background-size: cover;*/
}	

.top_nav{
	position:relative;
	top:320px;
background-color: rgba(0,0,0,.6);
padding: 0px;
float:left;
height:50px;
width:250px;
margin-left:10%;
margin-bottom:0px;
	border-radius: 10px;
	border-width: medium;
	border-style: none;
}

.top_nav ul{
text-align: left;
list-style-type: none;
margin-right: 0px;
margin-left: 0px;
}

.top_nav li{
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}

.top_nav a{
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
padding: 2px;
}

.top_nav a.current{
background: #8f746c;
border-radius: 4px;
}
.top_nav a:hover{
	color:red;
}

.top_nav .icon {
  display: none;
}
.hamburger {
    position:absolute; /*Position inside container*/
    display: inline-block;
	left:10px;
	top:10px;
    width: 1.25em;
    height: 1.0em;
    margin-right: 0.2em;
    border-top: 0.2em solid #285;
    border-bottom: 0.2em solid #285;
}

.hamburger:before {
    content: "";
    position: absolute;
    top: 0.2em;
    left: 0px;
    width: 100%;
    border-top: 0.2em solid #285;
}	
.clrfloats::after {
     content: “”;
     display: block;
     clear:both;
}




section#indexmain {
background-color:#fff;
width:100%;	
margin-left:auto;
margin-right:auto;

	
}
.indexcontent {
text-align: center;
position:relative;
width: 100%;
height: auto;	
}
.indexcontent img {
width: 30%;
height: auto;
margin-left: 1%;
}
.sponsorcontent {
text-align: center;
position:relative;
width: 100%;
height: auto;	
}
.sponsorcontent img {
width: 10%;
height: auto;
margin-left: 1%;
}
/*.indexcontent p {
text-align:left;
line-height: 1.4em;
width:70%;
margin-left:auto;
margin-right:auto;
}*/

footer {
background-color:#111;
	color:#bbb;
	clear:both;
	margin-bottom:10px;
	text-align:center;
}
.tbl {
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}
.reginfo {
	width:70%;
	margin-left: auto;
	margin-right: auto;	
}
/*Reduce menu width, turn into hamburger symbol*/

div.btn {
	margin-left:auto;
	margin-right:auto;
	height: 25px;
	width: 250px;
	text-align: center;
	border: medium solid #050505;
	border-radius: 17px;
	background-color: #FF0004;
	margin-top:15px;
	color:white;
}

div.btn a {
	text-decoration: none;
	color: #FFFFFF;
}
div.btn:hover {
	background-color:black;
}	
div.belowbanner {
text-align:center;
font-size:1.5em;	
}


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

height:40px;
width:120px;
}

.top_nav ul{
text-align: left;
}

.top_nav li{
display: inline-block;
}


.top_nav ul li a.current{
background: #8f746c;
border-radius: 4px;
}
    
    
.top_nav li:not(:first-child) {
display: none;
	}
.top_nav .icon {
    display: block;
  }
	
/*}

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

#mainwrapper header {
    overflow: visible;
}	
    
    
.top_nav.responsive {
position: relative;
height:100px; /*increase height of pulldown hamburger box.*/
width:150px;
background-color:black;
}    
.top_nav.responsive li {display: block;}  
    
.top_nav.responsive .icon {
position: absolute;
left: 0;
top: 0; 
    }

    
.top_nav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
.top_nav.responsive a:hover{
	color:red;
}
}

@media screen and (max-width: 650px) {
	
	#mainwrapper .bannerimg {
	height: 200px;
		
	}
	.top_nav{
	position:relative;
	top:150px;
	}
	
.reginfo {
	width:90%;
	margin-left: auto;
	margin-right: auto;
}
div.belowbanner {
text-align:center;
font-size:1.0em;	
}
}
/*portrate Mobile view */
@media screen and (max-width:480px) {

	.top_nav{
	position:relative;
	top:100px;
		width:100px
	}
/*Layout in 1 column here*/
    #mainwrapper .bannerimg {
	/*width:100%;
	height:auto;*/

	background-image: url("../_graphics/utv-conquest-banner_500x150.jpg");
	height:150px;
	
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
	
	}
	
div.indexcontent img {display:none;}
	
.reginfo {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}
}