/* CSS Document */

.clear {
  clear: both;
}

table {
  border-collapse: collapse;
  width: 98%;
  border: 1px solid #666;
  font-size: 0.90em;
}

#attractions_table {
	font-size: 0.80em;
}
caption {
  font-size: 0.85em;
  font-weight: normal;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}

col#links {
  border: none;
}

thead {
  background: #E5E5F6;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th {
  font-weight: normal;
  text-align: left;
}

#resultPosHead {
  text-indent: -1000em;
}

#linkPosHead {
	text-indent: -1000em;
}

th, td {
  padding: 0.3em 1em;
  text-align: left;
}

.odd {
  background-color:#edf5ff;
}

tr:hover {
  background-color:#9DB3D1;
  color: #fff;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}

/* Additional height for div main to get around the background problem on the left hand menu,  this is included here because it louses up the forms if it is included on the other pages */
#main {
	_height: 320px;
}