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

body{
	
	margin: 0px auto 0px auto;
	background: #2f3133;
	background-size: contain;
	font-family: 'Cantarell', sans-serif;
	/*font-size: 16px;*/
    font-size: 1em;
	color: #444;
	width: 100%;
	height: 100%;
	min-width: 1200px;
	top:0 !important;
}
#mainDiv{
	margin:0px auto 0px auto;
	min-width: 1200px;
	padding-top: 20px;
}
#fixedHeader{
	/* ONLY THE HEIGHT CHANGES ON THIS STYLE */
	/*background-color: rgba(255, 255, 255, 0.9);
	border-bottom: 2px solid #f6822c;*/
	float: left;
	width: 1200px;
    /*min-height: 108px;*/
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 9999;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	translate3d(0, 0, 0);
	-webkit-transition: top 500ms linear;
    -moz-transition: top 500ms linear;
    -ms-transition: top 500ms linear;
    -o-transition: top 500ms linear;
    transition: top 500ms linear;
}
#fixedHeader.blackBG {
    background: transparent url(/images/design/nav-bg.png) repeat;
	border-bottom: 3px solid #000;
    min-height: 120px;
}
/*
@-moz-document url-prefix() {
    #fixedHeader { 
        min-width: 100%;
    }
} 
*/
/*
.logoDiv{
	background: transparent url(/images/design/logo-bg.png) no-repeat top left;
	float:left;
	width: 247px;
	height: 147px;
	margin: 8px 0px 0px 8px;
}*/
#navBg{
	background: rgb(23,29,32);
    background: linear-gradient(180deg, rgba(23,29,32,1) 10%, rgba(23,29,32,0) 100%);
	min-width: 1200px;
	height: 120px;
	float: left;
	z-index: 1;
	position: absolute;
	margin:0px auto 0px auto;
}
.logo{
	background: transparent url() no-repeat top center;
    height: 160px;
    top: -15px;
    left: -10px;
    float: left;
    position: absolute;
    z-index: 999999;
}
#navLinks{
	float: right;
    padding-right: 4%;
    list-style: none;
    margin: 18px 0px 0px 0px;
}
#navLinks li {
	float: left; 
	display: inline;
}
#navLinks  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#navLinks a{
	display: block;
	padding:0px 12px 0px 10px; 
	font-family: 'Cantarell', sans-serif;
	font-size: 0.80em;
	color: #a5b1be;
    font-weight: 400;
	letter-spacing:1px;
	text-shadow: 1px 1px 0px #000;
    text-decoration: none;
}
#navLinks a:hover{
	color: #fff;
	text-decoration: none;
    cursor: pointer;
}
#mainNav {
	 /* padding: 0; */
    list-style: none;
    float: right;
    clear: both;
    margin: 15px 0px 0px 0px;
    padding-right: 40px;
}
#mainNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#mainNav ul li{
	float: left; 
}
#mainNav a{
	display: inline;
    padding: 0px 16px 0px 16px;
    font-family: 'Cantarell', sans-serif;
    font-size: 1.2em;
	line-height: 2em;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px 0px #000;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}
#mainNav > a:hover{
	text-decoration: none;
	background: #0000007a;
	
}

/*#mainNav li {
	float: left; 
}
#mainNav a,#mainNav a:visited,#mainNav a:hover,#mainNav a:active{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
	position:relative;
  transition:0.5s color ease;
	text-decoration:none;
	color:#3574e9;
	/*font-size:2.5em;*
}
#mainNav a:hover{
	color:#5ecaee;
}*/
/*
#mainNav a.before:before,a.after:after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}
#mainNav a.before:before{
  top:-0.35em;
}
#mainNav a.after:after{
  bottom:-0.35em;
}
#mainNav a.before:before,a.after:after{
  height:5px;
  height:0.15rem;
  width:0;
  background:#5ecaee;
}
#mainNav a.sixth:before,a.sixth:after{
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}

#mainNav a.before:hover:before,a.after:hover:after{
  width:80%;
	text-decoration:none;
}
*/
/*#mainNav a{
	display: block;
    padding: 0px 10px 0px 15px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.125em; /* 18px *\
    color: #3574e9;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}*/
