@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Orbitron:700);

body
{
	background: url(../images/blueBG.jpg);	
	font-family: Arial, Helvetica, sans-serif;	
}
	
/* Header------------------------------*/
@media only screen and (min-width:1200px){
	#banner-lg {display:block;}
	#banner-md {display:none;}	
	#banner-sm {display:none;}
	#banner-xs {display:none;}
	#navbarFB {display:none;}
	#buttonnav {display:block;}
	#menunav {display:none;}
    .payouts {width: 50%;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	#banner-lg {display:none;}
	#banner-md {display:block;}	
	#banner-sm {display:none;}
	#banner-xs {display:none;}
	#navbarFB {display:none;}
	#buttonnav {display:block;}	
	#buttonnav .btn-default {font-size: 13px; padding: 6px 6px;}
	#menunav {display:none;}
    .payouts {width: 60%;}
}
@media only screen and (min-width:768px) and (max-width:991px){
	#banner-lg {display:none;}
	#banner-md {display:none;}	
	#banner-sm {display:block;}
	#banner-xs {display:none;}
	#navbarFB {display:none;}
	#buttonnav {display:block;}	
	#buttonnav .btn-default {font-size: 12px; padding: 6px 5px;}
	#menunav {display:none;}
    .payouts {width: 75%;}
}
@media only screen and (max-width:767px){
	#banner-lg {display:none;}
	#banner-md {display:none;}	
	#banner-sm {display:none;}
	#banner-xs {display:block;}
	#navbarFB {display:block;}
	#buttonnav {display:none;}
	#menunav {display:block;}
    .payouts {width: 95%;}
}

/* Navigation------------------------------*/

.navbar{
	margin-bottom: -20px;	
}
.navFB {
	margin-top: -5px;	
}

.btn-default {
	background: url(../images/navBG.jpg) no-repeat;
	border-color: black;
	color: black;
}
.btn-default:focus {
	background: url(../images/navBG.jpg) no-repeat;		
}
.btn-default:hover,.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background: url(../images/navBG2.jpg) no-repeat;border-color: black;}

.btn-default:active:hover,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{background: url(../images/navBG2.jpg) no-repeat;border-color: black;}

@media (min-width:768px) and (max-width:992px){
	.navbar-default{font-size: 12px;}	
}
.navbar-default {
  background-color: #ebc32e;
  border-color: #000;  
}
.navbar-default .navbar-brand {
  color: #000;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #555; 
}
.navbar-default .navbar-text {
  color: #000;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #555;
  background-color: #ff7c18;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #e7a221;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #ff7c18;
}
.navbar-default .navbar-toggle {
  border-color: #000;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ebc32e;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000;
}
.navbar-default .navbar-link {
  color: #000;
}
.navbar-default .navbar-link:hover {
  color: #555;
}
.navbar-default .dropdown-menu {
  color: #000;
  background-color: #ebc32e;
}
.navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > li > a:focus {
  background-color: #ff7c18;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #555;	
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000;
    background-color: #ff7c18;
  }
}

/*Content styles----------------------------*/

#content
{
	margin: 0;
	padding: 30px 20px 10px 20px;	
	background: white;
	min-height: 500px;
}

#content h3
{
	font-family: "Orbitron";
	font-size: 1.2em;	
	text-transform: uppercase;
}

#content a:link, #content a:visited
{
	color: black;
	text-decoration: underline;	
}

#content a:hover, #content a:active
{
	color: blue;
}

.centertext
{
	text-align: center;
}

#innerfull
{
	width: 87%;
	margin-left: 70px;
}

.promodiv
{
	margin: 0 auto;
	width: 90%;
}

#promogrid
{
	list-style-type: none;
	padding-bottom: 5px;
	overflow: hidden;
	padding-left: 30px;
}

#promogrid li
{
	display: block;
	height: 170px;
	text-align: center;	
	padding: 5px 3px 0 3px;
	float: left;
}

@media only screen and (min-width:768px) and (max-width:991px){
		#promogrid {padding-left: 15px;}
}

@media (max-width: 767px) {
	.promobtn {width: 115px; height: 107px;}	
	.promotxt {font-size: .85em}
	#promogrid li {height: 145px;}
	#promogrid {padding-left: 0;}
}

.orangebold
{
	color: #ef5a34;
	font-weight: bold;
}

/*Footer Styles-----------------------------------*/
#footer
{
	padding-top: 20px;	
	width: 100%;
	font-size: .75em;
	text-align: center;	
}


/*Other styles----------------------------------*/
.clear
{
	clear: both;
}

.dkredbold
{
	color: #DC1B1E;
	font-weight: bold;
}

.bluebold
{
	color: #0a60c5;
	font-weight: bold;
}

.leftimg
{
	float: left;
	padding-right: 10px;	
}

.rightimg
{
	float: right;
	padding-left: 10px;	
}

.grandmaslink
{
	color: #FFFFFF;
}

.notices
{
	width: 95%;
	background: #F5999B;
	border: solid black 1px;
	padding: 3px;
}

.payouts
{
	background: url("../images/payoutsBG.jpg");
	border: solid black 2px;	
    margin-bottom: 10px;
}