BODY {
  font-family: "Gill Sans", GillSans, Arial, Verdana, Helvetica, sans-serif;
  font-size: 12pt;
  color: #888;
  margin-left: 2em;
}

H2 {
    padding-top: 0;
    margin-top: 0;
}

H3 {
    padding-top: 0;
    margin-top: 0;
    font-size: 12pt;
    font-weight: bold;
}

A {
    text-decoration: none;
    color: #888;
}

A:hover {
    color: #8E6140;
}

#top { 
  width: 64em;
}

#ae {
  position: relative;
  font-family: Eurostile, "Gill Sans Light",  GillSans-Light, "Gill Sans",  GillSans, Arial, Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 22pt;
  font-weight: normal;
  padding-top: 0.5em;
  padding-bottom: 0.7em;
  /* border: solid 1px black; */
}

#main_menu {
  clear: both;
  position: relative;
  padding-top: 1em;
  padding-bottom: 5em;
  /* border: solid 1px black; */
}

#m_lhs {
  width: 12em;  /* needs to be same width as c_menu */
  float: left;
}

#m_middle {
  width: 15em;  /* needs to be same width as main_content left content */
  float: left;
}

#m_rhs {
  font-family: "Gill Sans", GillSans, Arial, Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
  float: left;
  padding-left: 2em;
  padding-right: 2em;
  width: 31em;   /* width = #top - #m_lhs - #m_middle - padding-right - padding-left */
}

#main_content { 
  position: relative;
  width: 64em;
  clear: both;
  /* border: solid 1px black; */
}

#c_menu {
  font-family: "Gill Sans", GillSans, Arial, Verdana, Helvetica, sans-serif;
  text-transform: lowercase;
  width: 12em;  /* needs to be same width as m_lhs */
  float: left;
}

#content { 
  position: relative;
  width: 50em;  /* width = #top - #c_menu */
  float: left;
  /* border: solid 1px green; */
}

#left_block { 
    position: relative;
  width: 13em;  /* needs to be same width as m_middle */
  float: left;
  /* background-color: #dace91; */
  /* height: 300px; */
    height: 30em;
}

#left_block IMG { 
  width: 13em;
}

#right_block { 
  position: relative;
  width: 31em;  /* width = content - left_block - padding, same as m_rhs */
  padding-left: 3.95em;
  padding-right: 2em;
  float: right;
  height: 30em;
  /* border: solid 1px green; */
}

#right_block IMG { 
}

#right_block .h1 {
}

#right_block B {
    font-weight: bold;
    font-size: 86%;
    color: #999;
    padding-right: 0.6em;
}

#mid_left_block {
    position: relative;
    float: left;
    width: 21.9em;
    height: 30em;
}

#mid_left_block IMG { 
  width: 22em;
}

#mid_right_block {
    position: relative;
    float: right;
    width: 21.8em;
    padding-left: 4.2em;
    padding-right: 2em;
    /* border: solid 1px green; */
}

#mid_right_block B {
    font-weight: bold;
    font-size: 86%;
    color: #999;
    padding-right: 0.6em;
}

/* H1 in image_block left align to PROJECTS menu item */
#mid_right_block .h1 {
}

#big_left_block {
    position: relative;
    float: left;
    width: 32em;   /* width = content - left_block, same as m_rhs */
}

#big_left_block IMG { 
  width: 32em;
  height: 100%;
}


#little_right_block {
    position: relative;
    float:left;
    width: 16em;
    padding-left: 2em;
}

#little_right_block A {
    text-decoration: none;
    color: #559de6;
}


/* for images that are scaled automatically. */
#image_block {
    position: relative;
    /* border: solid 1px red; */
    margin-right: 2em;
    height: 30em;
}

#image_block IMG {
    width: auto !important;
    /* width: 50em;  /* width = #top - #c_menu */
    height: 30em;  /* 100%; */
    float: right;
    /* border: solid 1px blue;  */
}

/* paras in image_block left align to PROJECTS menu item */
#image_block P {
    margin-left: 26.4em;
    /* border: solid 1px orange; */
}

#image_block B {
    font-weight: bold;
    font-size: 86%;
    color: #999;
    padding-right: 0.6em;
}

/* H1 in image_block left align to PROJECTS menu item */
#image_block .h1 {
    margin-left: 26.4em;
}

H1 {
    margin-top: 0;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 86%;
    color: #999;
    text-transform: uppercase;
    /* border: solid 1px orange; */
}

/* for images that fill whole area */
#full_image_block {
    position: relative;
    /* border: solid 1px red; */
    padding-right: 2em;
    height: 30em;
}

#full_image_block IMG {
    height: 100%;
    width: 100%;
    float: right;
    /* border: solid 1px blue; */
}

#two_images {
    /* border: solid 1px blue; */
}

#two_images IMG {
    width: 21.6em !important;
    height: 30em;
    padding-right: 0em !important;
}

/* AE link */

#ae A {
    text-decoration: none;
    color: #888;
}

/* TOP MENU */
.topmenu { 
  font-family: "Gill Sans", GillSans, Arial, Verdana, Helvetica, sans-serif;
  font-size: 12pt;
  width: 100%;
  margin: 0em;
  padding: 0em;
}