/*.phone{
	font-family: 'Titillium Web', sans-serif;
    font-size: 1em; /* 16px *\
    color: #f6822c;
    float: right;
    margin: 11px 0px 0px 0px;
    padding-right: 10px;	
}
.social{
	float: left;
    position: absolute;
    right: 0;
    top: 38px;
    padding-right: 10px;
}*/
.navSocialIcon {
    font-size: 1.5em !important;
    margin: -5px -10px 0px 0px;
    color: #a5b1be !important;
}
.navSocialIcon:hover{
	opacity: 0.8;
}
.arrow {
    border: solid #fff;
    border-width: 0 3px 3px 0;
	box-shadow: 1px 1px 0px #000;
    display: inline-block;
    padding: 2px;
    margin: 4px -5px 4px 0px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sliderContainer {
    width: 1200px;
    height: 580px;
    border-bottom: 4px solid #d85600;
}
#sliderDiv {
   /*background: url(/images/design/slider-img.png) no-repeat top left;*/
    width: 1200px;
    height: 580px;
    /*margin: -75px 0px 0px 0px;*/
    float: left;
    z-index: -1;
    /* position: absolute; */
    border-bottom: 4px solid #d85600;
}
.sliderImageHolder{
	/*background: url(/images/design/slide1.jpg) no-repeat;*/
	width: 1200px;
	height: 580px;
}
.filter{
	width: 1200px;
	height: 580px;
	background: url(/images/design/caption-img.png) no-repeat right;
	
}
.captionDiv{
	background: url(/images/design/caption-bg.png) no-repeat;
    width: 1200px;
    height: 94px;
    position: relative;
    top: 486px;
    float: left;
}
.captionDiv h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.8em;
    line-height: 0.7em;
    color: #fff;
    font-weight: 700;
	text-shadow: 2px 2px 4px #000;
    float: left;
	margin: 4% 0% 5% 0%;
}
.captionWrapper{
	width: 50%;
    margin: -1% 0% 0% 3%;
    
}
.captionRight{
	float: right;
    padding: 3%;
}
.captionDiv p{
	font-family: 'Cantarell', sans-serif;
    font-size: 0.9em;
    line-height: 1.2em;
    margin: 3.5em 0 0 0;
    color: #ffffff;
    font-weight: 200;
    float: left;
}
.captionTitle{
	width: 360px;
    text-align: center;
    float: right;
    position: absolute;
    right: 110px;
    top: -240px;
}
.captionTitle h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.8em;
    line-height: 1em;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
}
/*.purpleButton{
	background-color:#ed7115;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family: 'Titillium Web', sans-serif;
	font-size:0.75em; /* 12px *\
	letter-spacing: 4px;
	font-weight: 500;
	padding:16px 24px;
	text-decoration:none;
	text-transform: uppercase;
}
.purpleButton:hover {
	background-color:#f6822c;
	color:#e1effa;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	display:inline-block;
	cursor:pointer;
	font-family: 'Titillium Web', sans-serif;
	font-size:0.75em; /* 12px *\
	letter-spacing: 4px;
	font-weight: 500;
	padding:16px 24px;
	text-decoration:none;
	text-transform: uppercase;
}*/

.sliderButton {
	background-color:#2f3133;
	border: 2px solid #a5b1be;
	display:inline-block;
	cursor:pointer;
	color:#fff !important;
	font-family: 'Cantarell', sans-serif;
	font-size:1em;
	padding: 10px 25px;
	text-decoration:none;
}
.sliderButton:hover {
	background:#171d20;
}

/*SubpageBanner */

.pagefilter{
	width: 1200px;
	height: 300px;
	background: rgb(0,0,0);
    background: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	/*background: url(/images/design/caption-img.png) no-repeat right;*/
	
}
.pageCaptionDiv{
	background: url(/images/design/caption-bg.png) no-repeat;
    width: 1200px;
    height: 94px;
    position: relative;
    top: 154px;
    float: left;
}
.pageCaptionDiv h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.8em;
    line-height: 0.7em;
    color: #fff;
    font-weight: 700;
	text-shadow: 2px 2px 4px #000;
    float: left;
	margin: 4% 0% 5% 0%;
}
.pageCaptionWrapper{
	width: 50%;
    margin: -1% 0% 0% 3%;
    
}
.pageCaptionRight{
	float: right;
    padding: 3%;
}
.pageCaptionDiv p{
	font-family: 'Cantarell', sans-serif;
    font-size: 0.9em !important;
    line-height: 1em;
    margin: 3.5em 0 0 0;
    color: #ffffff !important;
    font-weight: 200;
    float: left;
}
.pageCaptionTitle{
	width: 360px;
    text-align: center;
    float: right;
    position: absolute;
    /* right: 110px; */
    top: -8px;
	
	/*width: 360px;
    text-align: center;
    float: right;
    position: absolute;
    right: 110px;
    top: -119px;*/
}
.pageCaptionTitle h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 1.8em;
    line-height: 1em;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
   /* -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);*/
}


