@media only screen and (min-width: 1000px) {
/*===========================================================
	LAYOUT STYLES
============================================================*/
#bodydiv {
	position: relative;w
	overflow: hidden;
	width: 100%;		
}
/*===========================================================
	TOP BANNER STYLES
============================================================*/
#topcontainer {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5;
}

/*===========================================================
	LEFT BANNER STYLES
============================================================*/
#leftbanner {}

/*===========================================================
	RIGHT BANNER STYLES
============================================================*/
#rightbanner {
	background: rgba(0,13,30,.85);
	border-left: 4px solid #c8991e;
	bottom: 136px;
	padding: 20px;
	position: fixed;
	right: -400px;
	top: 170px;
	width: 396px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
	-webkit-transition: right 1s ease;
	-moz-transition: right 1s ease;
	-o-transition: right 1s ease;
	transition: right 1s ease;	
}
	#rightbanner.active {
		right: 0;	
	}

/*	FIXED MOUNTING
==============================*/
#rightbanner .bannermodtitle {
	position: relative;	
}
	#rightbanner .bannermodtitle h2 {display: none;}
	/*#rightbanner .bannermodtitle ul,
	#rightbanner .bannermodtitle ul li {
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#rightbanner .bannermodtitle ul {
		height: 50px;
		left: -318px;
		line-height: 49px;
		position: absolute;
		top: -20px;
				
		-webkit-transform:translate3d(0,0,0);
		-webkit-backface-visibility: hidden;
		-webkit-transform-origin: 100% 100% 0;
		-moz-transform-origin: 100% 100% 0;
		-ms-transform-origin: 100% 100% 0;
		-o-transform-origin: 100% 100% 0;
		transform-origin: 100% 100% 0;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		transform-origin: 100% 100% 0;

		-webkit-transition: left .8s ease;
		-moz-transition: left .8s ease;
		-o-transition: left .8s ease;
		transition: left .8s ease;	
	}
		#rightbanner.active ul {left: -319px;}
		#rightbanner .bannermodtitle ul li {
			background: rgba(0,28,66,.9) url(../images/home/flyout-bg.png) no-repeat center right;
			color: #c8991e;
			cursor: pointer;
			float: right;
			font-size: 15px;
			height: 50px;
			margin-left: 1px;
			padding: 0 35px 0 20px;
			text-align: center;
			
			-webkit-transition: opacity 0.5s ease;
			-moz-transition: opacity 0.5s ease;
			-ms-transition: opacity 0.5s ease;
			-o-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
		}
			#rightbanner .bannermodtitle ul li:hover {
				background: #c8991e url(../images/home/flyout-hover.png) no-repeat center right;
			}
			#rightbanner .bannermodtitle ul li.active {
				background: #c8991e url(../images/home/flyout-active.png) no-repeat center right;
				color: #001C42;
			}
			#rightbanner .bannermodtitle ul li:last-child {border-right: none;}
		#rightbanner .bannermodtitle ul li a {
			bottom: 0;
			color: #c8991e;
			display: block;
			text-transform: uppercase;
			
			-webkit-transition: opacity 0.3s ease;
			-moz-transition: opacity 0.3s ease;
			-ms-transition: opacity 0.3s ease;
			-o-transition: opacity 0.3s ease;
			transition: opacity 0.3s ease;	
		}
			#rightbanner .bannermodtitle ul li i {display: none;}
			#rightbanner .bannermodtitle ul li.active a,*/
			/*#rightbanner .bannermodtitle ul li:hover a*//*
			#rightbanner .bannermodtitle ul li a:hover*/ /*{
				color: #001C42;
			}*/

/*
			-webkit-transform:translate3d(0,0,0);
			-webkit-backface-visibility: hidden;
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			transform: rotate(-90deg);
			*/
/*	CONTENT
==============================*/
#rightbanner h2 {
	color: #ffca38;
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
}

#rightbanner p {color: white;}
#rightbanner .bannermodcontent {display: none;}

#rightbanner .home-side .bannermodcontent{
	bottom: 20px;
	left: 20px;
	overflow: auto;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}

#rightbanner .home-event a {color: #c8991e;}
#rightbanner .home-event h3 {
	color: #c8991e;
	font-size: 24px;
	font-weight: 300;
}
/*===========================================================
	BOTTOM STYLES
============================================================*/
#footer {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	z-index: 3;	
}
/*===========================================================
	CONTENT STYLES
============================================================*/
/*	HOME PAGE STYLES
==============================*/


