a {
 	
 		text-decoration: none !important;
 	
 	}
 
      body {
      	height: auto;
      	position:relative;
        padding-top: 30px;
        padding-bottom: 40px;
		background-image: url('img/ttt.png');
		background-size: 100%;
		-moz-background-size: 100%;	
		-webkit-background-size: 100%;
		background-attachment: fixed;
		background-position: fixed;
		overflow-x:hidden;
      }
      
      #cover{
      	position: absolute;
      	top:0;
		width:2000px;
      	background-color:black;
      	}

	.cover{
	
		position: absolute;
		top: 0;
		left:-20px;	
	
	}

	.super {
		font-size:80px;
		line-height:80px
	
	}
	
	
	.half {

	}
	
	.pic-tiles {
		overflow:hidden;
		margin-bottom: 10px;
		height: 160px;
		background-color:darkGray;
		color: white;
		text-align: left;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);	
	
	}
	
	.half h2 {
	
		margin-left: 15px;
		line-height: 240px
	
	}
	
	#calendar {
	
		display: none;
	
	}

	#more {
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
		background-color: darkGray;
		color: white;
		height: 70px;		
	
	}
	
	#more span{
		font-size: 30px;
		line-height: 30px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 20px;
		float: left;
	}
	
	.event {
		width:70px;
		height: 70px;
	}

	.event_bin {
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
		margin-bottom: 10px;
		background-color:white;	
	}
	
	.event_bin time {
	
		float: left;
		margin-right: 10px;
	
	}
	
	.event-big {
		width:100px;
		height: 100px;
	}


	.event div:nth-child(1), .event div:nth-child(3) {
		
		font-weight: bold;
		background-color: #099ee0;
		color: rgb(241, 241, 241);
		font-size: 15px;
		line-height: 15px;
		text-align: center;
		
	
	}	

	.event-big div:nth-child(1), .event-big div:nth-child(3) {
		font-size: 20px;
		line-height: 25px;
	}	

	.event div:nth-child(2) {
		color: #099ee0;
		font-weight: bold;
		font-size: 40px;
		line-height: 40px;
		border-left: 5px solid #099ee0;
		border-right: 5px solid #099ee0;
		text-align: center;
		background-color: rgb(241, 241, 241);	
	}	
	
	.event-big div:nth-child(2){
		font-size: 50px;
		line-height: 50px;
	}	
	
	.event:hover,#more:hover,.half:hover {
		opacity:.8;
		filter:alpha(opacity=80);	
	}
	
	.Rallyx div:nth-child(1), .Rallyx div:nth-child(3) {

		background-color: sienna;
		color: wheat;
		text-align: center;
		
	
	}	

	.Rallyx div:nth-child(2) {
		color: sienna;
		border-left: 5px solid sienna;
		border-right: 5px solid sienna;
		background-color: wheat;	
	}	

	.Autox div:nth-child(1), .Autox div:nth-child(3) {

		background-color: orange;
		color: white;
		text-align: center;
		
	}	

	.Autox div:nth-child(2) {
		color: orange;
		border-left: 5px solid orange;
		border-right: 5px solid orange;
		background-color: white;	
	}

	.img-shell {
		height: 0;
		overflow: visible;	
	}
	
	.img-shell img {

		max-width: 470px
	
	}
	
	#biglogo {
		margin-bottom: -30px;
	}

	#sidebars {
		margin-top:-30px;
		width:270px;
		
	}

	.page,.blank-page {
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);	
		background-color: rgb(9, 158, 224);
		color: white;
		font-weight: bold;
		font-size: 20px;
		line-height: 20px;
		padding-left: 10px;
		margin-bottom: 10px;
		text-decoration: none;	
		padding: 10px;
	}

	.blank-page p{
	
		margin-bottom: 5px;
		
	}

	.blank-page ul {
		color: white;
		font-size: 15px;
		font-weight: normal;
		line-height: 25px;	
	}

	.blank-page a {
		color: white;

	}

	.blank-page a:hover {
		color: orange;
	}

	.page:visited {
		background-color: rgb(9, 158, 224);
		text-decoration: none !important;	
	}


	.page:hover {
		background-color: orange;
		text-decoration: none !important;	
	}

	.page:active {
		background-color: orange;
		text-decoration: none !important;	
	}


	.navbar {
		display: none;
	}	

	.ul-bottom {
	
		margin-left: 0;
	
	}
	
	.li-overflow {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden	
	
	}

	.super-holder {
	
		height:295px;
	
	}

	#biglogo {
		z-index: -1 !important;
		position: relative;
	}	

	.upcoming {
		margin-bottom: 25px;
		}

	.calpage .event{
		margin-bottom: 10px;
	}

	.affix-bottom { bottom: 100px; position: absolute; }


	@media (max-width: 1200px)  {



		.page,.blank-page {
			font-size: 20px;
			line-height: 20px;
		}

		#sidebars {
			width:210px;
		}


		.super {
			font-size: 88px;
			line-height: 90px;
		}


		.upcoming {
			margin-bottom: 10px;		
	
		}

		#fb-narrow {
	
			display: initial;
	
		}

		#fb-wide {
	
			display: none;
	
		}

	}
	


	
	@media (max-width: 979px)  {

		.calpage .span2{
			width: 130px;
		}


		#resources{
			display:none;
		}

		#fb-wide {
	
			display: initial;
	
		}

		#fb-narrow {
	
			display: none;
	
		}


		body {
			padding-top: 60px !important;
		}

		.navbar {
			display: initial;
		}

		.navbar-fixed-top {
			position: fixed !important;
			top: 0 !important;	
	
		}

		.page-navigation {
			display: none !important;
		}


		.page-body {
			width: 96% !important;
		}


		body {
			padding-right: 20px !important;
			padding-left: 20px !important;
		}

		.row-custom {
			margin-left: -5px !important;

		}

		.row-bottom {
			margin-top: 10px;
			margin-left: -10px !important;

		}
	
		.title-box {
			width:100% !important;
	
		}
		
		.title-box img {
			width: 684px;
		}

		.half {
			width: 357px !important;
			margin-left: 10px !important;
		}			

		#calendar {
	
			display: block;
	
		}

		.upcoming {
			
			display:none;
			
		}

		#tiles {
		
			margin-top:520px;
		
		}
		
	
	}


	@media (max-width: 767px)  {

		.bottom-half {
			display: none !important;
		}

		.calpage .span2{
			float: left;
		}

		.calpage .span7{
			float: left;
			width: 370px;
			padding-left:15px;
		}

		.calpage h2{
			font-size: 20px;
			line-height:30px
		}

		.calpage h4{
			font-size: 15px;
			line-height:30px

		}

		#biglogo{
			position: relative;
			top:-40px
		
		}

		.super-holder {
			height: 230px
		}

		.navbar .brand, .nav-collapse {
			padding-left:30px !important;
		}
		
		.navbar .btn-navbar {
			padding-right:20px !important;
		}

		.img-shell img {

			max-width: 740px
	
		}

		#tiles {
		
			margin-top:0;
		
		}
	
		.super {
			font-size:38.5px;
			line-height:40px;
	
		}
	

		.half {
			width: 98% !important;
		}				

		#calendar {
	
			display: block;
	
		}		

		.page-navigation {
			display: none !important;
		}

		.page-body {
			width: 96% !important;
		}

	}

	@media (max-width: 480px)  {

		.calpage .span2{
			float: left;
		}

		.calpage .span7{
			width: 100%;
		}

		.img-shell img {

			max-width: 480px
	
		}

		.page-navigation {
			display: none !important;
		}

		.page-body {
			width: 96% !important;
		}

	}