/*End of SubpageBanner */








/*
#eventsDiv{
	background: url(/images/design/bg-blue-connections.jpg) no-repeat bottom left;
	background-size: cover;
    width: 1200px;
    height: 280px;
    float: left;
	border-top: 1px solid #fff;
	padding: 100px 0px;
}
#eventsLeft{
	padding: 15px 0px 0px 25px;
    width: 300px;
    height: 255px;
    float: left;
    border-right: 1px dotted #FFFFFF;
}
#eventsLeft h1{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.125em; /* 18px *
	color: #fff;
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
}
#eventsLeft p {
	color: #FFFFFF;
}
.eventDate{
	background-color: rgba(255, 255, 255, 0.9);
	width: 45px;
	height: 45px;
	float: left;
	margin: 10px 0px 0px 0px;
}
.eventDate h1 {
    margin: 0;
    color: #424242 !important;
    text-align: center;
}
.eventDate p{
	font-family: 'Titillium Web', sans-serif;
	font-size:0.625em; /* 10px *
	color: #ed7115 !important;
	letter-spacing: 3px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 6px 0px 0px 12px;
}
.eventDate h2{
	font-family: 'Titillium Web', sans-serif;
    font-size: 1.5625em; /* 25px *
    color: #ed7115;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 500;
    margin: -7px 0px 0px 0px;
}
.eventContainer{
	float: left;
	width: 300px;
	height: 60px;
}
.eventListing{
	float: right;
    width: 230px;
	padding: 10px 0px 0px 0px;
}
.eventListing a{
	font-family: 'Lato', sans-serif;
	font-size:0.875em; /* 14px *
	color: #f6822c;
	font-weight: 200;
	text-decoration: none;
}
.eventListing p{
	font-family: 'Lato', sans-serif;
	font-size:0.875em; /* 14px *
	color: #fff;
	font-weight: 200;
	text-decoration: none;
	line-height: 0;
}
#eventsRight{
	padding: 15px 0px 0px 25px;
    width: 800px;
    height: 250px;
    float: left;
}
#eventsRight h1{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.125em; /* 18px *
	color: #fff;
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
}*/
.featuredEvents{
	width: 835px;
    height: 200px;
    float: left;
	margin-bottom: 50px;
}
.scroll { 
    /*overflow-x: scroll;*/
    overflow-y: hidden;
    height: 210px;
    white-space:nowrap;
} 
.featuredTitle{
	width: 200px;
    height: 60px;
    padding-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #ed7115;
}
.featuredEvents a{
	font-family: 'Lato', sans-serif;
	font-size:0.875em; /* 14px */
	color: #f6822c;
	font-weight: 200;
	text-decoration: none;
}
.featuredEvents p{
	font-family: 'Lato', sans-serif;
	font-size:0.875em; /* 14px */
	color: #fff;
	font-weight: 200;
	text-decoration: none;
	line-height: 0;
}
.thumb{
	float: left;
    width: 220px;
    min-height: 190px;
    padding-right: 30px;
}
.scrollWrapper{
	width:300px;
}
.eventImg{
	border: 2px solid #f6822c;
	margin-right: 30px;
}
.eventImgWrapper{
	background: #ed7115;
	width: 318px;
    height: 194px;
}
.eventImgWrapper:hover img{
	opacity: 0.5;
}

#newsDiv{
	background: #e8e7e9;
    width: 1200px;
	height: 350px;
    float: left;
	border-top: 2px dotted #d8d8d8;
}
#newsLeft{
	padding: 15px 0px 0px 25px;
    width: 520px;
    height: 330px;
    float: left;
    border-right: 2px dotted #d8d8d8;
}
#newsLeft h1{
	font-family: 'Titillium Web', sans-serif;
    font-size: 1.375em; /* 22px */
    color: #303030;
	font-weight: 600;
    letter-spacing: 2px;
	text-transform: uppercase;
	padding: 15px 0px 0px 0px;
}
#newsThumb{
	width: 505px;
    /* height: 165px; */
    /* margin: 25px 0px 0px 0px; */
    float: left;
}
.newsImg{
	border: 2px solid #f6822c;
	margin-right: 30px;
}
.newsImg:hover{
	opacity: 0.8;
}

