/* All colour choices should be derived from this stylesheet
 * and not from <FONT> tags within individual pages
 *
 * Colours should be drawn from the following pallette:
 *
 *    Dark Green  : #093  -- Used in backgrounds & titles
 *    Light Green : #CFC  -- } Used to highlight forms
 *    Pale Yellow : #FFC  -- } and areas of text
 *    Red         : #F00  -- Used to highlight important areas
 *    Light Grey  : #CCC  -- Used as a border colour for tables
 *    Black       : #000  -- General text colour
 *    White       : #FFF  -- General background colour
 */

/* redefined elements */
body {
   font-family: Arial, Helvetica, sans-serif;
   color: #000;
   background-color: #FFF;
   margin-top:2px;
   font-size: small;       /* false value for WinIE4/5 */
   voice-family: "\"}\"";  /* trick WinIE4/5 into thinking the rule is over */
   voice-family: inherit;  /* recover from trick */
   font-size: medium;      /* intended value for better browsers */
}

/* Styles defining the header bar across each page */


#header {
   color:#FFF;
   background-color: #093;
   margin: 0;
   padding: 0;
}

/* The "Infolinx" title on each page is an H1 */
.sitetitle,
h1 {
   background-color: #093;
   color: #FFC;
   text-align: right;
   font-weight: bold;
   line-height: normal;
   margin: 0;
   width: 44%;
   float: left;
   padding-right: 0.25em;
   font-size: x-large;       /* false value for WinIE4/5 */
   voice-family: "\"}\"";  /* trick WinIE4/5 into thinking the rule is over */
   voice-family: inherit;  /* recover from trick */
   font-size: xx-large;     /* intended value for better browsers */
}

/* blurb class defines the bold text to the right of the main Infolinx
  title at the top of each page */

.blurb {
   font-weight: bold;
   text-align: left;
   margin: 0 0 0.2em;
   clear: none;
   color: #fff;
   padding: 3px 0 0;
   font-size: smaller; 
}

/* Navbar class defines a list of links seperated with vertical bars */ 

.navbar {
   text-align: center;
   list-style: none;
   padding: 0.25em 0;
   margin: 0;
}

.navbar li {
   list-style: none;
   display: inline;
   padding: 0 0 0 0.25em;
   border-left: 1px solid;
   white-space: nowrap;
}   

.navbar li.first {
   border: 0;
}

/* The row of links across the top of each page is a special kind of navbar */

#header .navbar {
   font-size: x-small;     /* false value for WinIE4/5 */
   voice-family: "\"}\"";  /* trick WinIE4/5 into thinking the rule is over */
   voice-family: inherit;  /* recover from trick */
   font-size: small;       /* intended value for better browsers */
}

#header .navbar li a {
   text-decoration: none;
   background-color: #093;
   font-weight: normal;
   color: #FFF;
}

#header .navbar li a:hover,
#header .navbar li a:focus {
   color: #FFF;
   text-decoration: underline;
}

/* ... so is the A-Z list in search pages */

#alphabar .navbar a {
   font-weight: bold;
}


/* Drop-down navigation bar */

#nav {
   margin: 0 0 1em;
   padding: 0;
}

#nav form {
   margin: 0;
   padding: 5px 0;
}

/* Page Headings & Titles */

h2 {
   color: #093;
   font-weight: bold;
   line-height: normal;
   font-size: 170%;
}

/* Specialised forms of H2 */
#home h2 {
   font-size: 100%;
   font-weight: normal;
   color: #000;   
}

#home h2 a {
   font-weight: bold;
}

/* Help information on the search pages */

#searchhelp {
   width: 95%;
   margin: 0 auto 1em;
   text
}

#searchhelp h2 {
   text-align: center;
}

#searchhelp h3 {
   margin: 1em 0 0;
   font-weight:bold;
   padding: 2px;
   color:#FFF;
   background-color: #093;
   text-align:left;
   font-size: small;       /* false value for WinIE4/5 */
   voice-family: "\"}\"";  /* trick WinIE4/5 into thinking the rule is over */
   voice-family: inherit;  /* recover from trick */
   font-size: medium;      /* intended value for better browsers */
}

#searchhelp p {
   margin: 0;
   padding: 0;
}

#searchhelp p.back {
   text-align: right;
   margin: 0.5em 0 1em;
}

/* Page Footer */

#footer {
   margin: 1em 0 0;
}

/* element styles */

a:hover,
a:focus {
   color: #F60;
}

/* Detail, Highlight and Important classes change the colour
   scheme - generally in a table cell */

.detail {
   background-color: #FFC;
   color: #000;
}

.highlight {
   background-color: #CFC;
   color: #000;
}

.important {
   background-color: #F00;
   color: #FFF;
   font-weight: bold;
}

/* Topline draws a border across the top of an element, in heading colour */

.topline {
   border-top: 1px #093 solid;
}

/* Heading changes the foreground colour to the standard heading colour */

.heading {
   color: #093;
}

/* header & headerleft classes define table heading cells */

