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


/* General element styling. */

div#Content p
{
  margin: 4px 12px 6px 24px;
  line-height: 1.5em;
  font-size: 12px;
}
div#Content p.Right { text-align: right; }
div#Content p.Pager
{
  text-align: right;
  margin: 4px 0 0 4px;
  padding: 2px 8px 2px 2px;
  border-bottom: 1px solid #DBDCDC;
}
div#Content p.Pager span.LeftText { float: left; padding-left: 16px; }
div#Content p.Pager a.BackToTop
{
  background:  url(http://breakthrough.org.uk/display_images/generations/sort_asc.gif) no-repeat 0 5px;
  padding: 2px 2px 2px 16px;
}

div#Content a
{
  text-decoration: none;
  font-weight: bold;
  color: #7C75BB;
}
div#Content a:hover { text-decoration: underline; }

div#Content img { border: none; }

div#Content h3
{
  margin: 4px 0 12px 24px;
  font-size: 18px;
}
div#Content h4
{
  margin: 4px 0 12px 24px;
  font-size: 12px;
  font-weight: bold;
}
div#Content h5
{
  margin: 4px 0 4px 24px;
  color: #9A9A9A;
  font-size: 12px;
  font-weight: normal;
}

div#Content ul
{
  margin: 0 0 0 12px;
  padding: 0;
}
div#Content ul li
{
  margin: 0;
  padding: 1px 0 20px 12px;
  font-size: 12px;
  line-height: 1.5em;
  list-style: none;
  background:  url(http://breakthrough.org.uk/display_images/generations/bullet_arrow.gif) no-repeat 0px 6px;
}

div#Content ul.InlineList
{
  list-style: none;
  margin: 0 0 20px 16px;
  padding: 0;
}
div#Content ul.InlineList li
{
  list-style: none;
  background: none;
  display: inline;
  margin: 0;
  padding: 1px 7px 1px 8px;
  border-left: 1px solid #666;
}
div#Content ul.InlineList li.First { border: none; }

div#Content .FloatRight
{
  float: right;
  margin: 4px;
}
div#Content .FloatLeft
{
  float: left;
  margin: 4px;
}
div#Content br.Clearer { clear: both; }

div#MottoBanner
{
  background: #0F0F0F;
  min-width: 400px;
  height: 164px;
  margin: 0;
  padding: 0;
}
div#MottoBanner h2 { margin: 0; padding: 0; font-size: 14px; }
span#MottoLHS
{
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  width: 209px;
  height: 164px;
  background:  url(http://breakthrough.org.uk/display_images/generations/index_mainimage_left.jpg) no-repeat top left;
}
span#MottoRHS
{
  margin: 0;
  padding: 0;
  display: block;
  float: right;
  background:  url(http://breakthrough.org.uk/display_images/generations/index_mainimage_right.jpg) no-repeat top right;
  width: 191px;
  height: 164px;
}
span#MottoLHS span, span#MottoRHS span { margin: 0; padding: 0; display: none; }

div#Content h3.Purple
{
  color: #FFF;
  background: #BF66A8;
  font-size: 14px;
  padding: 4px 12px;
}
div#Content h3.Mauve
{
  color: #FFF;
  background: #D294C2;
  font-size: 14px;
  padding: 4px 12px;
}

div.WideTitle
{
  /*background: url(../images/bullet_flower.gif) no-repeat top left;*/
  background:  url(http://breakthrough.org.uk/display_images/generations/icr_logo.gif) no-repeat top right;
  border-bottom: 1px solid #DBDCDC;
  padding: 4px 112px 10px 24px;
  /*margin: 0 40px 24px 40px;*/
  margin: 0 0 24px 0;
}
div.WideTitle h2
{
  font-size: 12px;
  color: #A4A0CE;
  margin: 0;
  padding: 0;
}

/*div#Content div.TopLink
{
  background:  url(http://breakthrough.org.uk/display_images/generations/bullet_backtotop.gif) no-repeat 100% 4px;
  text-align: right;
  font-size: 12px;
  color: #CC96C6;
  margin: 0;
  padding: 0 12px 0 0;
}
div#Content div.TopLink a { color: #CC96C6; }*/
div.TopLink {
  float: right;
  background: url(http://breakthrough.org.uk/display_images/generations_new/arrow_up.gif) no-repeat 0em 5px;
  text-align: right;
  font-size: 12px;
  color: #33308E;
  margin: 0;
  padding: 0 12px 0 10px;
}
div.TopLink a { color: #A4A0CE !important; }

div#Content div.HRuledSection
{
  margin: 4px 0 12px 0;
  padding: 4px 0 4px 0;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
}

div#Content div.Softer { color: #9A9A9A; }
div#Content div.Softer a { font-weight: normal; cursor: pointer; }

div#Content div.NavList ul { margin: 0 0 0 16px; padding: 0; }
div#Content div.NavList ul li { margin: 0; padding: 0 0 0 10px; background: none; }
div#Content div.NavList ul li a { font-weight: normal; line-height: 1.3em; }
div#Content div.NavList ul#Selected-1 li#Nav-1,
div#Content div.NavList ul#Selected-2 li#Nav-2,
div#Content div.NavList ul#Selected-3 li#Nav-3,
div#Content div.NavList ul#Selected-4 li#Nav-4,
div#Content div.NavList ul#Selected-5 li#Nav-5
{
  /*list-style-image: url(../images/bullet_square_purple.gif);*/
  background:  url(http://breakthrough.org.uk/display_images/generations/bullet_square_purple.gif) no-repeat 0px 6px;
}

div.ContentLHS
{
  width: 49%;
  float: left;
  margin: 20px 0 12px 0;
}
div.ContentRHS
{
  width: 49%;
  float: right;
  margin: 20px 0 12px 0;
}

div.ContentEndColumns { clear: both; }