body {
  font-family: Arial, Verdana, Geneva, sans-serif;
  background-color: #788D9F;
  font-size: 75%;
  line-height: 16px;
  margin: 0px;
  color: #000;
}

form {
  margin: 0px;
}

/* make input boxes and button look a bit better */
input {
  font-family: Arial, Verdana, Geneva, sans-serif;
  font-size: 1em;
  border: 1px solid #000;
}
select {
  font-size: 0.9em;
}
h1 {
  font-family: Arial, Verdana, Geneva, sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 20px;
  margin: 0 0 15px 0;
}
h2 {
  font-family: Arial, Verdana, Geneva, sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 0 5px 0;
}
h3 {
  font-family: Arial, Verdana, Geneva, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.update {display: inline; margin: 0px; padding: 0px 0.3em 0px 0px; font-size: 100%; }

img {
  border: 0px;
}

p {
  margin: 0px 0px 12px 0px;
}

dt {
  font-weight : bold;
}

/* ---------------------------------------------------- */
#contentElement {
  position: relative;
  width: 780px;
  margin: 0px auto;
  background-color: #C4B293;
  border-left: 5px solid #5A6A77;
  border-right: 5px solid #5A6A77;
}
#color_block {
  margin: 0px 10px 0px 10px;
  text-align: left;
  background: #FFF url(../images/extra_bg.jpg) no-repeat 0px 231px;
}
* html body #color_block {
    height: 200px;
}

/* ---------------------------------------------------- */

.keynote img {
        padding-left: 10px;
}

.keynote span {
        padding-right : 10px;
}

/* ---------------------------------------------------- */
#header {
  width : 100%;
  height: 231px;
  background: url(../images/header_bg.jpg) no-repeat 0 0;
}

#logo {
  padding-top: 20px;
  padding-left: 20px;
}
#date {
  padding-left : 20px;
  padding-top : 20px;
  clear : left;
}
#key_dates dl {
  margin : 0px;
  line-height : 90%;
}
#key_dates dt {
  text-align : center;
  margin-top : 0.25ex;
  margin-bottom : 0.25ex;
}
#key_dates {
  position : absolute;
  top : 10px;
  left : 380px;
  font-family : century gothic;
}
#smaller {
  font-size : 75%;
}
#bigger {
  font-size : 120%;
}
#nav {
  position: absolute;
  top: 204px;
  left: 8px;
}
#nav a, .nav a, .nav dl, .nav span {
  margin: 0px 10px 0px 10px;
}

.nav span {
  margin: 0px 0px 0px 10px;
}

.nav dt {
  font-weight : normal;
}

.nav hr {
  margin-top : 2px;
  margin-bottom : 2px;
}

.sessions span {
  margin: 0px 10px 0px 10px;
}

td.sessions {
  vertical-align : middle;
  text-align : center;
}

span.sessionhdr {
  padding-bottom : 5px;
  font-size : 120%;
  font-weight : bold;
}

div.title {
  font-size : 110%;
}

tr.loc td{
  border-bottom : 1px dashed black;
}

div.dashtop {
  border-top : 1px dashed black;
}

div.poster {
  padding : 5px;
}

div.pieces {
	border: 1px dashed black;
	background-color: #EEEEEE;
	margin: 5px;
	padding: 3px;
}

table.poster td{
  border : 1px dashed black;
}

table.poster {
  border-collapse : separate;
  border-spacing : 10px;
}

div.author {
  padding-left : 12px;
}

span.offset {
  position : relative;
  top : -0.5em;
  margin : 0px;
}

.nav a.up {
  position : absolute;
  top : 0px;
}

.nav a.down {
  position : relative;
  top : 2ex;
}

dl.compact dd {
  position: relative;
  margin: -1.2em  0px 0px 4em;
}

dl.compact dt {
  font-size: 110%;
  font-weight: bold
}


#breadcrumb {
  position: absolute;
  left: 18px;
  top: 175px;
}
* html body #breadcrumb {
  left: 205px;
}
.qm_logo {
   margin-right:1.5em;
}


/* ---------------------------------------------------- */
#left {
  width: 150px;
  float : left;
  margin-top: -5px;
}

/* reset IE/Win */
* html body #left {
    margin-top: 15px;
}
#left ul {
  margin: 0px 0px 5px -12px;
}
#left ul li {
  margin: 5px 0px 5px -12px;
}

