/* # 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. */

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

body {
  text-align: center;
}

/* header defines the page header area */
#header {
}

/* menu contains the dimensions of the menu area on the LHS of the page (the first 'column') */
#menu {
  float: left;
  width: 160px;
  padding-left: 0px;
  border-right: 10px solid #B9F5B9;
  padding-right: 10px;
  margin-bottom: 20px;
}
#menu ul {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 25px;
}
#menu ul li {
  list-style-type: none;
  background-color: #B9F5B9; 
  padding: 5px 50px 5px 5px;
  border-style: ridge;
  border-color: #69CD81;
}
#menu ul li:hover {
  background-color: #CCCCCC;
}

/* content1 defines the area for the main content (the second 'column') */
#content1 {
  float: left;
  width: 570px;
  padding-left: 10px;
  /* remove green vertical separator 
  border-left: 10px solid #B9F5B9; */
  margin-left: 10px;
}
 
/* Content2 defines the area for the main content page widened when no sidebar is used (second 'column') */
#content2 {
  float: left;
  width: 750px;
  padding-left: 10px;
  /* remove green vertical separator 
  border-left: 10px solid #B9F5B9; */
  margin-left: 10px;
}

/* sidebar defines the area on the RHS of the page (the third 'column') available for items such as news */ 
#sidebar {
  float: right;
  width: 160px;
  margin-left: 20px;
  border-left: 10px solid #B9F5B9;
  padding-left: 10px;
  border-bottom: 10px solid #B9F5B9;
}

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

}

/* widemenu defines the menu across the page, within header.shtml */
#widemenu ul li {
  float: left;
  list-style-type: none;
  padding: 5px 30px 0px 5px; /* top, right, bottom, left */
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
}
#widemenu ul li a {
}
#widemenu ul li a:hover {
    color: #009900;
}
#widemenu ul li:hover {
  background-color: #CCCCCC;
}
#widemenu ul {
  padding: 0px;
  margin: 0px;
}
#widemenu {
  background-color: #B9F5B9;
  margin-bottom: 20px;
  height: 25px;
}

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

.programme_heading { background-color:#CCCCCC }
.tue_norm          { background-color:#B9F5B9; }
.tue_spec          { background-color:#69CD81; }
.sat               { background-color:#33FFFF; }
.red               { color:red;}

/* Set class to centre h2 */
h2.align_center
{
  text-align:center;
}
/* class for italic */
.italic
{
  font-style:italic;
}
/* Set classes for floating to left or right */
.float_left
{
  float:left; margin: 5px;
}
.float_right
{
  float:right; margin: 5px;
}
/* Set classes for floating images to left or right */
.img_left
{
  float:left; margin: 5px;
}
.img_right
{
  float:right; margin: 5px;
}

/* Set class clear_float to clear any existing float */
.clear_float
{
 clear:both;
}

/* Set class so next h3 or p starts after any floated image */
h3,p.clear_float
{
 clear:both;
}

/* Set class for photo_caption */
.photo_caption
{
  font-size: 65%;
  font-weight: bold;
  margin-top: 0;
  margin-left: 5px;
  width: 350px;
}

/* Set classes for gallery photo and photo credit */
.galleryphoto_left
{
  float:left; margin: 5px;
}
.galleryphoto_right
{
  float:right; margin: 5px;
}

.galleryphoto_left, galleryphoto_right p
{
  font-weight: bold;
  font-size: 65%;
  margin-top: 0;
  margin-left: 5px;
  width: 350px;
}
/*
.galleryphoto_left, galleryphoto_right p span
{
  font-weight: normal;
}
.galleryphoto_left, galleryphoto_right a
{
  border: 25px solid #B9F5B9;
  margin: 10;
}
.galleryphoto_left, galleryphoto_right a:hover
{
 border:5px solid blue;
 background-color: #CCCCCC;
}
.image_border
{
  border: 25px solid #B9F5B9;
  margin: 10;
}

*/
.photocredit
{
  font-weight: normal;
}

/* MAP, 28/11/2013: Suspect the following 'div' related styles are not
   relevant to this site. Probably copied from elsewhere. Now removed
   but held in file styles_with_div.css.                             */