/* CSS Document */
.ad-spacer {
  display: block;
  height: 20px;
  width: 250px;
}

div.spacer {
  clear: both;
}

#container {
  background-color: #FFFFFF;
  border: 0 solid #000000;
  clear: both;
  margin: 0px auto;
  min-height: 100%;
  overflow: hidden;
  width: 980px;
}

/** DIVS for TWO COLUMN pages **/
#two_column_left {
  float: left;
  padding: 5px 1px 1px 5px;
  height: 100%;
  width: 645px;
}

#two_column_right {
  float: right;
  height: 100%;
  padding: 1px 5px 5px;
  width: 310px;
  /*border:1px solid #990000; /*test used to show border boundaries - set to hidden*/
}

/*#footer {
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  margin: 0 auto;
  width: 980px;
}*/

a.hbex:link {
  color: #009900;
  text-decoration: none;
}

/* unvisited link */
a.hbex:visited {
  color: #009900;
  text-decoration: none;
}


/* visited link */
a.hbex:hover {
  color: #000000;
  text-decoration: none;
}


/* mouse over link */
a.hbex:active {
  color: #000000;
  text-decoration: none;
}


.greybox {
  height: 100px;
  background-color: #CCC;
  text-align: center;
}

.roundgreybox {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 0 0 10px;
  padding: 0 0 10px;
  text-align: center;
  height: 250px;
  width: 300px;
}

.roundgreenbutton {
  background-color: #006600;
  border-radius: 5px;
  -moz-border-radius: 5px;
  border: 0px;
  color: #FFFFFF;
  font-weight: bold;
  padding: 10px;
  margin: 0 auto 10px;
  text-align: center;
  width: 200px;
  font-size: 12px;
 
}

.roundgreenbutton:hover{
   background-color: #000000;
   
}

.roundgreenbutton a:link {
  color: #FFFFFF;
  text-decoration: none;
}

.roundgreenbutton a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.roundgreenbutton a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.roundgreenbutton a:active {
  color: #FFFFFF;
  text-decoration: none;
}

#hb-subscribe {
  text-align: center;
  width: 300px;
  float: left;
  margin-left: 5px;
  margin-top: 25px;
}

#hb-cover {
  float: left;
  width: 325px;
}

#hb-features img {
  border: 1px solid #000000;
  width: 150px;
}

.imgborder {
  border: 1px solid #000000;
}

.coverborder {
  border: 1px solid #000000;
  box-shadow: rgba(0, 0, 0, 0.15) 2.95px 2.95px 3.6px;
}

.noborder {
  border: 0;
}

.article-title {
  font-weight: bold;
}

.align-center {
  text-align: center;
}

.italicize {
  font-style: italic;
}
table.contact tr:nth-child(odd){
  background-color: #CCCCCC;
}
table.contact{
  border:1px solid #CCCCCC;
}

table.rate-table tr:nth-child(4n+2) /*styles applied to affect every 2nd row of 4*/ {
  background-color: #FFCC99;
}

table.rate-table tr:nth-child(4n+3) /*styles applied to affect every 3rd row of 4*/ {
  background-color: #FFCC99;
}

table.rate-table td  /*styles applied to every td cell*/ {
  border-right: 1px solid #000;
}

table.rate-table td:first-child /*styles applied to first column*/ {
  text-align: left;
  font-weight: bold;
}

table.rate-table tr:first-child td /*styles applied to first row*/ {
  text-align: center;
  font-weight: bold;
  border-right: 1px solid #000;
}

table.rate-table  tr:nth-child(odd) /*styles applied to every other row*/ {
  font-style: italic;
}

table.horsemansshop-table td:first-child /*styles applied to first column*/ {
  text-align: left;
  font-weight: bold;
  background-color: #FFCC99;
}

table.productionfees-table tr:first-child td /*styles applied to first row*/ {
  text-align: left;
  font-weight: bold;
  background-color: #FFCC99;
}

table.productionfees-table td:first-child /*styles applied to first column*/ {
  text-align: left;
  font-weight: bold;
}

/* Youth Beats CSS */

#yb-subscribe {
  /*color: #ffffff;*/
  text-align: center;
  width: 300px;
  float: left;
  margin-left: 5px;
  /*background-color: #24522f;*/
  border-radius: 15px;
  padding: 2px;
  margin-top:55px;
}

/*#yb-subscribe h1 {
  color: #ffffff;
}*/

#yb-center {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
}

#yb-subscribe-footer{

color:#FFFFFF;
font-size: .9em;
font-style: italic;
padding:5px;
text-align:center;

}

.background {
  color: #FFFFFF;
  background-color: #FF6600;
  padding: 5px;
}

.background-pale {
  
  background-color: #e8f6f3;
  padding: 5px;
}



  /*To show place holder text in date picker*/ /*date picker no longer in use - 03/05/25*/
/*input[type=date] {
  text-align: right;
}

input[type="date"]:before {
  color: #757575;
  font: 13.3333px Arial;
  content: attr(placeholder) !important;
  margin-right: 0.5em;
} */
    /*input[type="date"]:before {
  color:#757575;
       font: 13.3333px Arial;
    content: attr(placeholder) !important;
    margin-right: 0.5em;
  }
  input[type="date"]:focus:before {
    content: '' !important;
  }*/
    /* hides place holder text in date picker*/