/*
    This is the style sheet for the Amnesty Leeds website.
*/

/* Control the main body and choose the font used. */
body
{
  margin: 2% 7% 2% 7%;

  font: normal 0.825em Tahoma, Arial, Helvetica, sans-serif;
  color: #848482;
  text-align: none;
}

/* Paragraphs will be justified with margins above. */
p
{
  text-align: justify;
  margin: 0 0 1em 0;
}

/* Headings are in a different colour. */
h1
{
  color: #84B0A7;
  font-weight: bold;
  margin-bottom: 0.25em;
  clear: both;           /* Has to clear as the images in navigation bar are positioned relatively. */
}

h2
{
  color: #444442;
  font-weight: bold;
  font-size: 110%;
  margin: 0;
}

h2.expired
{
  color: #444442;
  font-weight: normal;
  font-size: 110%;
  margin: 0;
}

h3
{
  color: #444442;
  font-size: 110%;
  font-weight: normal;
  margin: 0;
}

/* Control the formatting of hyperlinks. */
a
{
  color: #6699FF;
  text-decoration: underline;
}
a:hover 
{
  color: #336666;
}

dt
{
  font-weight: bold;
}

/* This controls the position of the image in the navigation bar */
div#navigation
{
  position: relative; /* Want to move the navigation bar to the left so image appears to be in left column */
  left: -35px;
  color: black;
}
div#navigation img
{
  position: relative; /* Have to makes images relative for IE to work */
  float: left;        /* Images appear on the left, one below the other */
  clear: left;
  margin: 0 10px 0 0;
}

/* This controls the position of the left hand column in dual column content */
div.left
{
  width: 50%;
  float: left;
  padding-right: 8px;
  border-right: 2px solid #84B0A7;
  margin-right: 8px;
}

/* This controls the position of the right hand column in dual column content */
div.right
{
}

/* This is upcoming events we want to highlight */
div#upcoming
{
  padding: 10px 0 0 0;
  clear: left;
}

div#separate
{
  clear: left;
  padding: 2em 0 0 0;
  border-bottom: 2px solid #84B0A7;
}

/*
	Formatting for the meetings.
*/
body.meetings dl
{
  margin-left: 1em;
}

/*
   Formatting for the events.
*/
body.events img
{
  float: right;
  margin: 0 0 0 1em;
}

/*
   Formatting for the Rawdon concert dates. 
*/
body.rawdonConcerts div#address
{
  width: 50%;
  float: right;
  padding: 0.5em;
  border: 2px solid #84B0A7;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}
body.rawdonConcerts ul
{
  margin: 0em;
}
body.rawdonConcerts ul li
{
  list-style-type: none;
}