/* # defines the id selector, which is used to specify a style for a single, unique element. */
/* . defines the class selector, which is used to specify a style for a group of elements. */

body {
  text-align: center;
  background: #FFFFCC;
}

/* container defines the whole page */
#container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  border-style: ridge;
}

/* header defines the page header area */
#header {  
  background-image: url("http://www.mpettipher.me.uk/Illustrated_Lectures/images/teton_flowers_08419_320w.jpg"), url("http://www.m
pettipher.me.uk/Illustrated_Lectures/images/castle_geyser_01559_320w.jpg"), url("http://www.mpettipher.me.uk/Illustrated_Lectures/images/bison_0329_320w.jpg");
  background-repeat:no-repeat;
  background-position: top left, top center, top right; 
  height:213px;  
  position: relative;
  border-bottom: 25px solid #F5FF70;
}

#header-content {
}

#header-content h1 {
  position: absolute;
  bottom: 0;
  left: 250px;
  font-size: 300%;
  color: #F5FF70;
}
 
/* menu defines the menu area on the LHS of the page (the first 'column') */
#menu {
  float: left;
  width: 160px;
  margin-right: 10px;
  margin-bottom: 20px;
}

#menu ul {
  padding: 0px;
  margin-top: 15px;
  margin-bottom: 25px;
}

#menu ul li {
  list-style-type: none;
  background-color: #FFFFCC; 
  padding: 5px 50px 5px 5px;
  border-style: ridge;
  border-color: #F5FF70;
}
#menu ul li:hover {
  background-color: #F5FF70;
}

/* content defines the area for the main content (the second 'column') */
#content {
  float: left;
  width: 570px;
  padding-left: 10px;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-left: 10px;
}

/* footer defines the footer */
#footer {
  clear: both;
  border-top: 25px solid #F5FF70;
}

/* Set up                                             */
a:hover {text-decoration: underline; color: #009900;}

.programme_heading { background-color:#CCCCCC }
.talk          { background-color:#B9F5B9; }
.sub_heading       { 
  background-color:#F5FF70;
  font-weight: bold;
  text-align: center;
}