/* Pride London standard style sheet                                         */

html
{
  background-color: white;
  color: black;
  font-family: "Verdana", sans-serif;
  font-size: small;
}

/*
  Only IE recognises the '* html'.  This hack is to set IE's font
  size to x-small so it matches what other browsers display for small
*/

* html
{
  font-size: x-small;
}


body
{
  margin: 0px;
  /* We actually want the font size between small and medium, so use 110% of small */
  font-size: 110%;
}

/* Standard formatting for page headers */
/* White on blue to match EuroPride logo */
.header
{
  color: white;
  background-color: #0000A8;
}

.header H1
{
  vertical-align: middle;
  text-align: center;
  color: white;
  background-color: #0000A8;
}

/* Main navigation menu */
.navigation
{
  width: 80px;
  float: left;
}

/* Section headings in main navigation menu */
.navigation DIV
{
  color: black;
  background-color: white;
  margin: 3px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.navigation UL
{
  color: black;
  background-color: white;
  font-size: 90%;
  list-style: none;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 3px;
  margin-left: 1em;
  border-color: #D0D0F0;
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 2px;
  padding-top: 2px;
  padding-bottom: 0px; /* Must have zero bottom padding otherwise we trigger the IE creeping text bug */
  padding-right: 2px;
  padding-left: 4px;
}

/* Override standard "blue underline" for hyperlinks on main navigation section headings */
.navigation :link, .navigation :visited
{
  text-decoration: none;
  color: black;
  background-color: white;
}

.navigation UL :link, .navigation UL :visited
{
  text-decoration: none;
  color: black;
  background-color: white;
}

/* submenu items */
.navigation DIV DIV
{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 1em;
  border-style: solid;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 4px;
  padding: 1px;
}

/* Standard formatting for page body content */
.content
{
  margin-left: 100px;
}

/* Specific formatting page body content in the pride_home page */
#pride_home .content
{
}

/* Standard formatting Google site search */
.sitesearch
{
  clear: both;
  color: black;
  background-color: white;
  text-align: center;
  border-top: thin solid #808080;
}

/* Standard formatting for page footers */
.footer
{
  clear: both;
  color: white;
  background-color: #0000A8;
  text-align: left;
  margin: 4px;
  border-top: thin solid #808080;
  padding: 4px;
}

.footer :link, .footer :visited
{
  color: white;
  background-color: #0000A8;
}

h2, h3, h4
{
  color: #0000A8;
  background-color: white;
}

th
{
  color: black;
  background-color: #D0D0F0;
}

hr
{
  color: #D0D0F0;
  background-color: white;
}

table
{
  border-collapse: collapse;
}


#getinvolved_privcard TH
{
  text-align: left;
}

.debug
{
  color: black;
  background-color: #FF8080;
  margin: 6px;
  border: thin solid red;
  padding: 6px;
}

.debug table, .debug td, .debug th
{
  border: thin solid red;
}

.faq_q, .faq_a
{
  padding-left: 2em;
}

.faq_q
{
  color: red;
  background-color: white;
  padding-top: 1ex;
}

.faq_q:before
{
  content: "Question:";
}

.faq_a:before
{
  content: "Answer:";
}

.press_release
{
  margin: 4px;
  border: medium solid #D0D0F0;
  padding: 4px;
}

.press_release .title
{
  border-bottom: medium solid #D0D0F0;
  padding-bottom: 2px;
}

.press_release p
{
  margin-top: 3px;
  margin-bottom: 3px;
}

.press_release .date
{
  font-size: 90%;
}

.box
{
  margin: 6px;
  border: medium solid #D0D0F0;
  padding: 0px;
}

.box h2, .box h3, .box .boxhead
{
  color: #0000A8;
  background-color: #D0D0F0;
  margin: 0px;
  padding: 2px;
}

.box div
{
  margin: 4px;
}

.sidebar
{
  margin: 6px;
  border: medium solid #D0D0F0;
  padding: 0px;
  float: right;
}

.sidebar h3
{
  color: black;
  background-color: #D0D0F0;
  margin: 0px;
  padding: 2px;
  text-align: center;
}

.sidebar div
{
  margin: 4px;
}

.quote
{
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
  margin-left: 4em;
  font-size: 90%;
}

.quote_from
{
  font-style: italic;
  margin-top: 3px;
}

/* "more >>" link from summary text to full page */
.more
{
  text-align: right;
  white-space: nowrap;
}

/* Highlight an error message, e.g. when submitting invalid form details */
.error
{
  margin: 6px;
  border: thick solid red;
  padding: 6px;
  color: red;
  background-color: white;
}

/* Highlight an comment */
.highlight
{
  margin: 6px;
  padding: 6px;
  color: black;
  background-color: yellow;
}

.table_row_heading
{
  vertical-align: top;
  background-color: #D0D0F0;
}

form table
{
  background-color: #F0F0F0;
  border-color: #0000A8;
}

.email_confirmed
{
  font-weight: bold;
}

/* Styles only used for printer, may override the common ones above */
@media print
{
  .header
  {
    color: black;
    background-color: white;
  }

  :link, :visited
  {
    text-decoration: none;
  }

  .screenOnly
  {
    display: none;
    visibility: hidden;
  }
  .printerOnly
  {
    display: inline;
    visibility: inherit;
  }

}

/* Styles only used for screen, may override the common ones above */
@media screen
{
  .screenOnly
  {
      DISPLAY: run-in;
      visibility: inherit;
  }

  .printerOnly
  {
      DISPLAY: none;
      VISIBILITY: hidden;
  }
}