/* 
  Andy Brown TWM 07/09/05
  schools stylesheet
*/

#container {
  /* this bit does the venue stripe */
	border-left: 10px solid #36c;
}

.emp {
  background: #eee;
  padding: 5px;
  margin: 10px 0 10px 0;
  border: 1px solid #aaa;
  width: 368px;
}

#newsimage {
  float: right;
  width: 202px;
  margin: 0 0 10px 10px;
}

#newsimage img {
  border: 1px solid #aaa;
}

.emp form select {
  width: 368px;
  margin: 5px 0px;
}

.details {
  margin: 10px 0;
  padding: 5px 10px;
  border: 1px solid #aaa;
}

.event {
  background: #eaf3f5;
}

.loan {
  background: #eaf5ed;
}

.download {
  background: #f5eaeb;
}

.gallery {
  background: #f5f5ea;
}

.full {
  width: auto;
  padding: 5px 10px;
} 

.graph {
  clear: right;
  margin: 5px 0px;
  border: 1px solid #ccf5ff;
  background: url(images/graph.gif);
}

#name, #event, #school, #email, #from, #subject,#number,#phone {
  width: 368px;
  margin-bottom: 10px;
}

#places {
  width: 30px;
  margin-bottom: 10px;
}

#date, #accessreq, #month, #year {
  width: auto;
  margin-bottom: 10px;
}

#phone {
  margin-bottom: 10px;
}

#accessreq, #message {
  width: 565px;
  margin-bottom: 10px;
}

.resource {

  border: 1px solid #ccc;
  padding: 0px 5px;
  margin: 5px 0px;

}

.bookicon {
  margin-top: 5px;
  float: right;
}

.error {
  color: red;
  vertical-align: top;
  padding: 0px 2px 0px 0px;
}

.resources #subject, .resources #level {
  width: auto;
}

.level, .subject {
  font-size: smaller;
}

#newsimage .caption {
  background: white;
}

#newsimage img{
  position: relative;
  z-index: 102;
}


.booking {
  border-top: 1px solid #aaa;
  padding-top: 5px;
}


/* guess what */

#distresshead {
  position: relative;
  margin-top: 16px;
  background: url(images/tattyhead.gif) no-repeat;
  height: 115px;
  
}

#leftedge {
  background: url(images/leftedge.gif) no-repeat;
  padding-left: 23px;
  z-index:900;
  position:relative;
}

#rightedge {
  position: relative;
  background: url(images/rightedge.gif) no-repeat top right;
  padding-right: 19px;
}

#distressbody {
  position: relative;
  background: url(images/lines.gif) ;
  padding: 5px;

}

#distressfoot {
  background: url(images/tattyfoot.gif) ;
}

#distresshead #area {
  position: absolute;
  top: -51px;
  right: 12px;

}

#distresshead ul {
  padding: 0; margin: 0;
  margin-left: 15px;
  list-style: none;
  background: url(images/ulback.gif) left bottom no-repeat;
  height: 115px;
}


#distresshead li { 
  display: inline;
  
}

#distresshead #brown {
  top: 41px;
  position: absolute;
  background: url(images/browntab.gif) left bottom no-repeat;
  width: 119px;
  height: 53px;
}

#distresshead #pink {
  top: 41px;
  left: 119px;
  position: absolute;
  background: url(images/pinktab.gif) left bottom no-repeat;
  width: 70px;
  height: 53px;
}

#distresshead #tan {
  top: 41px;
  left: 187px;
  position: absolute;
  background: url(images/biegetab.gif) left bottom no-repeat;
  width: 108px;
  height: 53px;
}

#distresshead #blue {
  top: 41px;
  left: 295px;
  position: absolute;
  background: url(images/bluetab.gif) left bottom no-repeat;
  width: 128px;
  height: 53px;
}

/* flash text replacement */
#distresshead ul .cooper {
}

#distresshead a:hover {
  color: red;
}

#brown .cooper {
  margin: 9px 0px 0px 30px;
  font-size: 18px;
}

#distressbody .cooper {
  font-size: 18px;
}
#distressbodytitle .cooper {
  font-size: 34px;
  margin: 0px 0px 0px 0px;
}

#pink .cooper {
  font-size: 18px;
  margin: 5px 0px 0px 13px;
}

#tan .cooper {
  font-size: 18px;
  margin: 24px 0px 0px 11px;
}

#blue .cooper {
  font-size: 18px;
  margin: 24px 0px 0px 8px;
}

/* end flash text replacement */

/* end guess what */