/*	HOME SLIDER
------------------------------*/
#home-slider-container {
	position: fixed;
	left: 0;
	right: 0;
	top: 170px;
	bottom: 135px;
	z-index: 0;	
}
#home-slider {
	height: 100%;
	width: 100% !important;	
	overflow: hidden;
}
#home-slider .slides,
#home-slider .slides li {
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#home-slider .slides li {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display: none;
	height: 100%;
}
	#home-slider img {
		display: none;
		height: auto;
		visibility: hidden;
		width: 100%;
	}
	#home-slider .slides div,
	#home-slider .slides h2 {display: none;}
	#home-slider .flex-control-nav {display: none;}
	#home-slider .flex-direction-nav {
		display: none;
		bottom: 0;
		color: white;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		z-index: 3;
	}
		#home-slider .flex-direction-nav li {
			background-color: rgba(47,59,82,.6);
			bottom: 0;
			min-height: 100px;
			position: absolute;
			width: 80px;
			z-index: 1;
		}
			#home-slider .flex-direction-nav li.control-l {left: 0;}
			#home-slider .flex-direction-nav li.control-r {right: 0;}
		#home-slider .flex-direction-nav li a {
			
		}
	#home-slider .control {
		bottom: 0;
		display: table;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 1;
	}
	#home-slider .control-l,
	#home-slider .control-r,
	#home-slider .control .content {
		color: white;
		display: table-cell;
		min-height: 100px;
		position: relative;
		text-align: center;
		vertical-align: middle;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
	#home-slider .control .content {
		background: rgba(0,14,32,.9);
		padding: 20px;
		min-width: 800px;
	}
		#home-slider .control .content h2 {
			display: block;
			height: 40px;
			left: 0;
			right: 0;
			position: absolute;
			text-align: center;
			top: -40px;
		}
			/*#home-slider .control .content br {display: none;}*/
			#home-slider .control .content h2 span {
				background: rgba(0,14,32,.9);
				color: #ffca38;
				display: inline-block;
				font-size: 23px;
				height: 40px;
				line-height: 40px;
				padding: 0 40px;
				text-transform: uppercase;
				top: -40px;
			}
			#home-slider .control .content a {color: #ffca38;}
	#home-slider .control-l,
	#home-slider .control-r {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		cursor: pointer;
		text-align: center;
		width: 80px;
		
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
	}
		#home-slider .control-l i,
		#home-slider .control-r i {
			font-size: 24px;
			font-weight: 100;
			text-align: center;
			vertical-align: middle;
		}
/*	HOME EVENT
------------------------------*/
.home-event {}
.home-event h2 {display: none;}
.home-event .spacer {height: 35px;}

.home-event ul,
.home-event ul li {display: inline;}

.home-event .eventcol {
	display: block;
	position: relative;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*			EVENT DATE BLOCK*/
.home-event .eventcol_short .eventcon {
	color: white;
	padding-left: 65px;
	padding-bottom: 20px;
	width: auto !important;
}
.home-event .monthhead,
.home-event .eventspacer {display: none;}
.home-event .event_stackdate {
	background: #00204c;
	border: none;
	color: white;
	display: block;
	height: 45px;
	left: 0;
	padding: 5px 0 0 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	visibility: visible;
	width: 45px;
	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
	.home-event .event_stackmonname {display: block;}
	.home-event .event_stackdayname {display: none;}

	.home-event .event_stackdaynum {
		font-size: 20px;
		line-height: .75;
		padding: 0;
	}
/*			EVENT TITLE BLOCK*/
.home-event .etitle, 
.home-event .event_time,
.home-event .event_location {color: white;}
	.home-event .etitle {
		font-size: 16px;
		font-weight: 600;
	}
		.home-event .etitle a {color: #c8991e;}
			.home-event .etitle a:hover {color: white;}
		
	.home-event .event_time,
	.home-event .event_location {}

/*	HOME NEWS
------------------------------*/
.home-news {}
	.home-news .newspostitem {
		color: white;
		padding: 0 0 40px 0;
	}
	.home-news .newsposttitle {
		font-size: 16px;	
	}
		.home-news .newsposttitle a {color: #ffca38;}
		.home-news .newsposttitle a:hover {color: white;}




}
@media only screen and (min-width: 1180px) {
	#home-slider .control .content {
		background: rgba(0,14,32,.9);
		padding: 20px;
		min-width: 1020px;
	}
	
}

@media only screen and (min-width: 1000px) {	#home-slider .control .content {min-width: 820px;}}
@media only screen and (min-width: 1050px) {	#home-slider .control .content {min-width: 870px;}}
@media only screen and (min-width: 1100px) {	#home-slider .control .content {min-width: 920px;}}
@media only screen and (min-width: 1150px) {	#home-slider .control .content {min-width: 970px;}}
@media only screen and (min-width: 1200px) {	#home-slider .control .content {min-width: 1020px;}}