/* reset IE/Win */
* html body #left ul {
    margin: 0px 0px 5px 10px;
}

/* reset IE/Win */
* html body #left ul li {
    margin: 5px 0px 5px 10px;
}

/* this bit is for Opera 7.x only */
@media screen and (min-width: 0px){
  #left ul {
    margin: 0px 0px 5px 30px;
  }
}

/* ---------------------------------------------------- */
#conf_wrapper {  padding: 0px 20px 0px 20px;}

#conf_wrapper,
#outer_wrapper {
  background: url(../images/left_bg.gif) repeat-y left;
}

/* feed rules to IE/mac */
 /*\*//*/
#conf_wrapper,
#outer_wrapper {
  position: relative;
  background-color: white;
}



/* ----------------------------------------------------
#container {
  width: 100%;
  float: left;
  margin-right: -190px;
  background: url(../images/right_bg.gif) repeat-y right;
} */

#content {
  background: url(../images/left_bg.gif) repeat-y left;
  margin: 5px 190px 10px 170px;
}

/* ---------------------------------------------------- */
#sidebar {
  width: 150px;
  float : right;
  margin-right : 0px;
  margin-top: 0px;
}

/* ---------------------------------------------------- */
#footer {
  font-size: 0.9em;
  background: url(../images/footer_bg.gif) no-repeat 0 0;
  padding: 20px 20px 10px 20px;
}

/* feed rules to IE/mac */
 /*\*//*/
#footer {
  position: relative;
  background-color: white;
}

/**/
#copyright {
  float: right;
  text-align : center;
}

/* ---------------------------------------------------- */
.top {
  text-align: right;
}
.clearing {
  height: 0;
  clear: both;
}
.hide {
  display: none;
}

table.cal td {
  border : 1px solid black;
  text-align : center;
  padding: 3px;
  width : 14%;
}

table.cal  {
  border-collapse : collapse;
}

table.calsmall {
  font-size : 75%;
  line-height : 100%;
}

table.largecal {
  font-size : 150%;
  line-height : 150%;
  text-align : center;
  width : 390px;
}

table.cal tr.days th {
  text-transform : capitalize;
}

table.calsmall tr.days th {
  font-size : 80%;
}

table.largecal th {
  font-size : 66%;
  line-height : 100%;
}

table.cal .e {
  background : #5A6A77;
}

table.cal .w {
  background : #788D9F;
}

table.cal .no {
  background : #dddddd;
}

.cal a:link, .cal a:visited, .cal a:active {
  color : #000000;
  line-height : 100%;
}

tr.line td {
  border-top : 1px solid black;
}

tr.topline td {
  border-top : 1px solid black;
}


/* ---------------------------------------------------- */
/* LINKS */
a {
  text-decoration: none;
  line-height: 16px;
}

a:link, a:visited, a:active {
  color: #145C9E;
}

a:hover {
  color: #990000;
}


.conf_date {
  font-weight : bold;
  color : #8C8C8C;
  font-family : Arial, sans-serif;
  font-size : 180%;
}

p.plist {
  margin-bottom : 0px;
}

ul.plist {
  margin-top : 0px;
}

.hc {
  background-color : pink;
  color : black;
}

.district {
  background-color : green;
  color : white;
}

.jubilee {
  background-color : grey;
  color : white;
}

.central {
  background-color : red;
  color : white;
}

.northern {
  background-color : black;
  color : white;
}

.bakerloo {
  background-color : brown;
  color : white;
}

.piccadilly {
  background-color : darkblue;
  color : white;
}

/* Style for invalid input */
.invalidInput{
	border:1px solid #F00;
	padding:1px;
}

/* Style for valid input */
.validInput{
	border:1px solid #FFF;
	padding:1px;
}

.desc {
  clear: right;
  vertical-align : bottom;
}
.price {
  float: left;
  width: 5em;
  padding-right: 1em;
  text-align : right;
}
.selbox {
  float: left;
  width: 2.5em;
  vertical-align : top;
}
.total {
  clear: left;
}

.accomms {
  font-size: 100%;
  border-spacing : 1em;
}

.accomms th {
  vertical-align : bottom;
}

.pgm {
  margin-left : 56px;
}