@CHARSET "ISO-8859-1";
@import url(form.css);

body {
 background: #FFFFFF;
 color: #000080;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 70%;
 margin: 0 auto;
 width: 800px;
 text-align:center; 
}


#header {
}

#header table {
 width: 100%
}

#header table tr.logo {
 background: #008000;
}

#header table tr.link {
 background: #ECEEFF;
}

#header table tr.link ul {
 list-style: none;
 padding: 5px 0;
 margin: 0 10px;
}

#header table tr.link li {
 float: left;
 margin-left: 8px;
 margin-right: 8px;
 padding: 0;
 text-align: center
}

#header table tr.link li a {
 color: #000080;
 text-decoration: none;
 font-size: 100%;
 font-weight: bold;
}





#main {
 width: 786px;
 text-align:left;
 background: #FFFFFF;
 padding: 15px 5px 25px 5px;
 border: 2px solid #000080;
 
}

#main h1 {
 font-size: 140%;
}
#main h2 {
 font-size: 120%;
}
#main h3 {
 font-size: 100%;
}

#main table.ListTableStyleClass {
  width: 99%;
  border-collapse:collapse;
  border-color: #FFFFFF;
  margin-left: 3px;
  margin-right: 3px;

}

#main table tr.HeaderStyleClass {
  font-weight: bold;
  font-size: 120%;
  color: #FFFFFF;
  background-color: #000080;
  white-space: nowrap;
  vertical-align: bottom;
}

#main table tr.ItemStyleClass {
  background-color: #FFFFFF;
  color: #000080;
  white-space: nowrap;
}

#main table tr.AlternatingItemStyleClass {
  background-color: #EEEEEE;
  color: #000080;
  white-space: nowrap;
}

#main table.ListTableStyleClass td {
 border: 1px solid #333333;
}

#main table.ListTableStyleClass th {
 border: 1px solid #333333;
}



#footer {
 text-align:left;
}

#footer ul {
 list-style: none;
 padding: 0;
 margin: 0;
} 
#footer li {
 float: left;
 margin-left: 0px;
 margin-right: 10px;
 padding: 0;
 text-align: center
}


#bread {
 font-size: 90%;
 color: #c61e1e;
}
#bread a{
 color: #3B5199;
 text-decoration: underline;
}
#bread a:hover{
 color: #1b1b1b;
 text-decoration: underline;
}

#spacer {
 padding: 5px;
}


.error {
  background: #FFFF99;
  padding: 5px 15px 5px 15px;
  font-size: 95%;
  font-weight: bold;
  border: 1px solid #000000;
  margin-bottom: 10px;
}

.links {
  margin-top: 10px;
  margin-bottom: 10px;
}



.bookingTimeFree {
  width: 200px;
  background: #66FF99;
  padding: 5px 15px 5px 15px;
  border: 1px solid #000080;
  margin: 10px 10px 10px 10px;
}

.bookingTimeTaken {
  width: 200px;
  background: #FF3300;
  padding: 5px 15px 5px 15px;
  border: 1px solid #000080;
  margin: 10px 10px 10px 10px;
}