@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular.woff2') format('woff2'),
         url('fonts/Roboto-Regular.woff') format('woff'),
         url('fonts/Roboto-Regular') format('truetype'),
         url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot');
    src: url('fonts/Roboto-Bold?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold.woff2') format('woff2'),
         url('fonts/Roboto-Bold.woff') format('woff'),
         url('fonts/Roboto-Bold') format('truetype'),
         url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;

} 

@font-face {
	font-family: 'Roboto-Italic';
	src: url('fonts/Roboto-Italic.eot');
	src: url('fonts/Roboto-Italic?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Italic.woff2') format('woff2'),
         url('fonts/Roboto-Italic.woff') format('woff'),
         url('fonts/Roboto-Italic') format('truetype'),
         url('fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('fonts/Roboto-BoldItalic.eot');
    src: url('fonts/Roboto-BoldItalic?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
         url('fonts/Roboto-BoldItalic.woff') format('woff'),
         url('fonts/Roboto-BoldItalic') format('truetype'),
         url('fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'VarianeScript';
    src: url('fonts/VarianeScript.eot');
    src: url('fonts/VarianeScript?#iefix') format('embedded-opentype'),
         url('fonts/VarianeScript.woff2') format('woff2'),
         url('fonts/VarianeScript.woff') format('woff'),
         url('fonts/VarianeScript') format('truetype'),
         url('fonts/VarianeScript.svg#VarianeScript') format('svg');
    font-weight: normal;
    font-style: normal;

}



* {
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
     font-family: 'Roboto-Regular';
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: #2c1f00;
    line-height: 140%;
    text-decoration: none;
    letter-spacing: 2px;
}

p {
    color: #2c1f00;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto-Bold';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 140%;
    text-decoration: none;
    letter-spacing: 2px;
}

h1 {
    font-size: 8pt;
}

h2 {
    font-size: 10pt;
}

h3 {
    font-size: 12pt;
}

h4 {
    font-size: 14pt;
}

h5 {
    font-size: 18pt;
}

h6 {
    font-size: 20pt;
}

html {
    width: 100%;
    margin: 0 !important;
}
header{
	height: 185px;
	width: 100%;
	margin: 0 0 10px 0 !important;;
}
#headerleft{
	width:49%;
	height:185px;
	display: inline-block;
	vertical-align: top;
}
#headerright{
	width:49%;
	height:185px;
	display: inline-block;
	vertical-align: top;
}
img.TopLogo{
	width:400px;
	height: 175px;
	margin-left: 40%;
	
}
#socialtable{
	width: 120px;
	height: 36px;
	margin-left: 20%;
	margin-top: 9%;
	
}

nav{
	
	height: 45px;
	width: 100%;
	margin: 0 !important;
	background-color: #D92C2C;
	
}

/*menu*/

.main-navigation{
width: 80%;
height: auto;
margin-left: 20%;	

}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #D92C2C;
}

nav ul li {
  display: block;
  position: relative;
  float: left;
  background-color: #D92C2C;
 
}

nav li ul { display: none; }

nav ul li a {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
	font-size: 10pt;
	font-family: 'Roboto-Bold';
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	border-left-color: #ff4500;
	border-left-style: solid;
	border-left-width: thin;
}



nav ul li a:hover {
	background-color: #D92C2C;
	color: #ffffff;
	
}

nav li:hover > ul {
	display: block;
	position: absolute;
	border-top-color: #ff6347;
	border-top-style: solid;
	border-top-width: thick;
}

nav li:hover li { float: none; }



nav li:hover a {
	background-color: #D92C2C;
	font-size: 10pt;
	
}

nav li:hover li a:hover { background-color: #D92C2C;  font-size: 10pt;
}



nav li ul li { border-top: 0; }

nav ul ul ul {
  left: 100%;
  top: 0;
}

nav ul:before,
nav ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

nav ul:after { clear: both; }

/*end menu*/

#mainbody{
	min-height: 625px;
	width: 900px;
	margin-left: 20%;	
	
	padding: 10px 10px 10px 10px;
}

footer{
	height: 60px;
	width: 100%;
	margin: 0 !important;
	background-color: #333333;
	padding-top: 20px;
	color:#ffffff;
}
div.footerholder{
	width:900px;
	height: 175px;
	margin-left: 450px;
	color:#ffffff;
	text-align:center;
}
div.footerholder *{
font-size: 8pt;
	color:#ffffff;
	
}
.bold{
	font-family: 'Roboto-Bold';
	
}
#dropdownSignin{
	width: 310px;
	padding: 5px;
	border-bottom: thin solid #000000;
}
.dropdownstyle{
 font-family: 'Roboto-Regular';
font-size:8pt;
color:#000000;
}
#fieldrodeos{
	padding:5px;
	width:300px;
}
    #fieldrodeos h2 {
        color: #000000;
        font-size: 11pt;
    }
#legrodeos {
    color: #000000;
    margin-left: 20px;
    font-size: 12pt;
}
.myrodeobutton
{
	 font-family: 'Roboto-Regular';
	text-transform: uppercase;
	outline: 0;
	background: #1476B0;
	width: 100%;
	border: 0;
	padding: 15px;
	color: #FFFFFF;
	font-size: 14pt;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
	margin-top: 20px;
	
	
}
.myrodeobutton2 {
     font-family: 'Roboto-Regular';
    text-transform: uppercase;
    outline: 0;
    background: #1476B0;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 12pt;
    -webkit-transition: all 0.3 ease;
    transition: all 0.3 ease;
    cursor: pointer;
    margin-top: 20px;
} 
#tablecosts{
	width: 300px;
	
	border-collapse: collapse;
	border: thin solid #ff6347;
}

#tablecosts th{
	width: 150px;
	text-align: left;
border: thin solid #ff6347;
padding: 5px;
}

    #tablecosts  td{

       width: 150px;
	text-align: left;
border: thin solid #ff6347;
		  padding: 5px;
		  font-size: 8pt;
		  
    }
	  #tablecosts  th:nth-child(2){
   	width: 50px;
   }

   #tablecosts  td:nth-child(2){
   	width: 50px;
   }
	
	
	   #tablemyevents{
	width: 310px;
	
	border-collapse: collapse;
	border: thin solid #ff6347;
}



    #tablemyevents  td{

       width: 150px;
	text-align: left;
border: thin solid #ff6347;
		  padding: 5px;
		  font-size: 8pt;
		  
    }
	 

   #tablemyevents  td:nth-child(2){
   	width: 150px;
   }