.topmenu TD {
  /* border: solid 1px; */
  width: 25%;
}

.topmenu_item:active {
  color: #888;
}

.topmenu_item:link {
  text-decoration:none;
  color: #888;
}

.topmenu_item:visited { 
   text-decoration:none;
  color: #888;
}

.topmenu_item:hover {
  color: #8E6140;
}

.topmenu_selected {
    color: #9F7251 !important;
}

/* LEFT MENU */

.level1 UL { 
  list-style-type:none;
  margin: 0em;
  padding: 0em;
}

.level1 LI { 
  margin:0;
  padding-bottom: 1.6em;
}

/* level1 without a submenu */
.level1 .on { 
  padding-bottom: 1.6em;
}

.level1 .on A {
  color:  #9F7251 !important;
}

/* level1 with a sub menu */
.level1 .selected { 
    padding-bottom: 0.5em;
}

.level1 .selected A { 
  color: #9F7251 !important;
}

.level1 A:hover {
    color: #8E6140 !important;
}

#c_menu A { 
  color: #888;
  text-decoration: none;
}

.level2 UL { 
  list-style-type:none;
  margin: 0em;
  padding: 0em;
  padding-bottom: 2em;
}

.level2 LI { 
  clear: none;
  margin: 0em;
  padding: 0em;
  margin-left: 2em;
}

/* level2 with a sub menu */
.level2 .selected { 
    padding-bottom: 0em;
}

/* CONTENT */

P { 
  margin-top: 0;
}

.dots {
    clear: both;
    text-align: right;
    width: 48em;
    /* border: solid 1px blue; */
}

.desc {
    float: left;
    text-align: left;
    width: 24em;
    padding-top: 2em;
    color: #bbb;
    font-size: 86%;
    /* border: solid 1px green; */
}

.dots UL {
  list-style-type:none;
  margin: 0em;
  padding: 0em;
  padding-bottom: 2em;
  padding-top: 2em;
}

.dots LI {
    display: inline;
    margin: 0;
    padding: 0;
    padding-left: 1.4em;
   font-size: 60%;  /* sets size of dots */
}

.dots A {
   text-decoration:none;
}

/* dot for other picture */
.dot {
   margin: 0;
   padding: 0;
   background-color: #bbbbbb;
   display: inline;
   padding-left: 1.9em;
   border: solid 1px #bbbbbb;  /* border in body bg colour */
}

/* dot for current picture */
.current {
   margin: 0;
   padding: 0;
   display: inline;
   padding-left: 1.9em;
   background-color: #ffffff;
   border: solid 1px #9F7251; /* #888; */
}

/* hover on a dot */
.dots A:hover .dot {
   background-color: #cccccc;
   border: solid 1px #8E6140; /* #333; */
}

.more_info {
    padding-bottom: 1em;
    padding-right: 2em;
    text-align: right;
}

.more_info A {
    color: #888;
   text-decoration:none;
}

.more_info A:hover {
    color: #8E6140 !important;
    text-decoration:none;
}

.back {
    clear: both; 
    margin-left: 10em; 
    padding-top: 4em; 
    /* border: solid 1px orange; */
}

.back SPAN {
    cursor: hand;
}

.back SPAN:hover {
    color: #8E6140;
}

/* project list */
.list {
    /* border: solid 1px green; */
}

.list TABLE  {
    font-size: 12pt;
    border-collapse: collapse;
    border: 0;
}

.list TR {
}

.list TD {
    /* border: solid 1px black; */
    vertical-align: top;
    padding-bottom: 1.5em;
}

.list .image {
    text-align: right;
    width: 26%;
}

.list .image IMG {
    width: 12em;
    height: 8em;
    border: 0;
}

.list .narrow_image {
    text-align: right;
    width: 26%;
}

.list .narrow_image IMG {
    width: 7em;
    height: 8em;
    border: 0;
}

.list .tall_image IMG {
    width: 13em;
    border: 0;
}

.list .list_text {
    padding-left: 4em;
    padding-right: 2em;
    text-align: justify;
}

.list_text P {
    margin-top: 0.7em;
}

/* publications */

.pub_list {
}

.pub_list H1 {
}

.pub_h1 {
    padding-top: 1.2em;
}

.pub_list H2 {
    text-transform: uppercase;
    font-size: 75%;
    color: #999;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}

.pub_text {
    margin-top: 0em;
    margin-left: 1em;
    font-size: 92%;
}

.image A:hover IMG {
    opacity: 0.85;
}

.narrow_image A:hover IMG {
    opacity: 0.85;
}

.smallcaps {
    margin-top: 0 !important;
    padding-top: 0;
    text-transform: uppercase;
    font-size: 10.5pt;
}

.ref_title {
    font-size: 100%;
    font-style: italic;
    letter-spacing: 0.1em;
}

.smaller {
    font-size: 92%;
}

.isbn {
    font-size: 76%;
    line-height: 140%;
}

.bolder {
    font-weight: bold;
    font-size: 86%;
}

.acknowledgements {
    position: relative;
    clear: left;
    float: left;
    margin-top: 14em;
}

.acknowledgements P {
    font-size: 75%;
}