@charset "utf-8";
/* CSS Document */
html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: rationale;
	height: auto;
	-webkit-box-shadow: 0px 0px #FFFFFF;
	box-shadow: 0px 0px #FFFFFF;
}
.style-dgblogo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 150px;
	height: 160px;
}
/*join now drop list*/

#menu, #menu ul {
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding: 0;
	list-style: none;
	-webkit-box-shadow: 0px 1px #E30C10;
	box-shadow: 0px 1px #E30C10;
	z-index: 10;
}
#menu {
	width: 170px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border: 1px solid #FFF500;
	background-color: #111;
	background-image: linear-gradient(#444, #111);
	border-radius: 6px;
	box-shadow: 0 1px 1px #E30C10;
	float: none;
	left: 30px;
	z-index: 10;
}
#menu:before,
#menu:after {
	content: "";
	display: table;
	z-index: 10;
}

#menu:after {
	clear: both;
	z-index: 10;
}

#menu {
	zoom: 1;
	-webkit-box-shadow: 0px 10px #E30C10;
	box-shadow: 0px 10px #E30C10;
	float: none;
	z-index: 10;
}

#menu li {
	float: none;
	border-right: 1px solid #FFF500;
	box-shadow: 1px 0 0 #444;
	position: relative;
	z-index: 10;
}

#menu a {
	float: left;
	padding-top: 12px;
	padding-right: 30px;
	padding-left: 55px;
	padding-bottom: 12px;
	color: #FFF500;
	text-transform: uppercase;
	font: bold 14px rationale;
	text-decoration: none;
	text-shadow: 0 1px 0 #E30C10;
	z-index: 10;
}

#menu li:hover > a {
	color: #fafafa;
	z-index: 10;
}

*html #menu li a:hover { /* IE6 only */
	color: #E30C10;
	z-index: 10;
}
#menu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 38px;
	left: auto;
	z-index: 10;
	background: #513200;
	background: linear-gradient(#513200, #765800);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	border-radius: 3px;
	transition: all .2s ease-in-out;
	float: none;
}

#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
	z-index: 10;
}

#menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
	box-shadow: -1px 0 0 rgba(255,255,255,.3);
	z-index: 10;
}

#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	z-index: 10;
}

#menu ul li:last-child {
	box-shadow: none;
}

#menu ul a {
	padding: 10px;
	width: 160px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	z-index: 10;
}

#menu ul a:hover {
	background-color: #513200;
	background-image: linear-gradient(#513200, #765800);
	z-index: 10;
}

/*END OF THIS PART*/
#menu-trigger { /* Hide it initially */
	display: none;
	z-index: 10;
}
#wrap-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.container_bg .containerinfo.sectTwo {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}



@media screen and (max-width: 600px) {
	#wrap-center {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.table-hover > tbody > tr:hover {
		background-color: rgba(255, 5, 0, 0.23);
	}
	#menu-wrap {
	position: relative;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	}

	#menu-wrap * {
		box-sizing: border-box;
	}

	#menu-trigger {
		display: block; /* Show it now */
		width: 110px;
		height: 40px;
		line-height: 40px;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
		padding: 0 0 0 30px;
		border: 1px solid #FFF500;
		color: #FFF500;
		font-weight: bold;
		background-color: #444;
		/* Multiple backgrounds here, the first is base64 encoded */
		background: url(data:image/png;base64,iVBOR...) no-repeat 10px center, linear-gradient(#444, #111);
		border-radius: 6px;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}

	#menu {
		margin-left: 5px;
		padding: 10px;
		position: absolute;
		top: 40px;
		width: 170px;
		z-index: 10;
		display: none;
		box-shadow: none;
	}

	#menu:after {
		content: '';
		position: absolute;
		left: 90px;
		top: -8px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #444;
	}

	#menu ul {
		position: static;
		visibility: visible;
		opacity: 1;
		margin: 0;
		background: none;
		box-shadow: none;
		float: none;
	}

	#menu ul ul {
		margin: 0 0 0 20px !important;
		box-shadow: none;
	}

	#menu li {
		position: static;
		display: block;
		float: none;
		border: 0;
		margin: 0px;
		box-shadow: none;
	}

	#menu ul li{
		margin-left: 10px;
		box-shadow: none;
	}

	#menu a{
		display: block;
		float: none;
		padding: 0;
		color: #FFF500;
	}

	#menu a:hover{
		color: #FFF500;
	}

	#menu ul a{
		padding: 0;
		width: auto;
	}

	#menu ul a:hover{
		background: none;
	}

	#menu ul li:first-child a:after,
	#menu ul ul li:first-child a:after {
		border: 0;
	}
