/*
Colors:
Purple:	#401849
Bright Purple: #9948ac
New Blue:  #1b7ff2

 */

* {margin:0; padding:0; border:none}

/* Mobile first approach media queries under <768 pixels
grid (col-xs)
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- */

body {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 62.5%; /* 16px × 62.5% = 10px */
	font-size: 1.0em;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	color: #333;
	line-height: 1.5em;
	font-weight: 400;

}

#all {
	width: 86%;
	position: relative;
	margin: 80px auto 0 auto;
	text-align: center;
	padding: 0;
	border: none;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	/*background:url('/images/bg-gradiant.png') repeat-x top center;*/
}

#home-header {display:none;}

.container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	text-align: center;
}

.page-content {background-color:#fff; padding:30px 0; border-radius:5px; min-height:1000px;}

a,
a:hover,
a:focus,
a:active,
a.active {
	outline: 0;
}

	a:link, a:visited {
		color: #2a142f;
		text-decoration: none;
	}
	a:hover, a:active {
		color: #9948ac;
		text-decoration: underline;
	}


a.light-link:link, a.light-link:visited {color:#fff; text-decoration:none}
a.light-link:hover, a.light-link:active {color:#f1f1f1; text-decoration:none}

h1, h2, h3, h4, p {text-align:left;}
h1 {
	color: #1b7ff2; /*#311238;*/
	font-size: 2.5em;
	font-weight: 900;
}

.intro-message h1 {
	font-size: 3.0em;
}

h2 {
	color: #1b7ff2; /* #70357e; */
	font-size: 1.2em;
	text-align: left;
	padding-bottom: 5px;
	margin: 20px auto;
	font-weight:900;
}
h3 {
	color: #1b7ff2; /* #70357e; */
	font-size: 1.6em;
	letter-spacing: 0;
	font-weight: 900;
	margin: 5px auto;
	padding: 10px 0 5px 0;
	line-height: 1.4em;
}
h4 {color:#474747; font-size:1.5em; letter-spacing:0; margin:15px auto 10px auto; text-decoration:underline}

.syi-blue {color: #1b7ff2;}

p {
    margin:14px auto;
    color:#333;
    line-height:1.2em;
    font-weight:400;
    font-size:1.0em;
}

ul {margin:0; padding:0;}
	li {text-align:left; list-style-type:none; margin:10px 0 0 50px; padding:0; font-size:13px; line-height:normal;}

.text-large {font-size:16px;}
.text-med {font-size:14px;}
.text-small {font-size:12px;}
.text-xsm {font-size:11px;}
.no-pad {padding:inherit;}

hr {width:100%; padding:0 0 5px 0; margin:0 auto; text-align:center; border-top:double 3px #ccc;}

.clear {clear:both;}
.purple {color:#2a142f;}
.light-purple {color:#9948ac;}

.bg-dk {background-color:#333;}
.bg-wh {background-color:#fff;}

.img-centered {margin:0 auto;}

.bg-white {background-color:#fff; padding:10px; border-radius:5px; margin-bottom:1px;}
.bg-light-gray {background-color:#f1f1f1;}
.bg-med-gray {background-color:#f1f1f1; padding:10px; border-radius:5px; margin-top:2px;}
.bg-darkest-gray {background-color:#222;}


/* BUTTONS
------------------------------------------------------------------------ */
	.btn:focus, .btn:active, .btn.active, .btn:active:focus {
	outline:0;
}


/* NAV 
	--------------------------------------------------------*/
#myTopNav {
	width: 100%;
	height: 80px;
	padding: 10px 0;
	margin: 0 auto;
	background-color: #1b7ff2;
	position: fixed;
	top: 0;
	z-index: 100;
}

.navbar-toggler {
	border: solid 2px #ccc;
	background-color: #5ba3f5;
}

	.navbar-toggler:hover {
		background-color: #1e82f5
	}

	.navbar li {
		margin: 0 10px;
	}

ul.dropdown-menu {text-align:left; width:auto; padding:0 10px;}
	.dropdown-menu li {margin:5px 5px; padding:1px;}


.top-navbar ul.navbar-nav li.home .dropdown-menu a.dropdown-item {
	/*margin: 20px 0 0 0;*/
}

.top-navbar ul.navbar-nav li.nav-item .dropdown-toggle {
	position:relative;
	margin: 0 auto;
	padding-bottom:20px;
}

.top-navbar ul.navbar-nav li.dropdown, .top-navbar ul.navbar-nav li.dropdown a {
	margin: 0;
	padding: 0
}

.top-navbar ul.navbar-nav li.dropdown {margin:0; padding:0;}

.top-navbar ul.navbar-nav li.dropdown a:link, .top-navbar ul.navbar-nav li.dropdown a:visited {
	color: #fff;
	text-decoration: none;
}

.top-navbar ul.navbar-nav li.nav-item a:hover, .top-navbar ul.navbar-nav li.nav-item a:active {
	color: #e394f5;
	text-decoration: none;
}

.navbar-nav li.nav-item .nav-link:link, .navbar-nav li.nav-item .nav-link:visited {
	color: #fff;
	text-decoration: none;
}
.navbar-nav li.nav-item .nav-link:hover, .navbar-nav li.nav-item .nav-link:active {
	color: #e394f5;
	text-decoration: none;
}

.navbar li.nav-item li a:link, .navbar li.nav-item li a:visited {
	color: red !important;
}

.navbar a.dropdown-item, .sportsnav a.dropdown-item {
	color: rebeccapurple !important;
}

	.dropdown-menu a:hover, dropdown-menu a:active {
		background-color: #efefef;
	}


/* --------------------------------------------------------------------- */

/* COLLAPSABLE MENU */

.navbar-collapse .nav li li a {
	margin: 0;
	text-align: left;
	font-size: 12px;
}

.navbar-collapse.show ul.navbar-nav {
	background-color: #0d407b;
}

.navbar-collapse li.dropdown ul.dropdown-menu {
	background-color: #efefef;
}

	.navbar-collapse li.dropdown li a:link,
	.navbar-collapse .nav li li a:visited {
		outline: 0;
		color: #fff;
		background-color: transparent;
		border: none;
		text-align: left;
		margin: 0;
		padding: 3px 3px;
		list-style-image: none;
		list-style-type: none;
	}

	.navbar-collapse .nav li li a:hover,
	.navbar-collapse .nav li li a:active {
		outline: 0;
		color: #fff;
		background-color: transparent; /* can't change this value! */
		border: none;
		text-align: left;
		padding: 3px 3px;
		margin: 0;
		list-style-image: none;
		list-style-type: none;
	}

/* --------------------------------------------------------------------- */
/* LEFT SIDE SPORTS MENU */

	.side-menu {
		background-color: #f1f1f1;
		border-radius: 4px;
		padding-bottom: 15px;
	}

	ul.sports-side {
		margin-left: 0;
		padding: 9px;
		background-color: #00d0d2;
		border-radius: 5px;
	}

		ul.sports-side li {
			border-bottom: solid 1px #401849;
			font-weight: bold;
			margin: 4px auto;
			padding: 6px 3px;
		}

			ul.sports-side li a {
				width: 100%;
				display: block;
				border-radius: 3px;
				padding: 2px 2px;
			}

				ul.sports-side li a:link, ul.sports-side li a:visited {
					background-color: #00d0d2;
					text-decoration: none;
					color: white;
				}

				ul.sports-side li a:hover, ul.sports-side li a:active {
					background-color: #401849;
					text-decoration: none;
					color: white;
				}
	/*  !!!  Overrides the bootstrap styling on the parent dropdown menu item  
	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
		background-color: transparent;
	}

	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
		background-color: transparent;
	}


/*	HEADER  
	---------------------------------------------------------------*/

	.top {
		clear: both;
		display: block;
		margin-top: 40px;
	}

	.hold-intro {
		margin: 0 auto;
		padding: 0;
		display: none;
	}

	.intro {
		margin: 0 auto;
		height: auto;
		text-align: center;
		color: #154f65;
		border: None;
		padding: 0;
		background-image: url("/images/header4.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		border: none;
	}

	.intro-message > h1 {
		width: 100%;
		height: 250px;
		margin: 0 auto;
		text-shadow: 3px 3px 2px rgba(0,0,0,0.8);
		font-size: 2em;
		color: #fff;
		padding: 10px;
		letter-spacing: normal;
		text-align: center;
	}

	.mission {
		height: auto;
		margin: 0 auto;
		padding: 14px 20px;
	}

		.mission img {
			max-block-size: 100px;
		}

		.mission p {
			font-style: italic;
			font-size: 0.9em;
		}

		.mission h2 {
			font-size: 1.3em;
		}

	.random-image {
		margin: 0 auto;
	}

	.bulletin {
		background-color: #c2b8c5;
		border-radius: 6px;
		padding: 10px;
		margin: 10px auto 0 auto;
		text-align: center;
	}

		.bulletin h3 {
			font-size: 1.1em;
			text-align: center;
			padding-bottom: 10px;
		}

		.bulletin p {
			font-size: 0.9em
		}

		.bulletin hr {
			border-bottom: dashed 1px #70357e;
			border-top: none;
		}

	.page {
		clear: both;
		margin-top: 20px;
		min-height: 600px;
		padding: 20px 20px;
	}
	/*	MAIN CONTENT
	--------------------------------------------------------------*/
	img.img-syi {
		padding: 10px;
		border: solid 1px #1b7ff2;
	}
	/* CONTACT 
	---------------------------------------------------------- */
	/* FORMS
	---------------------------------------------------------- */
	fieldset {
		width: auto;
		margin: 0 auto;
		text-align: center;
		padding: 10px;
		font-size: 14px;
		font-weight: 400;
	}
	/*	fieldset table {width:auto}
    fieldset table td {margin:0 auto; padding:4px 0;}
    legend {font-size:15px; font-weight:900; border:none; text-align:left; padding:0 15px; margin:0;}
*/

	input.form-control, textarea.form-control, select.form-control, file.form-control, .radio.form-control, #recaptcha_response_field {
		color: #000;
		max-width: 200px;
		height: auto;
		font-size: 14px;
		margin: 5px auto;
		border: solid 1px #2a142f;
		padding: 6px 3px;
		border-radius: 4px;
		box-shadow: 2px 2px 4px #929292;
		text-align: left;
		font-weight: normal;
	}

	submit.form-control {
		background-color: #2a142f
	}

	.g-recaptcha {
		padding: 0;
		margin: 0;
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}

	.table-responsive table th {
		vertical-align: bottom;
		font-size: 20px;
	}

	ul.errors li {
		list-style: none;
		list-style-image: none;
		margin: 6px 0 6px 30px;
	}
	/* FOOTER
	---------------------------------------------------------- */
	.footer {
		margin: 0 auto;
		padding: 12px 5px;
		text-align: center;
		/*background: #311238;*/
		background: #1b7ff2;
		color: #fff;
		font-size: 10.5px;
		font-weight: normal;
		letter-spacing: 0.08em;
		line-height: 16px;
		/*border-top: solid 10px #1a1a1a;*/
	}

		.footer a:link, .footer a:visited {
			color: #fff;
			text-decoration: none
		}

		.footer a:hover, .footer a:active {
			color: #9948ac;
			text-decoration: none
		}

		.footer p {
			font-size: smaller;
		}


	::-moz-selection {
		text-shadow: none;
		background: #6f6f72;
	}

	::selection {
		text-shadow: none;
		background: #6f6f72;
	}

	img::selection {
		background: 0 0;
	}

	img::-moz-selection {
		background: 0 0;
	}

	body {
		webkit-tap-highlight-color: #6f6f72;
	}
	/* MISC CSS
-------------------------------------------------- */
	/* Dynamic Image Scaling */
	img {
		max-width: 100%;
	}


	.small {
		font-size: small;
	}

	.italic {
		font-style: italic;
	}

	.noBorder {
		border: 0px;
	}

	.boxShadow {
		/* X axis,Y Axis, Blur */
		box-shadow: 10px 10px 18px #000;
	}

	.textShadow {
		/* X axis,Y Axis, Blur */
		text-shadow: 10px 10px 18px #fff;
	}

	.textShadowHalf {
		/* X axis,Y Axis, Blur */
		text-shadow: 5px 5px 30px #000;
	}

	.logo img {
		height: 50% \9; /*Force IE10 and below to size SVG images correctly*/
		max-height: 50% !important;
	}
	/* MAIN CONTENT
------------------------------------------------------ */
	/*
------------------------------------------------------
RESPONSIVE CSS    

MEDIA QUERIES
-------------------------------------------------- */
	/* Extra Small devices	(phones,			below <767px)    
		/* Small devices		(tablets,			≥768px  to 991px) 
		/* Medium devices		(desktops,			≥992px to 1199px) 
		/* Large devices		(large desktops,	≥1200px and up) 

-------------------------------------------------- */
	/* Extra Small devices (phones up to 767px) 
-------------------------------------------------- */
	/* -FOUND ABOVE IN MOBILE FIRST CSS */
	/* Small devices (tablets, 768px and up) 
grid (col-sm)
-------------------------------------------------- */
	@media (min-width:768px) {

		body, p {
			font-size: 15px;
			line-height: 1.4em;
		}

		h1 {
		}

		h2 {
			font-size: 20px;
			font-weight: 900;
			line-height: normal;
		}

		h3 {
			font-size: 18px;
			font-weight: 900;
			line-height: normal;
		}

		h4 {
			font-size: 16px;
		}

		input, textarea, select, file, .radio, #recaptcha_response_field {
			max-width: 240px
		}
		/* NAV 
	--------------------------------------------------------*/
		/*	HEADER 
	---------------------------------------------------------------*/
		/* MAIN CONTENT
	-------------------------------------------------------*/
		/* FORMS
-----------------------------------------------------------*/
		/*.data-table table td a {font-size:13px}
	.data-table table td.text-small {font-size:12px}*/
		fieldset table td {
			font-size: 14px;
		}
	}
	/* Medium devices (desktops, 992px and up) 
 grid (col-md)
-------------------------------------------------- */
	@media (min-width:992px) {

		body, p {
			font-size: 15px;
			line-height: 1.4em;
		}

		h1 {
			font-size: 1.6em;
			font-weight: 900;
			letter-spacing: normal;
		}

		h2 {
			font-size: 1.5em;
			font-weight: 900;
		}

		h3 {
			font-size: 1.4em;
			font-weight: 900;
		}

		h4 {
			font-size: 1.3em;
			font-weight: 900;
		}

		p {
			font-size: 1.2em;
		}
		/* NAV 
	--------------------------------------------------------*/
		.sports-navbar {
			justify-content-center
		}


		.top-navbar ul.navbar-nav li.nav-item .dropdown-toggle {
			position: fixed;
			margin: 18px 0 0 -30px;
			padding: 0;
		}

		.navbar ul.navbar-nav li.dropdown a.dropdown-item {
			margin: 5px 0;
			padding: 0 0 0 5px;
		}
		/*	HEADER 
	---------------------------------------------------------------*/
		#header {
			margin: 0 auto;
		}

		.intro {
			margin: 0 auto;
			height: 700px;
			text-align: center;
			color: #154f65;
			border: None;
			padding: 0;
			/*background: url("/images/stock/26070514.jpg") no-repeat center;*/
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			border: none;
		}

		.intro-message > h1 {
			font-size: 5em;
			width: 100%;
			margin: 0 auto;
			text-shadow: 3px 3px 2px rgba(0,0,0,0.8);
			color: #fff;
			padding: 30px 0 0 0;
			letter-spacing: 1px;
			text-align: center;
		}

		.mission {
			height: 700px;
			padding: 14px 14px;
		}

			.mission img {
				max-block-size: 340px;
			}

			.mission p {
				font-size: 1.3em;
				line-height: normal;
				margin-top: 0;
			}

			.mission h2 {
				font-size: 1.6em;
				padding: 0;
				margin: 0;
			}

		.page {
			clear: both;
			margin-top: 20px;
			min-height: 400px;
			padding: 20px 60px;
		}

		.bulletin {
			background-color: #c2b8c5;
			border-radius: 6px;
			padding: 20px;
			margin: 20px auto 0 auto;
			text-align: center;
		}
		/* MAIN CONTENT 
	--------------------------------------------------------*/
		/* ABOUT 
	---------------------------------------------------------- */
		.about {
		}
		/* FORMS
	-----------------------------------------------------------*/
		fieldset {
			font-size: 15px;
			font-weight: 600;
		}

		input.form-control, textarea.form-control, select.form-control, file.form-control, .radio, #recaptcha_response_field {
			font-size: 15px;
			max-width: 300px;
		}

		.text-small {
			font-size: 14px
		}

		.text-xsm {
			font-size: 13px;
		}

		.hold-all {
			clear: both;
			padding: 0;
		}

		.hold-inner {
			clear: both;
		}

		.stack-left {
			float: left;
			padding: 5px 0;
			text-align: left;
		}

		.stack-right {
			float: right;
			padding: 5px 0;
			text-align: right;
		}
	}
	/* Large devices (large desktops, ≥1200px and up) 
 grid (col-lg)
-------------------------------------------------- */
	@media (min-width:1200px) {

		body {
			font-size: 16px;
			line-height: 1.4em;
		}

		h1 {
			font-size: 1.4em;
		}

		h3, legend {
			font-size: 18px;
		}

		h4 {
			font-size: 16px;
		}

		p {
			font-size: 1.1em;
			line-height: 1.5em;
		}

		.text-large {
			font-size: 17px;
		}

		.text-med {
			font-size: 14px
		}

		.text-small {
			font-size: 13px
		}

		.text-xsm {
			font-size: 12px
		}

		.icon h3 {
			font-size: 24px;
			color: #9d6a27;
		}
		/* NAV 
	--------------------------------------------------------*/
		/* HEADER 
	--------------------------------------------------------*/
		.intro-message {
			/*padding:110px 0 0 0;*/
		}
		/* MAIN CONTENT 
	--------------------------------------------------------*/
		/* ABOUT 
	---------------------------------------------------------- */
		/* DATA and FORMS 
	-------------------------------------------------------- */
		fieldset {
			width: auto;
			padding: 30px 30px;
			margin: 0 auto;
			text-align: center;
			font-size: 15px;
			font-weight: 400;
		}

		li {
			font-size: 15px;
			line-height: normal;
		}

		input.form-control, textarea.form-control, select.form-control, file.form-control, #recaptcha_response_field {
			width: 500px;
			font-size: 15px;
			font-weight: 400;
		}

		.btn-info {
			color: #fff;
		}

		select .form-control {
			width: 90%;
		}

		.btn-sized {
			width: 180px;
		}

		input[type=radio]:not(old) {
			box-shadow: 0 0 0 #fff;
			width: 30px;
			font-weight: normal;
		}

		input[type=checkbox]:not(old) {
			box-shadow: 0 0 0 #fff;
			width: 24px;
			font-weight: normal;
		}

		#rc-imageselect, .g-recaptcha {
			transform: scale(1.0);
			-webkit-transform: scale(1.0);
			transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
		}
	}