#newsLeft .newsImg{
	width: 200px;
    height: 140px;
    object-fit: cover;
}


.newsContainer{
	width: 270px;
    float: right;
    margin: 0px 0px 0px 0px;
}
.newsContainer h2{
	font-family: 'Lato', sans-serif;
    font-size: 1.125em; /* 18px */
    color: #303030;
	font-weight: 400;
}
.newsContainer b{
	font-family: 'Lato', sans-serif;
    font-size: 0.875em; /* 14px */
    color: #f6822c;
	line-height: 0;
	font-weight: 300;
}
.newsContainer p{
	font-family: 'Lato', sans-serif;
    font-size: 0.875em; /* 14px */
    color: #303030;
    font-weight: 300;
    width: 260px;
    /* padding-bottom: 5px; */
}
.newsContainer a{
	font-family: 'Lato', sans-serif;
    font-size: 0.875em; /* 14px */
    color: #303030;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 2px solid #f6822c;
}
.newsContainer a:hover{
	color:#38274a;
	text-decoration: none;
	border-bottom: none;
}
#newsRight{
	padding: 15px 0px 0px 0px;
    width: 610px;
    height: 330px;
    float: right;
}
#newsRight h1{
	font-family: 'Titillium Web', sans-serif;
    font-size: 1.375em; /* 22px */
    color: #303030;
	font-weight: 600;
    letter-spacing: 2px;
	text-transform: uppercase;
	padding: 15px 0px 0px 0px;
}
.facebook{
	width: 300px;
	height: 300px;
	float: left;
}
.instagram{
	width: 280px;
    height: 285px;
    margin: -55px 0px 0px 0px;
    float: left;
}
.instagram img
{
	width: 90%;
	border: 2px solid #f6822c;
}
.instagram h2{
	font-family: 'Lato', sans-serif;
    font-size: 1.125em; /* 18px */
    color: #303030;
	font-weight: 400;
}
#footer{
	background: #333333;
	width: 1200px;
	display: inline-block;
}
.footerColumn{
	width: 280px;
    padding: 30px 0px 0px 30px;
    float: left;
}
.footerColumn h1{
	font-family: 'Titillium Web', sans-serif;
	font-size:1.25em; /* 20px */
	color: #e8e7e9;
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
}
.footerColumn p{
	font-family: 'Lato', sans-serif;
    font-size: 0.875em; /* 14px */
    color: #e8e7e9;
    font-weight: 300;
}
.footerColumn a{
	font-family: 'Lato', sans-serif;
    font-size: 0.875em; /* 14px */
    color: #e8e7e9;
    line-height: 22px;
    font-weight: 300;
	text-decoration: none;
}
.footerColumn a:hover{
	font-family: 'Lato', sans-serif;
    font-size: 0.875em; /* 14px */
    color: #f6822c;
	line-height: 22px;
    font-weight: 300;
	text-decoration: none;
}
.footerColumnTwo{
	width: 230px;
    padding: 77px 0px 0px 0px;
    margin: 0px 0px 0px -50px;
    float: left;
}
.footerColumnTwo a{
	font-family: 'Lato', sans-serif;
    font-size: 0.875em; /* 14px */
    color: #e8e7e9;
    line-height: 22px;
    font-weight: 300;
	text-decoration: none;
}
.footerColumnTwo a:hover{
	font-family: 'Lato', sans-serif;
    font-size: 0.875em; /* 14px */
    color: #f6822c;
	line-height: 22px;
    font-weight: 300;
	text-decoration: none;
}
#copyright{
	width: 1200px;
    /*height: 30px;*/
    background: #171d20;
	float: left;
	text-align: center;
}
#copyright p{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
	line-height: 1.6em;
    color: #fff;
    font-weight: 200;
	padding: 0px 0px 0px 20px;
}
#copyright a{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
	line-height: 1.6em;
    color: #6cbdc7;
    font-weight: 700;
	text-decoration: none;
}
#copyright a:hover{
	opacity: 0.8;
}
#privacy{
	width: 1200px;
	/*height: 30px;*/
	background: #2f3133;
	float: left;
	text-align: center;
}
#privacy p{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
	line-height: 1.6em;
    color: #fff;
    font-weight: 200;
}
#privacy a{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
	line-height: 1.6em;
    color: #fff;
    font-weight: 700;
	text-decoration: none;
}
#privacy a:hover{
	opacity: 0.8;
}
.calendarDisplayWrapper
{
	width: 75%;
	float: left;
	margin-left: 35px;
}
#aboutSection {
    background: url(/images/design/mpr-bg-3.png) no-repeat;
    background-size: cover;
    position: absolute;
    float: left;
    width: 1200px;
    min-height: 600px;
   /* margin-bottom: 78px;*/
}
#aboutDiv{
    width: 1200px;
    height: 100%;
    min-height: 544px;
    float: left;
	position: relative;
    z-index: 1;
}
.aboutContent{
    width: 1140px;
    padding: 80px 2% 0px 2%;
    float: left;
    text-align: center;
    position: relative;
    z-index: 1;
    /* padding-bottom: 150px; */
    min-height: 420px;
}

