/*
  Name: default.css
  Desc: Default CSS styling for site.
  Auth: Adam Szmigin (adam@torchbox.com)
  Date: 2004-07-26
*/


/* Body. */
body
{
  margin: 0;
  padding: 0;
  /* A few global font properties. */
  font-family: verdana, bitstream vera sans, arial, helvetica, sans-serif;
  color: #676767;
}
a:hover { text-decoration: underline; }

/* Enveloping div that encompasses everything. */
div#Envelope
{
  min-width: 440px;
}

/* Paragraph style. */
p { margin: 0; padding: 0; }


/* Main area of page. */
div#Main
{
  margin: 43px 0 0 0;
  position: relative;
}

/* Left column. */
div#LeftColumn
{
  width: 23%;
  float: left;

  /* IE5/Mac can't handle the static elements around floated ones very
    well at all, so we use this rather cool hack to position the
    columns absolutely. */
  /*\*//*/
  float: none;
  position: absolute;
  top: 0px;
  left: 0px;
  /**/
}
/* Right column. */
div#RightColumn
{
  width: 23%;
  float: right;

  /* IE5/Mac only. */
  /*\*//*/
  float: none;
  position: absolute;
  top: 0px;
  right: 0px;
  /**/
}

/* Box to contain stuff in a column. */
/* Now comes in 156 pixel wide flavour too. */
div.ColumnBox141
{
  width: 141px;
  margin-left: auto;
  margin-right: auto;
}
div.ColumnBox156
{
  width: 156px;
  margin-left: auto;
  margin-right: auto;
}


/* Main content area. */
/* For content between two side columns. */
div.ContentMiddle
{
  margin-left: 23%;
  margin-right: 23%;
}
/* For content to the left of a right-hand side column. */
div.ContentLeft
{
  margin-left: 28px;
  margin-right: 23%;
}
/* For content to the right of a left-hand side column. */
div.ContentRight
{
  margin-left: 23%;
  margin-right: 28px;
}
/* For content occupying the whole page. */
div.ContentFull
{
  margin-left: 28px;
  margin-right: 28px;
}


/* Footer. */
div#Footer
{
  clear: both;
  background:  url(http://breakthrough.org.uk/display_images/generations/footer_bg.gif) repeat-x;
  margin: 0;
  padding: 0 0 12px 0;
  position: relative;
}
div#FooterGroundbreaking
{
  float: right;
  background:  url(http://breakthrough.org.uk/display_images/generations/footer.gif) no-repeat;
  width: 381px;
  height: 49px;
  margin: 0;
  padding: 0;

  /* IE5/Mac ain't so hot with the floats. */
  /*\*//*/
  float: none;
  position: absolute;
  top: 0px;
  right: 0px;
  /**/
}
div#FooterGroundbreaking span { margin: 0; padding: 0; display: none; }
div#Footer p
{
  margin: 0 381px 0 0;
  padding: 20px 0 0 24px;
  font-size: 10px;
}
div#Footer p a
{
  font-weight: normal;
  text-decoration: none;
  color: #BF66A8;
}
div#Footer p a:hover { text-decoration: underline; }