/* STRUCTURE */


#sponsorPage
{
  margin: 0;
  padding: 0;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
  background: white url(images/ag_bkgnd1.png) center left;
  background-repeat: no-repeat;
}

#sponsorPage_contact
{
  margin: 0;
  padding: 0;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
  background: white;
}


/* Left and right columns sit side-by-side between the sponsor nav bars. */

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

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



/* MENU */

/* The red menu/footer can look garish next to some sponsor backgrounds. 
   So by default, we recolor the menus grey. If you really want red menus, delete this block. 
   */

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; }




/* SPONSOR NAV */

/* Top and bottom 'menu' bars. Not to be confused with the normal menu bar. */

.sponsorNavLeft,.sponsorNavRight
{
  float: left;
  width: 5px;
  height: 41px;
}

.sponsorNavLeft
{
  background: #000 url(images/nav_left_end.jpg) no-repeat;
}

.sponsorNavRight
{
  background: #000 url(images/nav_right_end.jpg) no-repeat;
}

.sponsorNav
{
  float: left;
  width: 870px;
  height: 31px;
  color: #fff;
  padding: 10px 0 0 20px;
  background: #000 url(images/nav_bg.jpg) repeat-x;
}

.sponsorNav a { font-weight: bold; }
.sponsorNav a:link, .sponsorNav a:visited { color: #eee; }
.sponsorNav a:hover, .sponsorNav a:active { color: #ddd; }





/* ABOUT BOX */

/* Note that only the top is rounded since we don't know how tall the box might be. */

#about
{
  width: 100%;
  margin: 15px 0 0 0;
  padding: 8px 0 15px 0;
  color: #fff;
  background: #91292A url(images/about_bg.jpg) no-repeat;
}

#about a:link, #about a:visited
{
  color: #fff;
  border-bottom: 1px dashed #fff;
  text-decoration: none;
}

#about a:hover, #about a:active
{
  color: #ddd;
  border-bottom: 1px dashed #fff;
  text-decoration: none;
}

#about h2
{
  padding: 8px 25px;
  border-bottom: solid 1px #8B3131;
}

#about p
{
  padding: 0 25px;
}

#aboutReflection
{
  height: 34px;
  background: #F9F9F9 url(images/about_reflection.jpg) repeat-x;
}





/* DETAIL BOXES */

.detailedInfo
{
  margin: 0 0 30px 0;
  padding: 0 25px;
}

.detailedInfo h2
{
  padding: 0 0 4px 0;
  border-bottom: 1px solid #DBDBDB;
}





/* STATS BOXES */

#statsBgTop
{
  margin: 15px 0 0 0;
  background: #fff url(images/stats_bg_top.jpg) no-repeat;
  height: 16px;
}

#stats
{
  background: #fff;
  padding: 0 25px 5px 25px;
  border-left: 1px solid #CACACA;
  border-right: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}

#stats img
{
  margin: 5px 0 10px 0;
}

#stats hr
{
  display: none;
}

#stats .hr
{
  clear: both;
  border-bottom: 1px solid #ddd;
  margin: 0;
}

.statSingle
{
  float: left;
  text-align: center;
  width: 95px;
  height: 19px;
  font-size:40px;
  font-weight: bold;
  color: #fff;
  background: #000 url(images/stat_single_bg.jpg) repeat-x;
  padding: 28px 0;
  margin: 18px 15px 18px 0;
}

#stats p
{
  float: left;
  width: 130px;
  margin: 18px 0 0 0;
}





/* SIDEBAR BOXES */

/* These are very similar to the stats boxes, but without actual stats inside, */

#sidebarBgTop
{
  margin: 16px 0 0 0;
  background: #fff url(images/stats_bg_top.jpg) no-repeat;
  height: 16px;
}

#sidebar
{
  background: #fff;
  padding: 0 25px 5px 25px;
  border: 1px solid #CACACA;
  border-top: 0;
}

#sidebar img
{
  margin: 5px 0 10px 0;
}

#sidebar hr
{
  border: 0;
  height: 1px;
  color: #ddd;
  background-color: #ddd;
}

#sidebar h2
{
  font-size: 17px;
}

#sidebar .button
{
  float: none;
  display: block;
  width: 166px;
  height: 26px;
  background: #fff url(images/button_red.jpg) no-repeat;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 8px 0 0 25px;
}

#sidebar .button:link, #sidebar .button:visited, #sidebar .button:hover, #sidebar .button:active { color: #fff; }
#sidebar .button:hover, #sidebar .button:active { background-position:0 -34px; }




/* FORMAT */

h2 { font-size: 19px; }
.clearAll { clear: both; }

.button
{
  float: right;
  display: block;
  width: 166px;
  height: 26px;
  background: #fff url(images/button_red.jpg) no-repeat;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 8px 0 0 25px;
}

.button:link, .button:visited, .button:hover, .button:active { color: #fff; }
.button:hover, .button:active { background-position:0 -34px; }