.aboutButtons {
    width: 1140px;
    padding: 2% 0px 2% 0px;
    float: left;
    position: absolute;
    z-index: 1;
    /* top: -17px; */
    bottom: 0px;
    margin: 0px 15px 0px 15px;
}

#aboutDiv p{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    color: #fff;
    font-weight: 200;
    /*float: left;*/
	text-shadow: 0px 2px 5px #000;
	/*margin: 0;*/
}
#aboutDiv h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.2em;
    color: #fff;
    font-weight: 600;
	text-shadow: 0px 2px 5px #000;
	text-transform: uppercase;
}
#aboutDiv h1 b{
	font-family: 'Allerta Stencil', sans-serif;
    color: #a5b1be;
    font-weight: 600;
	text-shadow: 0px 2px 5px #000;
	text-transform: uppercase;
}
#aboutDiv h2{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 1.5em;
    color: #a5b1be;
    font-weight: 400;
	text-shadow: 1px 1px 0px #000;
	/* position: relative;
    top: 10px;
    left: 0;*/
    width: 100%;
}

.registrationHomeTitle
{
	position: absolute;
	bottom: 130px;
	left: 0px;
	width: 100%;
}

#aboutVideo {
    /* width: 100%; */
    width: 1200px;
    /* min-height: 100%; */
    /*min-height: 470px;*/
    height: 470px;
    min-width: 100%;
    object-fit: cover;
    z-index: -99999;
    position: absolute;
	left: 0;
}
.aboutLines{
     overflow: hidden;
     text-align: center;
 }
.aboutLines > span{
    position: relative;
    display: inline-block;
}
.aboutLines > span:before, .aboutLines > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #d85600;
    width: 591px;
    margin: 0 20px;
}
.aboutLines > span:before{
    right: 100%;
}
.aboutLines > span:after{
    left: 100%;
}

#aboutDiv a{
	color:#6cbdc7;
	font-weight: 600;
	text-decoration: none;
}
#aboutDiv a:hover{
	color:#981f22;
}

