html, body
{
  margin: 0;
  width: 786px;
  height: 100%;
  font-family: helvetica, verdana, tahoma, sans-serif;
  font-size: 10pt;
}

div#top
{
  height: 115px;
  background: transparent url('top-bg2.png') no-repeat bottom left;
}

div#top img#logo
{
  position: absolute;
  left: 25px;
  top: 39px;
  border-width: 0;
}

div#top div#sublinks
{
  font-size: 11pt;
  text-align: right;
  padding: 5px;
  padding-top: 25px;
}

div#top div#sublinks a:link,
div#top div#sublinks a:visited
{
  color: #324b9e;
  font-size: 11pt;
  padding: 0 5px;
}

div.top div#sublinks a:hover
{
  text-decoration: underline;
}

div#menu
{
  float: left;
  background: #ffe056 url('menu-bg.png');
  width: 193px;
  height: 582px;
  padding: 5px 15px 0 0;
  text-align: center;
}

a.main_link
{
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 5px 0;
  border-width: 0;
}
      
a.main_link:hover
{
  background-image: url('white-31-24bit.png');
}

a.main_link img
{
  border-width: 0;
}

div#content
{
  padding: 10px;
  margin-left: 208px;
  font-size: 10pt;
}

div#content h2.home
{
  color: #dc0070;
}

div#content h2.girls
{
  color: #60a834;
}

div#content h2.volunteers
{
  color: #0092db;
}

div#content h2.families
{
  color: #eb6c24;
}

div#content h2.cookies
{
  color: #6d2488;
}

div#content .right
{
  float: right;
}

div#content a:link
{
  font-weight: bold;
}

div#content img#home-content
{
  position: absolute;
  z-index: 1;
  margin-left: -43px;
  margin-top: -39px;
}