.header {
   font-weight:bold;
   color:#FFF;
   background-color: #093;
   font-size: small;       /* false value for WinIE4/5 */
   voice-family: "\"}\"";  /* trick WinIE4/5 into thinking the rule is over */
   voice-family: inherit;  /* recover from trick */
   font-size: medium;      /* intended value for better browsers */
}

.headerleft {
   font-weight:bold;
   color:#FFF;
   background-color: #093;
   text-align:left;
   font-size: small;       /* false value for WinIE4/5 */
   voice-family: "\"}\"";  /* trick WinIE4/5 into thinking the rule is over */
   voice-family: inherit;  /* recover from trick */
   font-size: medium;      /* intended value for better browsers */
}

/* frontheader & fronttext describe the headings and descriptive text
   used for each section of the front page */

.frontheader {
   margin-top: 0;
   font-weight: bold;
   text-align: left;
}

.fronttext {
   margin-bottom: 0;
   font-weight: normal;
   font-size: smaller;
   text-align: left;
}

/* Redefine the appearance of <hr>s */
hr {
   width: 50%;
   margin: 0.5em auto 1em;
   text-align: center;
}

/* Menu Tables - e.g. the Community page */

table.menu {
   border-collapse: collapse;
   width: 600px;
   margin: 0 auto 1em;
}

.menu th, .menu td {
   padding: 10px;
   border: 2px solid #FFF;
   vertical-align: middle;
   text-align: center;
}

.menu th {
   font-size: larger;
   font-weight: normal;
}

.menu .z0 {
   background-color: #CFC;
}

.menu .z1 {
   background-color: #FFC;
}

/* Put a gap after the internal links on the Health Page. This is a nasty hack
   that only works because I know there are exactly two such links. I'd prefer to
   just add some bottom margin or padding to tbody.internal, but browsers ignore it */

.menu tbody.internal .z1 th,
.menu tbody.internal .z1 td
  {
   border-bottom: 30px solid #fff;
}

/* Results lists */

table.results {
   border-collapse: collapse;
   width: 100%;
   margin: 5px auto 0.5em;
}

.results th, .results td {
   padding: 6px;
   border: 2px solid #CCC;
}

.results thead th {
   font-weight:bold;
   color:#FFF;
   background-color: #093;
   font-size: small;       /* false value for WinIE4/5 */
   voice-family: "\"}\"";  /* trick WinIE4/5 into thinking the rule is over */
   voice-family: inherit;  /* recover from trick */
   font-size: medium;      /* intended value for better browsers */
}

.results tbody th, .results td {
   font-size: smaller;
   text-align: left;
   vertical-align: top;
   color: #000;
}

.results .z0 {
   background-color: #FFC;
}

/* Sort by... text at top of Museum and Sport Facility lists */

.sort {
   text-align: center;
   font-size: smaller;
}

/* Forms and links displayed around search results */

.jump {
   float: right;
   background: #cfc;
   margin: 0;
   padding: 3px;
}

* html .jump { margin-top: 5px; }

.jump form {
   display: inline;
   margin: 0;
   padding: 0;
}

form.searchagain {
   padding: 3px;
   margin: 5px 0;
}

.more {
   float: right;
   margin: 5px 0 0;
}

/* Detail Tables - used to display details of a single resource */

table.details {
   border-collapse: collapse;
   margin-top: 5px
   margin-bottom: 0.5em;
}

.details th, .details td {
   padding: 6px;
   border: 2px solid #CCC;
   vertical-align: top;
   text-align: left;
}

.details th {
   font-weight:bold;
   color:#FFF;
   background-color: #093;
}

.details td {
   color:#000;
   background-color: #FFC;
}

/* Entry Tables - used to enter updates (and, one day, inserts) to the database */

table.entry {
   border-collapse: collapse;
   margin-top: 5px
   margin-bottom: 0.5em;
}

.entry th, .entry td {
   padding: 2px;
   border: 2px solid #fff;
   vertical-align: top;
   text-align: left;
}

.entry th {
   font-weight:bold;
   color:#FFF;
   background-color: #093;
}

.entry td {
   color:#000;
   background-color: #FFC;
}

.entry .plain td,
.entry .plain th {
   background-color: #FFF;
}

.entry .plain th {
   text-align: center;
}

.entry .important td,
.entry .important th {
   background-color: #F00;
   color: #FFF;
   font-weight: bold;
}

/* Note appearing below the title on Speaker list pages */

.headnote {
   text-align: center;
   font-size: smaller;
   margin: 0.5em 0;
}

/* Relatively large areas of text, such as the About, Disclaimer and How to Update pages */
.bodytext {
   max-width: 657px;
   margin: 0 auto;
}

* html .bodytext {
   width: 657px;
}

/* Form to go to an update screen from the "How to Update" page */

form#goupdate {
   width: 14em;
   background: #CFC;
   border: 1px solid #093;
   padding: 15px;
   text-align: center;
   margin: 1em auto;
}

/* These classes replace deprecated <centre>, <big>, <small> and <nobr> tags */