.navyButton {
	background-color: #283850;
    display: inline-block;
    cursor: pointer;
    color: #fff !important;
    border-bottom: 3px solid #d85600;
    font-family: 'Cantarell', sans-serif;
    font-size: 1.2em;
    padding: 20px 56px;
    text-decoration: none;
    /*margin: 0px 15px 0px 15px;*/
}
.navyButton:hover {
	background: #d85600;
}
.spacer{
	margin: 0px 10px 0px 10px;
}
#riotDiv{
	background: url(/images/design/info-bg.png) no-repeat left;
    background-size: cover;
	width:1200px;
	min-height: 550px;
	float: left;
	/*margin-top: -112px;*/
    margin-top: -29px;
	border-bottom: 4px solid #283850;
    position: relative;
}
#riotDiv #adminEditButton.homeEdit
{
	position:relative;
	float: right;
	top: -377px;
	left: 0px;
}
.riotContent{
	width: 590px;
    height: auto;
    padding: 4% 0 0 0;
    margin-right: 40px;
    float: right;
}
#riotDiv h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.5em;
    color: #000;
    font-weight: 600;
	text-transform: uppercase;
    margin-top: 50px;
}
#riotDiv h2{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2em;
    color: #000;
    font-weight: 600;
}
#riotDiv p{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    color: #000;
    font-weight: 200;
	margin-top: 0px;
	margin-bottom: 5%;
    /*float: left;*/
}
#riotDiv a{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
	line-height: 1.4em;
	color: #283850;
	font-weight: 600;
}
#riotDiv a:hover{
	color: #171d20;
}
.linksRight{
	float: right;
	padding-right: 10%;
}
.linksLeft{
	float: left;
}
.iconLeft{
	width: 215px;
    height: 215px;
    float: left;
    margin: 27% 0 0 0;
}
.iconRight{
	width: 215px;
    height: 215px;
    float: left;
    margin: 27% 0 0 29%;
}
#skillsDiv{
	background: url(/images/design/skills-bg.png) no-repeat left;
	width:1200px;
	height: 550px;
	float: left;
	border-bottom: 4px solid #283850;
}
#skillsDiv #adminEditButton.homeEdit
{
	position:relative;
	float: right;
	top: 0px;
	left: 0px;
}
.skillsContent{
	width: 590px;
    height: auto;
    padding: 5% 0 0 3%;
    float: left;
}
#skillsDiv h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.5em;
    color: #a5b1be;
    font-weight: 600;
	text-transform: uppercase;
}
#skillsDiv p{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    color: #fff;
    font-weight: 200;
	margin-top: 0px;
	margin-bottom: 5%;
    /*float: left;*/
}
#expoDiv{
	background: url(/images/design/expo_bg.png?v=1.1) no-repeat left;
	width:1200px;
	height: 550px;
	float: left;
	border-bottom: 4px solid #283850;
}
#expoDiv #adminEditButton.homeEdit
{
	position:relative;
	float: right;
	top: 0px;
	left: 0px;
}
.expoContent{
	width: 550px;
    height: auto;
    padding: 5.5% 0 0 0;
    margin-right: 40px;
    float: right;
}
#expoDiv h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.5em;
    color: #000;
    font-weight: 600;
	text-transform: uppercase;
}

#expoDiv p{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    color: #000;
    font-weight: 200;
	margin-top: 0px;
	margin-bottom: 5%;
    /*float: left;*/
}
#locationDiv{
	background: url(/images/design/pen-bg.png) no-repeat left;
	width:1200px;
	height: 550px;
	float: left;
	border-bottom: 4px solid #283850;
}
#locationDiv #adminEditButton.homeEdit
{
	position:relative;
	float: right;
	top: 0px;
	left: 0px;
}
.locationContent{
	width: 590px;
    height: auto;
    padding: 5% 0 0 3%;
    float: left;
}
#locationDiv h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.5em;
    color: #a5b1be;
    font-weight: 600;
	text-transform: uppercase;
}
#locationDiv p{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    color: #fff;
    font-weight: 200;
	margin-top: 0px;
	margin-bottom: 5%;
    /*float: left;*/
}
#sponsorsDiv{
	width:1200px;
	height: 250px;
	background: #283850;
	border-top: 2px solid #fff;
	text-align: center;
	float: left;
}
#sponsorsDiv #adminEditButton.homeEdit
{
	position:relative;
	float: right;
	top: -30px;
	left: 0px;
}
.sponsorsContent{
	width: 1080px;
    height: auto;
    padding: 2% 0 0 5%;
}
#sponsorsDiv h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.5em;
    color: #fff;
    font-weight: 600;
	text-transform: uppercase;
}
#sponsorsDiv p{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    color: #fff;
    font-weight: 200;
	margin-top: 0px;
	margin-bottom: 5%;
    /*float: left;*/
}
#sponsorsDiv a{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
	line-height: 1.4em;
	color: #fff;
	font-weight: 600;
}
#sponsorsDiv a:hover{
	color: #a5b1be;
}
#platinumDiv{
	width: 1200px;
	height: 200px;
	background: #fff;
	float: left;
	padding-top: 2%;
	padding-bottom: 2%;
	text-align: center;
}
#platinumDiv h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 1.2em;
    color: #2f3133;
    font-weight: 600;
}
.platinumLines{
     overflow: hidden;
     text-align: center;
 }
.platinumLines > span{
    position: relative;
    display: inline-block;
}
.platinumLines > span:before, .platinumLines > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #a5b1be;
    width: 591px;
    margin: 0 20px;
}
.platinumLines > span:before{
    right: 100%;
}
.platinumLines > span:after{
    left: 100%;
}