.white_text {
	color: #FFFFFF;
	font-family: rationale;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	text-indent: 3px;
	margin-right: auto;
	max-width: 300px;
	margin-left: auto;
}
.yellowtext {
	font-family: rationale;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	text-indent: 3px;
	margin-right: auto;
	max-width: 300px;
	margin-left: auto;
}
.dclogo {
	margin-left: auto;
}




}

@media screen and (min-width: 600px) {
	#menu {
		display: block !important;
		width: 160px;
		-webkit-box-shadow: 0px 1px #E30C10;
		box-shadow: 0px 1px #E30C10;
		float: none;
	}
.white_textifso {
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.screenshots {
	margin-right: auto;
	max-width: 900px;
	margin-left: auto;
	display: block;
}



}

/* iPad */
.no-transition {
	transition: none;
	opacity: 1;
	visibility: visible;
	display: none;
}

#menu li:hover > .no-transition {
	display: block;
}
/*FINISHED NAVIGATION*/
h4.spanlogotext {
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 1px;
	text-shadow: 0px 1px #E30C10;
}

/*main area*/

/* Container */

.container_results {
	width: 200px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 250px;
	background-color: inherit;
	font-family: rationale;
	font-style: normal;
	color: #FFF500;
	text-shadow: 0px 1px #E30C10;
	float: none;
}
.container_bg {
	height: 400px;
	width: 99%;
	overflow: auto;
	margin-left: 2px;
	margin-right: 3px;
}
.sectOne {
	font-family: rationale;
	color: #FFF500;
	background-color: inherit;
}
.sectTwo {
	font-family: rationale;
	color: #FFF500;
	background-color: inherit;
}
.sectThree {
	font-family: rationale;
	color: #FFF500;
	background-color: inherit;
}
.sectFour {
	font-family: rationale;
	color: #FFF500;
	background-color: inherit;
}
.sectFive {
	font-family: rationale;
	color: #FFF500;
	background-color: inherit;
}
.containerinfoyline {
	height: 20px;
	background-color: #FFF500;
	font-family: rationale;
	color: #000000;
	font-weight: 800;
	text-align: center;
	text-shadow: 0px 1px #E30C10;
	opacity: 0.5;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
/* club rep email area*/
h2.club {
	color:  #FFF500;
	font-family: rationale;
	background-color: inherit;
}
h2.club p {
	color:  #FFF500;
	font-family: rationale;
	background-color: inherit;
}
/*input club name area*/
body{
	margin: 0 auto 0 auto;
	display: block;
	text-shadow: 0px 1px #E30C10;
}
/* align form to right of pan control */
#form
{
	/* ensure the element renders on top */
	z-index: 7;
	width: 200px;
	margin-left: 50px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}
/* stylize text box */
#q
{
	/* override typeahead.js's transparent background */

	/* text box's width */
	width: 200px;
	z-index: 7;
	text-decoration: none;
	border-color: #FFF500;
	margin-left: auto;
	margin-right: auto;
	background-image: -webkit-repeating-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(10,0,0,1.00) 47.67%,rgba(255,0,0,1.00) 100%);
	background-image: -moz-repeating-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(10,0,0,1.00) 47.67%,rgba(255,0,0,1.00) 100%);
	background-image: -o-repeating-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(10,0,0,1.00) 47.67%,rgba(255,0,0,1.00) 100%);
	background-image: repeating-linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(10,0,0,1.00) 47.67%,rgba(255,0,0,1.00) 100%);
	float: none;
	left: 0px;
}