.centre {
   text-align: center;
}

.blockcentre {
   margin: 0 auto 1em;
}

.big {
   font-size: larger;
}

.small {
   font-size: smaller;
}

.nobreak {
   white-space: nowrap;
}

/* Apply a light grey border to a table and/or its component cells */
.showborder,
table.showborder tr,
tr.showborder th,
tr.showborder td,
table.showborder tr th,
table.showborder tr td {
   border-style:solid;
   border-color: #CCC;
}

/* bordernnnn classes define a 1 pixel border along the edges of a table cell
   (for use in the search box). Particular borders are switched on/off by 
   the 1's and 0's in the name, in the order top, right, bottom, left. 
   for example, border1010 has a top & bottom border only. */

.border0000 {border: 0;}
.border0001 {border-left: 1px solid #093;}
.border0010 {border-bottom: 1px solid #093;}
.border0011 {border-bottom: 1px solid #093; border-left: 1px solid #093;}
.border0100 {border-right: 1px solid #093;}
.border0101 {border-right: 1px solid #093; border-left: 1px solid #093;}
.border0110 {border-right: 1px solid #093; border-bottom: 1px solid #093;}
.border0111 {border-right: 1px solid #093; border-bottom: 1px solid #093; border-left: 1px solid #093;}
.border1000 {border-top: 1px solid #093;}
.border1001 {border-top: 1px solid #093; border-left: 1px solid #093;}
.border1010 {border-top: 1px solid #093; border-bottom: 1px solid #093;}
.border1011 {border-top: 1px solid #093; border-bottom: 1px solid #093; border-left: 1px solid #093;}
.border1100 {border-top: 1px solid #093; border-right: 1px solid #093;}
.border1101 {border-top: 1px solid #093; border-right: 1px solid #093; border-left: 1px solid #093;}
.border1110 {border-top: 1px solid #093; border-right: 1px solid #093; border-bottom: 1px solid #093;}
.border1111 {border: 1px solid #093;}

/* styles used when displaying results with lines of alternating colours */

tr.line1 {
   color: #000;
   background-color: #FFF;
   font-size: smaller;
}

tr.line0 {
   color: #000;
   background-color: #FFC;
   font-size: smaller;
}

/* used to show the source of information, on details pages. */

p.source {
   font-size: smaller;
   font-style: italic;
}

/* Centered lists of links */

ul.links {
   padding: 0;
   width: 500px;
   list-style: none;
   margin: 0 auto 1em;
}

ul.links li {
   width: 500px;
   padding: 0;
   margin: 0 0 5px;
   list-style: none;
}

/* Special lists for the About page */

ul.sources {
   text-align: center;
}

ul.sources li {
   text-align: left;
   width: 11em;
   margin: 0 auto;
}

ul.partners {
   margin: 1em auto;
   width: 37em;
   overflow: auto;
   list-style: none;
   padding: 0;
}

ul.partners li {
   text-align: left;
   width: 18em;
   float: left;
   list-style: none;
   padding: 0;
   margin: 0;
}

/* "Add an Organisation" links */

p.addorg { text-align: center; }

/* Styles to control the display of the inline location maps */

/* First the <iframe> on the infolinx page... */

iframe.locmap {
   margin-top: 1em;
   border: 0;
   width: 630px;
   margin-left:auto;
   margin-right: auto;
}

/* ...then the elements on the Magnet page (which use this stylesheet) */
              
#Body1, #Body1 .heading {
   text-align: center;
   font-size: 14px;      /* Fix font size, to fix size of iframe window */
}

#MapImage {
   border: 1px solid #CCCC99;
}

.credit {
   color: black;
   text-align: right;
   font-size: 9px;
}

/* ... or just use a Google map! */

#mapwrap {
   position: relative;
   width: 602px;
}

#googlemap {
   height: 400px;
   width: 600px;
   border: 1px solid #999;
   margin: 1em auto 0;
   display: none;   /* Will be set to display: block in the googlemap script */
}

/* Directory styles (in development) */

#directory ul {
   margin-left: 0;
}

#directory .childcats li {
   font-size: larger;
}

#directory .childcats a, #directory .related a {
   font-weight: bold;
}

/* Daily opening times (and similar) */

dl.times {
  padding: 0;
  margin: 0 5px 0.5em 0;
  position: relative 
} 

.times dt { 
  clear: left;
  float: left;
  margin: 0 0 5px;
  width: 6.5em;
  color: #093;
  font-weight: bold;
  line-height: 1;
}

.times dd { 
  padding: 0;
  margin: 0 5px 5px 6.5em; 
  text-align: left;
  line-height: 1;
} 

/* DEFUNCT styles - apparently no longer used */

.banner {
   background-color: #093;
   color: #FFF;
   font-weight: bold;
   font-size: 24pt;
}

.title {
   font-size:24pt;
   font-weight:bold;
   color:#093;
   background-color: #FFF
}

.navigation {
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   color: #093;
   font-size: 10pt;
}

.fieldname {
   font-weight: bold;
   color: #093;
}