#platinumDiv a{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
	line-height: 1.4em;
	color: #2f3133;
	font-weight: 600;
}
#platinumDiv a:hover{
	color: #000;
}






/** START TSG-ACCORDION STYLES **/

.TSG-accordion .TSG-accordion-nested-table {
    width: 90% !important;
    padding: 5px 5% !important;
}

.TSG-accordion .TSG-accordion-nested-table.ui-accordion-header {
	width: 96% !important;
	padding: 5px 2% !important;
	border-left: 10px solid #fb9431 !important;
}

.TSG-accordion .TSG-accordion-nested-table.ui-accordion-content-active {
    display: block !important;
}

.TSG-accordion .TSG-accordion-nested-table.ui-state-active {
    border: 1px solid #fb9431;
    background: #fb9431;
}

.TSG-accordion .TSG-accordion-nested-table.ui-state-active p {
    color: #FFFFFF !important;
}

.TSG-accordion tbody {
    display: inline-block;
}

.TSG-accordion-table-td {
    padding: 0px !important;
}

.TSG-accordion .TSG-accordion-h3 p {
    margin: 0px !important;
}

/** END TSG-ACCORDION STYLES **/

#filterGroups {
	width: 250px;
}

.filterGroupsDirectory{
	width: 175px;
	margin-right: 15px;
}

.dialog-content-title {
	font-size: 18px;
	margin-bottom: 5px;	
}
.dialog-content {
	padding:10px 0px;
}
.dialog-content-title i {
	display:inline-block;
	margin-right:5px;
	color:#666666;						
}
.dialog-content-title i.success {
	color:#009900;
}
.dialog-content-title i.error {
	color:#f0002c;
}


.loader.admin {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    margin-top: -73px;
}

.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #f88d28; 
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#translator {
    display: none;
}
#fixedHeader .sticky {
    top: 0px
}
.sticky {
  position: fixed !important;
  top: 0px !important;
  width: 100% !important;
  z-index: 999999;
}

.alertsticky {
  position: fixed !important;
  top: 0px !important;
  width: 100% !important;
  z-index: 999999;
}

.sticky + #aboutDiv {
  padding-top: 85px;
}

.pagestickyHide
{
	top: -200px !important;	
}

.sticky .navBar .mainNav, .pagesticky .navBar .mainNav , .alertpagesticky .navBar .mainNav, .alertsticky .navBar .mainNav {
    margin: 14px auto;
}
.pagesticky {
    position: fixed !important;
    top: 0 !important;
    /* width: 100% !important; */
	width: 1200px;
    z-index: 999999;
}
.pagesticky #navBg { 
    background: url(/images/design/nav-bg.png) no-repeat top left;
    border-bottom: 3px solid #d85600 !important;
	height: 93px !important;
}
.alertpagesticky {
    position: fixed !important;
    top: 0px !important;
    width: 100% !important;
    z-index: 999999;
}
.partners{
	width: 290px;
    height: 115px;
}
#googleTranslate{
	margin-top: -7px !important;
}

.bannerImageFilter {
    filter: sepia(100%) hue-rotate(180deg) saturate(80%) !important;
}

/* Events Calendar CSS */
#mainEventDiv {
    display: block;
    min-height: 200px;
    width: 100%;
    float: left;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}

.mainEventPhoto { 
    position: relative;
    text-align: center;
    /*padding: 0 15px 0 15px;*/
    margin: 0 0 0 0;
    width: 45%;
    
}

.mainEventPhoto img { 
    position: relative;
    width: 100%;
    height: auto;
    float: left;
}
.mainEventDetails { 
    position: relative;
    /*text-align: center;*/
    /*padding: 0 15px 0 15px;*/
    margin: 0 0 0 0;
    width: 49%;
    float: left;

}
.mainEventDetails h1 { 
    font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.5em;
    margin-bottom: 5px !important;
    font-weight: normal;
    color: #d85600;
    clear: both;
}
.mainEventDetails h2 { 
    font-family: 'Allerta Stencil', sans-serif;
    font-size: 1.5em !important;
    line-height: 1 !important;
    margin-bottom: 0px !important;
    font-weight: normal;
    color: #d85600;
    clear: both;
}
#upcomingEventsDiv { 
float: left;
}
/* End of Events Calendar CSS */