/* stylize typeahead.js a la http://twitter.github.io/typeahead.js/css/examples.css */
.tt-dropdown-menu
{
	background-color: black;
	border: 1px solid #FFF500;
	border-radius: 4px;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	max-height: 150px;
	overflow-y: auto;
	padding: 6px 12px;
	width: 300px;
}
.tt-suggestion.tt-cursor {
	background-color: #0097cf;
	color: #fff;
	cursor: pointer;
}
.tt-suggestion p {
	margin: 0;
}
.form-control tt-hint {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
span.twitter-typeahead {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.bdgc {
	margin-left: 30px;
	margin-right: auto;
	float: left;
	width: 100px;
}
/*footer area*/
.footer_banner {
	background-color: inherit;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-bottom: 0px;
	font-family: rationale;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
}
footer {
	display: inline-block;
}
.footer_column {
	width: 50%;
	text-align: center;
	padding-top: 20px;
	float: left;
}
footer .footer_column h3 {
	color: #B3B3B3;
	text-align: center;
}
footer .footer_column p {
	color: #717070;
	background-color: #FFFFFF;
}
footer .footer_column p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 25px;
	font-weight: 400;
	margin-left: 20px;
	margin-right: 20px;
}
.hero_header {
	color: #FFF500;
	text-align: center;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	letter-spacing: 3px;
	text-decoration: none;
	padding-top: 0px;
	font-weight: 600;
	text-shadow: 0px 1px #E30C10;
}

div.copyright {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-shadow: 0 1px #E30C10;
}
div.container {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 300px;
	background-image: -webkit-repeating-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(10,0,0,1.00) 47.67%,rgba(255,0,0,1.00) 100%);
	background-image: -moz-repeating-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(10,0,0,1.00) 47.67%,rgba(255,0,0,1.00) 100%);
	background-image: -o-repeating-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(10,0,0,1.00) 47.67%,rgba(255,0,0,1.00) 100%);
	background-image: repeating-linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(10,0,0,1.00) 47.67%,rgba(255,0,0,1.00) 100%);
	font-size: 16px;
}
.containerapplication {
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	display: inline;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(255,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(255,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(255,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(255,0,0,1.00) 100%);
	max-width: 900px;
}
.white_text {
	color: #FFFFFF;
	font-family: rationale;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	text-indent: 3px;
	margin-right: auto;
	max-width: 900px;
	margin-left: auto;
}
.yellowtext {
	font-family: rationale;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	text-indent: 3px;
	margin-right: auto;
	max-width: 900px;
	margin-left: auto;
}
.white_text span {
	color: #FF0004;
	font-weight: 400;
	font-size: 14px;
}
.drdlogo {
	opacity: 0.5;
	float: none;
	margin-right: auto;
}
.white_text_heading {
	font-size: 22px;
	font-family: rationale;
	color: #FF0004;
	text-shadow: 0px 0.5px #FFF500;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.yellowheadings {
	font-size: 18px;
	font-family: rationale;
	color: #FFF500;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.bannerlogo {
	display: block;
	margin-left: auto;
	margin-right: auto;

}
.contenttext {
	display: block;
	text-align: center;
}
.facebooklogo {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.tryfree {
	-webkit-box-shadow: 0px 0px #FFFFFF;
	box-shadow: 0px 0px #FFFFFF;
	text-shadow: 0px 0px;
	color: #E30C10;
	font-size: 16px;
}
.table-hover > tbody > tr:hover {
	background-color: rgba(187,180,180,0.23);
	background-repeat: no-repeat;
	font-size: 16px;
}
.align_center {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.input#q.form-control tt-input {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
#results
{
    display: none;
}
.dgb_applogo {
	left: 0%;
	margin-left: auto;
	margin-right: auto;
	display: block;

}
.links {
	font-size: large;
	color: #FFFFFF;
}
.dgbtagspic {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.acelogo {
	display: block;
	float: none;
	margin-right: auto;
}
.bcrlogo {
	display: block;
}
.mepic {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	padding-top: 10px;

}