/* Hoop Shoot-specific CSS classes; 

   10/5/2021:   cloned from legacy CSS, some classes may not longer apply;	

 */


/*body { 
	font: 13px Verdana,Helvetica,Arial,sans-serif;
}*/





/*********************/

.beginning-content h1{color:#212121!important;}

.section-content{
text-align:center;
padding:10px;
font-family: 'Oswald', sans-serif;
text-shadow: 0px 1px 2px #eee;
font-size: 120%!important;
}
.questionArea:hover{cursor:pointer;}
.question-content
{
border:1px solid #b5b5b5;
margin-bottom:10px;
padding:20px;
font-family:'Open Sans';
letter-spacing:-1.3px;
/*font-family: 'Oswald', sans-serif;*/
text-shadow: 0px 1px 2px #eee;
font-size: 200%!important;
background: #fafafa;
background-image: -webkit-linear-gradient(top, #fafafa, #e8e8e8);
background-image: -moz-linear-gradient(top, #fafafa, #e8e8e8);
background-image: -ms-linear-gradient(top, #fafafa, #e8e8e8);
background-image: -o-linear-gradient(top, #fafafa, #e8e8e8);
background-image: linear-gradient(to bottom, #fafafa, #e8e8e8);
-webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
}
.questionTextShort:hover{text-decoration:underline!important;cursor:pointer;}
.fillableAnswer{
margin: 0px; 
width: 530px; 
height: 160px;
}
.expandedQuestion{padding:30px;}
.questionTextLong{font-size:120%;}
.submitQuestionContent:hover,.uploadPhotographs:hover{cursor:pointer;background-color:#b50000;}
.submitQuestionContent,.uploadPhotographs{
background-color:#324854;
border:none;
color:white;
padding:10px;
font-family: 'Oswald', sans-serif;
font-size: 105%!important;
}
.uploadPhotographs{}
.first h1{font-size: 240%!important;}
.section-content h2{font-size:180%!important;margin:0!important;letter-spacing:-0.5px;}

.section-content h2:hover{
text-decoration:underline;
cursor:pointer;
-moz-text-decoration-color:#324854;
text-decoration-color: #324854;
}

.section{
padding:5px 25px 25px 25px;
margin-top:-20px;
min-height:100px;
}
.red-section{border-top:2px solid #6c6c6c;background-color:#324854;color:white;}
.red-section h1{color:white!important;line-height:1;}
.first .section-content {}
.red-section .section-content h1{text-shadow: 0px 1px 2px #000!important;}
.red-section .section-content {text-shadow: 0px 1px 2px rgba(0,0,0,0.66);}

.section h2{color:#3e3e3e;text-decoration:underline;}

.white-section{
	background:#fff;color:#555;
}


#fullQuestionList{margin-top:10px;}

.triangle{
position:relative;
width: 0; 
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 0px solid transparent;
left:47.5%;
margin-left:-5px;
}
.red-triangle:after{
    content:'';
    width: 0; 
    height: 0;
	border-bottom: 0px solid transparent;
    border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top:20px solid #324854;
    position:absolute;
	left:-25px;
	top:-22px;
}
.white-triangle:after{
    content:'';
    width: 0; 
    height: 0;
	border-bottom: 0px solid transparent;
    border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top:20px solid white;
    position:absolute;
	left:-25px;
	top:-22px;
}
.red-triangle{
	border-top: 20px solid #6c6c6c;
	
}
.white-triangle{
	border-top: 20px solid #6c6c6c;
}

.anniversary-header .text{
display: table-cell;
vertical-align: middle;
}

.anniversary-home-body{
position:relative;
padding-top:22px;
background-color:rgba(255, 255, 255, 0);
min-height:300px;
}

.anniversary-header .smaller {font-size:320%;}
.anniversary-header .bigger {font-size:450%;}
.anniversary-header .smallest{font-size:300%;}

.anniversary-home-body .anniversary-paragraph{
	color: #373737;
	font-size:150%;
	font-weight:normal;
    font-family: 'Oswald', sans-serif;
    text-shadow: 0px 1px 2px #eee;
}

.answeredYet{height:100%;width:50px;float:left;display:inline-block;background-color:#f1f1f1;}



.getStartedButton a[href]{
color: white;
display: block;
padding: 30px;
background-color:#087282;
width: 60%;
margin: 0 auto;
font-size:133%;
text-decoration:none;
margin-bottom:15px;
}
.getStartedButton a[href]:hover{
background-color:#0d91a5;}

.exploring-history-buttons-wrapper{margin-bottom:33px;width:100%;box-sizing:border-box;padding:5x;text-align:center;float:left;}
.explore-history-button-area{float:left;width:33%;display:table;padding:10px;box-sizing:border-box;height:290px;}
.explore-history-image{height:100px;display:block;vertical-align:top;border-bottom:2px solid #324854;}

.explore-this-wrapper{box-shadow:3px 7px 7px 1px rgba(0,0,0,0.33);border:1px solid #666;}
						
.explore-history-button{display:block;height:200px;background-color:green;background-color:white;box-sizing:border-box;padding:8px;}
.explore-history-button h3{font-size:113%;}
.explore-history-button p{font-size:70%;}
/******************************************file handler css for uploadHistory *********************************************/













a:hover, .red
{
	color: #e51b24;
}

h1,h2,h3,h4,h5,h6
{
	color: #e51b24;}

#userLinks li a.login
{
	/*background-color: red;*/
	background-color: #e51b24 !important;
	color: #fff;
	font-weight: bold;
}

.lsmenu {
	margin-top: 20px !important;
}

.lsmenu .nav-link {
	background-color: #002d62 !important; 
}	

.navbar {
	
	background: url('/hoopshoot/images/navbg.gif') repeat-x; 
	/*background: #e1e1e1 !important;*/
	/*background: #002d62 !important;*/

		background: #002d62 !important; 
	}	


.navbar {
	color: RED !important;
}

.sidebox h2
{
	color: #002d62;
	font-size: 20px !important;
}

#header {
	background:url('/images100/hoopShootHeader1140.png') no-repeat;
}

#footer
{
    border-top: 2px solid #002d62;
}

#enfaddress
{
	clear: both;
	display: block;
	text-align: center;
	margin: 0 auto;
	color: #fff;
}

#enfaddress a
{
	color: #e51b24;
	font-weight: normal;
	text-decoration: underline;
	background: 0 none;
}

#innercontent img
{
	padding: 5px;	
}

#topmenu li a.login, #topmenu div input[type="submit"], #leftmenu li a.login {
    background-color: #e51b24 !important;
}

#topmenu li a.login:hover, #topmenu div input[type="submit"]:hover, #leftmenu li a.login:hover 
{
	color: #fff !important;
	text-decoration: underline;
}

#topmenu div a {
    color: #002d62;
}

#topmenu div input[type="text"], #topmenu div input[type="password"] 
{
    border: 1px solid #e51b24;
}

#navbar {
    background: url("/hoopshoot/images/navbg.gif") repeat-x scroll 0 0 #336699;
}

#topnav li a {
    background: url("/hoopshoot/images/navbg.gif") repeat scroll 0 0 transparent;
}

/*#searchwrapper {
    background: url("/hoopshoot/images/searchbox.gif") no-repeat scroll 0 0 transparent;
} */

.breadcrumbs
{
	height: 20px;
}

.breadcrumbs a
{
	color: #002d62 !important;
}

#innercontent a
{
	color: #002d62; 
}

#innercontent a:hover
{
	color: #e51b24 !important;
}

#leftcontent li
{
	font-size: 14px !important;	
}

#leftcontent li a
{
	/*background: #002d62;*/
}

#leftcontent li a:hover
{
	/*background: #fff;*/
	/*color: #002d62 !important;*/
}

#leftcontent li div li a
{
	color: #002d62;	
}

#leftcontent li a.activeMenu
{
	background: #e51b24;
	color: #f1f1f1 !important;
}

#leftcontent li a.activeSub:hover
{
	color: #333;
	text-underline: none;
}

.share
{
	padding: 15px;	
}

.breadcrumbs a {
	color: #899e4c;
	font-weight: bold;
}

.right
{
	margin: 5px 0px 5px 5px;
	float: right;
}

.left
{
	margin: 5px 5px 5px 0px;
	float: left;
}

/****************** HOMEPAGE FEATURES *********************/

#features-wrapper
{
	position: relative;	
	width: 	100%;
	height: 300px;
	display: block;
}

#featured-story
{
	position: relative;
	width: 	570px;
	height: 300px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
}
#featured-story .headline
{
	position: absolute;
	bottom: 0;
	width: 530px;
	height: 30px;
	padding: 5px 20px 10px 20px;
	display: block;
	background-color: #002d62;
	opacity: .75;
	filter:alpha(opacity=75);
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
}
#featured-story .headline h3
{
	margin: 0;
	padding: 0;
}
#featured-story .headline a
{
	color: #fff !important;
	text-decoration: none;
}
#finalist
{
	position: relative;
	float: right;
	margin-left: 10px;
	width: 	200px;
	height: 250px;	
	background: #ccc;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
}
#finalist .feature
{
	position: absolute;
	bottom: 0;
	width: 180px;
	height: 20px;
	padding: 5px 10px 5px 10px;
	display: block;
	background-color: #002d62;
	opacity: .75;
	filter:alpha(opacity=75);
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
}
#finalist .feature h3
{
	margin: 0;
	padding: 0;
	font-size: 1em;
}
#finalist .feature a
{
	opacity: 1;
	filter:alpha(opacity=100);	
	color: #fff !important;
	font-weight: bolder !important;
	text-decoration: none;
}

/*************** COUNTDOWN DIGITAL ************************/
.countdown
{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	margin-top: 7px;
	text-align:center;
	display: block;
	width: 200px;
	height: 43px;	
	background: #000;
}
.countdown strong { color: #fff; font-size: 14px; font-weight:bolder; }
.countdown span { display: block; float: left; width: 15px; height: 22px; 
    background: url('/hoopshoot/images/whitecountdown.gif') no-repeat 0px 0px; } 
.countdown span.image0 { background-position: -0px 0px; } 
.countdown span.image1 { background-position: -15px 0px; } 
.countdown span.image2 { background-position: -30px 0px; } 
.countdown span.image3 { background-position: -45px 0px; } 
.countdown span.image4 { background-position: -59px 0px; } 
.countdown span.image5 { background-position: -75px 0px; } 
.countdown span.image6 { background-position: -90px 0px; } 
.countdown span.image7 { background-position: -104px 0px; } 
.countdown span.image8 { background-position: -119px 0px; } 
.countdown span.image9 { background-position: -135px 0px; } 
.countdown span.imageDay { background-position: -149px 0px; } 
.countdown span.imageSep { background-position: -164px 0px; } 
.countdown span.imageSpace { background-position: -180px 0px; } 

/*************** END COUNTDOWN *******************************/


.donate
{
	background: #e51b24;
	width: 196px;
	height: 41px;
	display: block;
	padding-left: 4px;
}

.donate strong a
{
	display: block;
	padding-top: 2px;
	padding-right: 10px;
	color: #fff !important;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bolder;
	text-align: center;
}

#leftcontent span { font-size: 1.6em;  }

.twitter { color: #4099FF; }
.facebook { color: #3B5998; }
.blog { color: #FF6600; }
.youtube { color: #CD332D; }

.sign-offset 
{
	font-size: 2em !important;
	text-decoration:none;
	margin-top: 0;
	/*margin-top /*\**//*:-21px\9; */
	margin-top: 0 \9;
	*margin-top: -21px;
	_margin-top: -21px;	
}


#featured-story .headline a:hover, #finalist .feature a:hover, .donate strong a:hover
{
	text-decoration: underline;
}

.bracket-detail
{
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 600px;
	height: 280px;
	padding: 10px;
	color: #fff;	
}

.bracket-detail a
{
	color: #f1f1f1 !important;
	font-weight: bold;
	text-decoration: none;		
}

.bracket-detail a:hover
{
	color: #fff !important;	
	text-decoration: underline;
}

.bracket-detail h3
{
	color: #fff;
}


.registerForm input[type="submit"] {
    background-color: #002d62;
}

.home_button {
	position: relative;
	width: 	375px;
	height: 200px;
	border: 0;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
}


/*************** WIDGET *************/

/* Structure	*/

#widget_content { background:#e0e0e0; width: 190px; height: 40px; padding-top: 10px; padding-left:10px; margin: 0; }

/*	Text	*/
em#countdown { font-size:2em; font-weight:bold; color:#e51b24; }
#widget_top { background:#e51b24; color:#002d62; padding:2px 10px; font-size:18px; font-weight:bold; line-height: 26px; height:30px; margin-bottom: 0; }
.widget_top_plain { background:#da5c29; padding:5px; font-size:1.5em; font-weight:bold; height:30px; color:#fff; }

/*	Past champs table	*/
.champsTable thead { color:gray;	text-align:left; font-size:14pt; }
.champsTable thead th, .champsTable tbody td { padding:5px 20px 5px 5px; }
.champsTable tbody tr.odd td { background:#eee; }




#func
{
	position: absolute;
	font-size: 40%;
	border: 0 none;
	width: 200px;
	right: 10px;
	top: 8px;
	padding: 0;
	margin: 0;
}

#func a:link {
	float: right;
	color: #002d62;
	text-decoration: none;
}
#func a:visited {
	float: right;
	color: #002d62;
	text-decoration: none;
}

/*hoopshoot specific styles*/

.hoopshoot-stylized
{
    font: 14px Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    float:left;
    margin-bottom:15px;
    margin-left:15px;
	margin-right:10px;
    height:auto;
    /*width:350px;*/
}

.hoopshoot-inner
{
    margin-top:-5px;
    background-color:#E8E8E8;
    padding:15px;
    margin-bottom:15px;
    height:250px;
}

.hoopshoot-stylized h3
{ 
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
    padding: 20px 0px 20px 20px !important;
    display: block !important;
    color: #FFF !important;
    background: #002d62 !important;
    text-shadow: 1px 1px 1px #949494 !important;
    border-radius: 5px 5px 0px 0px !important;
    -webkit-border-radius: 5px 5px 0px 0px !important;
    -moz-border-radius: 5px 5px 0px 0px !important;
}


.hoopshoot-stylized label {
    display: block;
    width:80%;
    margin-bottom:10px;
}

.hoopshoot-stylized fieldset
{
    border:0px !important;
    padding:0px!important;
    margin:0px!important;
}

.hoopshoot-stylized label>span 
{
    color: #5E5E5E;
}

.hoopshoot-stylized input[type="text"], .hoopshoot-stylized textarea, .hoopshoot-stylized select 
{
    color: #555;
    height: 30px;
    line-height:15px;
    width: 100%;
    padding: 0px 0px 0px 10px;
    border: 1px solid #gray;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
}
.hoopshoot-stylized textarea{
    height:100px;
    padding-top: 10px;
}

.hoopshoot-stylized .button {
    background-color: red;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px!important;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494!important;
}
.hoopshoot-stylized .button:hover {
    background-color:#80A24A;
}




#navigationMenus {
    background: #002D62;
}




/*new menu styles 2018*/
#elksLeftMenu h3 {
    background: #002d62;
    border-bottom: 1px solid #113f75;
}
#elksLeftMenu ul li h3 a:hover {
    background: #113f75;
}

@media (min-width: 1px) and (max-width: 1199px) {
 #header
	{
		background: url('/images/elksmobile.png') no-repeat; 
		width: 100%;
		height: 80px;
		display: block; 
		vertical-align:middle; 
		margin: 0 auto;
		background-color: black;
		background-position: center;
	}	
}



@media (min-width: 1px) and (max-width: 576px){
#userLinks {
    background-color: #E51B24 !important;
    
}
}




/**************FInalist FAQ****************/





.btn-primary {
    color: #fff;
    background-color: #F7F7F7;
    border-color: #F7F7F7;
}

#accordion h5 {
    color: #555 !important;
}

.btn-primary:hover {
    background-color: lightgray;
    border-color: #555;
}