
/**
 * HTML Tags
 */

A, A:link, A:active, A:visited, A:hover {
  color: #ffde03;
}

BODY {
  background: #c11602 url('/images/kids/bgs/body.jpg') top center no-repeat;
  color: #ffffff;
  font-size: 12px;
}

H1, H2, H3, H4, H5, H6 {
  color: #012d53;
}

B, STRONG {
  color: #ffde03;
}
 

/**
 * Container
 */

#container {
  border-top: 1px solid #de8900;
}


/**
 * Flash
 */

#flash {
  margin-top: -4px;
}


/**
 * Page Containers
 */

#games {
  padding: 0px 0px 30px 30px;
}

#secondary {
  width: 690px;
}

#secondary .padding {
  padding: 0px 0px 30px 30px;
}

#secondary .header {
  margin-bottom: 16px;
}


/**
 * Subnav
 */

#subnav {
  float: right;
  width: 270px;
  height: 300px;
  background: url('/images/kids/bgs/subnav.gif') left top no-repeat;
  color: #69aee3;
  font-size: 12px;
  line-height: 24px;
  margin-top: 50px;
}

#subnav .padding {
  padding: 24px;
}

#subnav A {
  display: block;
  border-bottom: 1px solid #e06509; 
  text-decoration: none;
}

#subnav A:hover {
  color: #ffffff;
}

#subnav A.active,
#subnav A.active:hover {
  color: #ffffff;
  font-weight: bold;
}


/**
 * Footer
 */

#footer {
  background: url('/images/kids/bgs/footer.gif') center top no-repeat;
}

#footer #boxes {
  position: relative;
  height: 105px;
  overflow: hidden;
  color: #ffde03;
}

#footer #boxes A {
  color: #ffffff;
  font-weight: normal;
}

#footer #boxes A.more {
  float: right;
  color: #ffde03;
  font-weight: bold;
  margin-top: -8px;
  text-decoration: none;
}

#footer #boxes A.more SPAN {
  color: #ffffff;
}

#footer #boxes H6 A {
  color: #ffde03;
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 4px;
  padding: 0px;
  text-decoration: none;
}

#footer #boxes .parents {
  position: absolute;
  width: 220px;
  top: 16px;
  left: 130px;
  color: #ffffff;
}

#footer #boxes .cool-links {
  position: absolute;
  width: 180px;
  top: 16px;
  left: 380px;
}

#footer #boxes .downloads {
  position: absolute;
  width: 220px;
  top: 16px;
  left: 590px;
}

#footer #boxes .friends {
  position: absolute;
  width: 170px;
  height: 105px;
  top: 0px;
  left: 820px;
}

#footer #copyright,
#footer #copyright A {
  color: #db9d80;
}


/**
 * Column
 */

.column {
  float: left;
  width: 300px;
  margin-right: 15px;
  display: inline; /* IE6 Bug Fix */
}

.column TABLE {
  border-collapse: collapse;
}

.column TABLE TR TD {
  padding: 0px;
  height: 80px;
}

.column TABLE TR TD IMG {
  border: 2px solid #ffde03;
  margin: 2px 10px 0px 4px;
}

.column TABLE TR TD B,
.column TABLE TR TD STRONG {
  font-size: 12px;
}

.column TABLE TR TD.partition {
  width: auto;
  height: 21px;
  background: url('/images/kids/bgs/partition.gif') left center repeat-x;
}


/**
 * Tabs
 */

#tabs {
  border: none;
}

#tabs .tabs {
  width: auto;
  height: 28px;
  border-top: none;
  border-bottom: 1px solid #ffffff;
  background: #c11602;
}

#tabs .tabs A {
  float: left;
  border-right: none;
  color: #ffffff;
  font-weight: bold;
  line-height: 28px;
  padding: 0px 16px;
  text-decoration: none;
}

#tabs .tabs A:hover {
  color: #ffde03;
}

#tabs .tabs A.active {
  background: #ffffff;
  color: #012d53;
}

#tabs .content {
  background: none;
  padding: 15px;
}

#tabs .content .left {
  float: left;
  width: 304px;
}

#tabs .content .right {
  float: right;
  width: 304px;
}

#tabs .content TABLE {
  border-collapse: collapse;
}

#tabs .content TABLE TR TD {
  padding: 0px;
}

#tabs .content TABLE TR TD .item {
  width: 200px;
  height: 78px;
  overflow: hidden;
}

#tabs .content TABLE TR TD .item P {
  padding: 10px 14px;
}

#tabs .content TABLE TR TD .item P STRONG {
  color: #ffde03;
}

#tabs .content TABLE TR TD.photo IMG {
  width: 100px;
  height: 100px;
  border: 2px solid #ffde03;
}

#tabs .content TABLE TR TD A.download {
  display: block;
  background: #c11602 url('/images/global/icons/pdf.gif') 13px 4px no-repeat;
  color: #ffffff;
  font-size: 11px;
  line-height: 26px;
  padding-left: 36px;
  text-decoration: none;
}

#tabs .content TABLE TR TD A.download SPAN {
  color: #ffde03;
}

#tabs .content TABLE TR TD .partition {
  height: 1px;
  background: url('/images/kids/bgs/partition.gif') repeat-x;
  margin: 10px 0px;
}


/**
 * Misc Classes
 */

.instructions,
.instructions B,
.instructions STRONG {
  color: #ffffff;
}
