body {
  color:black;
  font:100% Verdana, Arial, Helvetica, sans-serif;
  background-color:#658c54;
}

input, textarea
{
  color: black;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Completely fill the top of the page. */
#banner
{
  position:relative;
  padding:0.5em;
  margin-bottom:10px;

  color:#658c54;
  background-color:#9cd982;

  border-style:solid;
  border-bottom-width:2px;
  border-top-width:2px;
  border-left-width:0;
  border-right-width:0;
  border-bottom-color:white;
  border-top-color:white;
}

/* Allow the header to decide how much padding to insert, rather than the H1 itself. */
#banner h1
{
  padding: 0;
  margin: 0;
}

h2 { 
/*  color:purple; */
  font-size:120%;
  font-weight:bold;
}

h3 { 
  font-size:100%;
  font-weight:bold;
}

#container
{
  margin-left:10px;
  margin-right:10px;
}

#photoBanner {
  height:75px;
  background-image:url('imageBanner.jpg');
  background-repeat:repeat-x;
  border-style:solid;
  border-width:2px;
  border-left-width:0;
  border-right-width:0;
  border-color:white;
}

#sideBar
{
  float: left;
  width:10em;
  margin-top:10px;
  background-color:#9cd982;
  color:#658c54;
  border-color:white;
  border-style:solid;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:0;
  border-top-width:0;
}

#mainContent
{
  margin-left: 10.8em;
  margin-top:10px;
  padding:0.5em;

  background-color:#d6d982;
  border-style:solid;
  border-width:2px;
  border-color:white;
  border-top-width:0;
  border-bottom-width:0;
}

#mainLinks {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#mainLinks li {
  margin: 0;
  padding:0.5em;
}

#mainLinks li a:link {
  color:#658c54;
}

#mainLinks li a:visited {
  color:#8a7e31;
}

#mainLinks li a:hover {
  color:#8a7e31;
}

.mainLinksSeparator {
  border-bottom:2px groove #d6d982;
}

/* Why is this here? */
table { 
  border-collapse: separate; border-spacing: 1em
}

/* Provide a table which doesn't collapse its borders - use for the Freedom of 
 * Information page. */
#foiact table { 
  border-collapse: collapse;
}

td { 
  vertical-align:top;
}

/* Define a simple floating box, used to provide extra
 * content-specific links. */

.contentLinks {
 background-color:#d9d9d9;
 color:#8a8c54;
 float:right;
 padding:0.25em;
 border-style:solid;
 border-width:1px;
}

.contentLinks ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

.contentLinks li {
  margin: 0;
  padding:0.5em;
}

.contentLinks li a:hover { 
  color:black;
}

/* Errors displayed in red. */
.ValidationError { 
  color:red;
}

/* Bus timetable styles. */
table.bus_timetable {
      border-collapse:collapse;
}

table.bus_timetable td.btt_unstyled {
      border-style:none;
      padding:0;
      text-align:left;
      padding-right:10px;
}

table.bus_timetable td {
      border-collapse:collapse;
      border-style:solid;
      border-width:thin;
      padding-left:1em;
      padding-right:1em;
      text-align:center;
}

/* Search result formatting. */

.search_url { 
  font-style:italic;
}

/* What's On event layout. */
.whats_on_event {
  margin-left:1em;
}

.whats_on_title {
  font-style:italic;
}

.whats_on_desc {
  margin-left:1em;
}

/* Map tooltips. */
.tooltip {
  color:black;
  font-weight:bold;
  min-width:200px; /* Make it likely that the entire label will fit in one line. */
}

.thumbnailTooltip
{
  border-color:black;
  border-style:solid;
  border-width:2px;
}