div#menubar_sub { background: #888888; }
ul#menu_main li.selected { background: #888888; }
div#menubar_sub.hovered { background: #c8c8c8; }
ul#menu_main li.hovered { background: #c8c8c8; }
ul#menu_main li a:link, ul#menu_main li a:visited { color: black; }
#footer { background: #888888; }

#sponsorPage
{
  width: 100%; /* IE6 hack */
  margin: 0;
  padding: 0;
  font: 93% Arial, Helvetica, sans-serif;
  line-height: 150%;
}

/* This fixes a weird quasi-margin problem around images in IE. */
img
{
  display: block;
  margin: 0;
  padding: 0;
}

img.center
{
  margin: 15px auto;
}

a:link, a:visited { color: black; }
a:hover, a:active { color: #abce4e; }

h1 { font-size: 150%; margin: 25px 0 0 0; }
h2 { font-size: 115%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }

.clearAll { clear: both; }

#leftColumn
{
  float: left;
  width: 475px;
  margin: 15px 0;
  padding: 0;
}

#rightColumn
{
  float: right;
  width: 380px;
  margin: 15px 0;
  padding: 0;
}

#leftColumn h2
{
  margin-top: 15px;
  margin-bottom: -7px;
}

#leftColumn table.games
{
  border-top: 1px solid #5e8b2c;
  margin: 10px 0;
  font-size: 90%;
}

#leftColumn table.games h4,
#leftColumn table.games p
{
  margin: 0;
  margin-left: 15px;
}

#leftColumn table.games td
{
  vertical-align: top;
  padding-top: 10px;
}

#leftColumn ul li
{
  margin-left: 15px;
}

#leftColumn table.last
{
  border-bottom: 1px solid #5e8b2c;
}

#leftColumn table.last td
{
  padding-bottom: 10px;
}





/* CALLOUTS */

.callout
{
  padding: 0;
  margin: 0;
  color: white;
}

img.corner_right
{
  float:right;
}

.callout p
{
  margin: 15px;
  margin-bottom: 5px;
}

.callout blockquote
{
  margin: 0 15px;
}

.callout blockquote p
{
  margin: 0 15px;
}

.callout ul li
{
  list-style-type: square;
  margin-left: 15px;
}

.callout h2,
.callout h3,
.callout h4
{
  margin: 5px 15px;
}


.callout a:link, .callout a:visited { color: white; font-weight: bold; }
#brownBox a:hover, #brownBox a:active { color: #80be40; }
#greenBox a:hover, #greenBox a:active { color: #6d5c42; }


#brownBox
{
  background: #6d5c42;
  font-size: 90%;
}

#brownBox h2
{
  font-size: 120%;
}

#brownBox h3
{
  margin-top: 15px;
  font-size: 110%
}

#greenBox
{
  background: #80be40;
  margin-bottom: 15px;
  padding: 15px;
}

#greenBox h2
{
  text-align: center;
  margin-bottom: 20px;
}





.innerLeftColumn
{
  float: left;
  width: 418px;
  padding-left: 10px;
}

.innerRightColumn
{
  float: left;
  width: 390px;
  border-left: 1px solid #5e8b2c;
  padding-left: 10px;
}

.icons { margin: 0 35px; }
.icons img { display: inline; }