a img {
border: none;
}
body {
  font-family: Corbel;
  line-height:1.5em;
  font-size: 0.9em;
  background-image: url(assets/background.jpg);
  background-repeat: repeat;
}
h1 {
	padding: 20px 10px 7px 10px;
	margin: 0 0 0 0;
	line-height: 0.55em;
	font-size: 7em;
	font-style: italic;
}
h3 {
	text-align: left;
	padding-bottom: 0em;
}
h4 {
   margin-right: 1em;
   margin-left: 1em;
}
ul, table {
	line-height: 1.5em;
}
#wrapper {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	min-height: 40em;
	background-color: #FFFFFF;
}
#header {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: "Times New Roman", Times, serif;
	background-color: #2628FF;
	line-height: 0.5em;
	color: #FFFFFF;
	width:480px;
	float: left;
	height: 8em;
}
#header p {
	padding-left: 1em;
}
#header a {
	text-decoration: none;
	color: #FFFFFF;
}
#yellow {
  height: 4em;
  float: left;
	color: #000000;
	background-color: yellow;
	width:350px;
	font-size: 0.9em;
}
#yellow a, #accessability a {
	text-decoration: none;
	color: #000000;
}
#yellow p {
	text-align: left;
	padding-left: 1em;
	padding-top: 0.25em;
	line-height: 1.2em;
}
#accessability{
  float: right;
  width:410px;
  background-color: yellow;
  font-size: 0.9em;
  height: 4em;
}
#accessability p {
  text-align: right;
  padding-right: 1em;
  padding-top: 0.5em;
	line-height: 1.5em;
}
#navigation {
  float: left;
  clear: both;
  font-size: 0.8em;
  padding-left: 10px;
  padding-top: 10px;
  width: 100%;
  }
#navigation a{
	text-decoration: none;
	color: #FFFFFF;
	padding: 0.1em;
}
#navigation a:hover{
	color: black;
}
#navigation li {
	display: inline;
	padding: 0.6em 0.8em 0.6em 0.8em;
	background-color: #0001AC;
	margin: 0.1em;
}
#navigation li:hover {
	background-color: yellow;
	color: #000000;
}
#navigation ul {
	margin-left: 0em;
	padding-left: 0em;
}
#home #navigation li.home,
#about #navigation li.about,
#seminars #navigation li.seminars,
#membership #navigation li.membership,
#yearbook #navigation li.yearbook,
#newsletters #navigation li.newsletters,
#contact #navigation li.contact,
#discussion #navigation li.discussion,
#library #navigation li.library,
#account #navigation li.account {
	background-color: #C3C4FF;
}
#home #navigation li.home a,
#about #navigation li.about a,
#seminars #navigation li.seminars a,
#membership #navigation li.membership a,
#yearbook #navigation li.yearbook a,
#newsletters #navigation li.newsletters a,
#contact #navigation li.contact a,
#discussion #navigation li.discussion a,
#library #navigation li.library a,
#account #navigation li.account a {
	color: #000000;
	font-weight: bold;
}
#comingEvents {
     color: white;
	background-color: #CC62FF;
	float: right;
	padding: 1em 1em 2em 1em;
	width: 30%;
	clear: both;
	margin: 1em 0 1em 5em;
}
#comingEvents a {
   color: white;
}
#login {
	border: thin;
	border-color: #C746FF;
	color: #000000;
	float: right;
	padding: 1em 1em 2em 1em;
	width: 30%;
	clear: both;
	margin: 1em 0 1em 5em;
}
#loginform {
	width:60%;
	padding: 1em 1em 2em 1em;
	position: relative;
	left: 20%;
}
#searchdiv {
	background-color: #2628FF;
	width:270px;
	float: right;
	height: 8em;
	padding-right: 10px;
}
#searchdiv legend{
	color: White;
	font-size: 0.9em;
	line-height: 1.5em;
}
#content {
  clear: both;
	padding: 1em;
	margin: 1em;
}
#map {
	color: #000000;
	font-size: 0.85em;
	width: 330px;
	height: 280px;
	background-position: right top;
	padding: 0.5em 0.5em 5em 0.5em;
	margin-left: 1em;
	margin-top: 2.5em;
	background-color: grey;
}
#footer {
	color: #B1B1B1;
	text-align: right;
	padding: 1em 1em 1em 0;
}
#printheader, #printfooter {
	position: absolute;
	left: -1000em;
	top: -1000em;
}
#blue {
	background-color: #C3C4FF;
	margin: 0.25em;
	padding: 0.1em 1em 0.25em 1em;
}
#white{
  margin: 0.25em;
	padding: 0.1em 1em 0.25em 1em;
}
#tfl-journey-planner {
float: right;
clear: both;
border:1px solid #939BA1;
padding: 1em;
width:15em;
text-align:center;
}
form div {
	clear: left;
	margin: 0;
	padding: 0 0 0 1em;
}
form div label {
	float: left;
	width: 30%;
}

.calender {
	position: relative;
	top: -2.5em;
	left: 25em;
	height: 0.5em;
	width: 2em;
}
.datatable {
	clear: both;
	width: 100%;
	text-align: left;
}
.datatable td,{
	background-color: #C3C4FF;
	padding: 1em;
}
.plaintext {
	text-decoration: none;
	color: #000000;
	padding: 1em;
	text-align: left;
}
.large {
	font-size: 1.6em;
	font-weight: bold;
}
.medium {
	font-size: 1.4em;
	font-weight: bold;
}
.small {
	font-size: 1.1em;
	font-weight: bold;
}
.xsmall {
	font-size: 0.8em;
	font-weight: bold;
}
.right {
	float: right;
}
.memberlist{
	text-align: left;
	line-height: 1em;
	font-weight: normal;
}
.aright {
	position: relative;
	text-align: right;
	}
.white {
  color: white;
  padding-top: 0.5em;
  margin: 0;
  line-height: 1em;}
input.valid {background: #afa;}
input.invalid {background: #faa;}
#memberupdate a img {
border: none;
}