/* Content Pages */
#breadcrumbs { background-color: #74a18d; border-bottom: 1px solid #fff; padding: 6px 8px; color: #fff; }
  #breadcrumbs ul { margin: 0; padding: 0; list-style-type: none; color: #fff; }
  #breadcrumbs li { display: inline; margin: 0; padding: 0; }
  #breadcrumbs a { color: #fff;  }
  #breadcrumbs span.divider { padding: 0; }

#page-title { background-color: #74a18d; border-bottom: 1px solid #fff; padding: 6px 8px; color: #fff; }
  #page-title h2 { font-size: 95%; color: #fff; margin: 0 ; }

#left-nav-wrap { float: left; width: 192px; background-color: #7f8eb0; }
#left-nav { padding-top: 1em; }
  #left-nav a { display: block; color: #fff; padding: 4px 0 5px 20px; text-decoration: none; margin-top: 1px; font-weight: bold; }
  #left-nav a:hover { background-color: #001d61; border-top: 1px solid #9aacd6; margin-top: 0; }
  #left-nav ul { margin: 0; padding: 0; list-style-type: none; }
  #left-nav ul li { margin: 0; padding: 0; }
  #left-nav ul li a.parent { background-image: url("../img/arrow.gif"); background-position: 5px 50%; background-repeat: no-repeat; }
  #left-nav ul.child { }
  #left-nav ul.child li { }
  #left-nav ul.child a { padding: 2px 0 3px 30px; }
  #left-nav ul.child a:hover { background-color: #405688; }
  #left-nav a.selected { background-color: #001d61; border-top: 1px solid #9aacd6; margin-top: 0; }
  #left-nav ul.child a.selected { background-color: #405688; }

#content-wrap, #content-wide-wrap { float:left;margin-left: 1px; border: 1px solid #001d61; }
#content-wrap { width: 385px; min-height: 465px; }
#content-wide-wrap { width: 578px; }
#content { padding: .75em 1.25em; color: #606163; }
  #content h1 { font-size: 120%; color: #001d61; }
  #content h2 { font-size: 110%; color: #001d61; }
  #content ul { margin-left: 3em; line-height: 1.2em; }
  #content ul li { line-height: 1.5em; font-size: 100%; color: #606163; margin: .5em 0; }

  #content ol { margin-left: 1.5em; line-height: 1.2em; }
  #content ol li { line-height: 1.5em; font-size: 100%; font-weight: bold; color: #606163; margin: .5em 0; }
  #content ol p { line-height: 1.5em; font-size: 100%; font-weight: normal; color: #606163; margin: .5em 0 1em 0; }

  div.news h2 { margin-bottom: 0; color: #606163 !important; font-size: 100% !important; }
  p.date { margin: .25em 0; font-style: italic; }
  p.summary { margin: 0 0 2em 0; }

  /* Content header images */
  div.about-lm, div.about-lit, div.about-mission, div.about-dedication, div.working-ourwork, div.news-current, div.bursary { padding-top: 107px !important; background-position: top left; background-repeat: no-repeat; }
    div.about-lm { background-image: url("../img/About/about_hd1.jpg"); }
    div.about-lit { background-image: url("../img/About/about_hd2.jpg"); }
    div.about-mission { background-image: url("../img/About/about_hd3.jpg"); }
    div.about-dedication { background-image: url("../img/About/about_hd4.jpg"); }
    div.working-ourwork { background-image: url("../img/Working/work_hd1.jpg"); }
    div.news-current { background-image: url("../img/News/news_hd1.jpg"); }
    div.bursary { background-image: url("../img/bursary_hd.jpg"); }
    div.employees-aislinn { background-image: url("../img/profile/aislinn_header.jpg"); padding-top: 135px !important; background-position: top left; background-repeat: no-repeat; }
    div.employees-carla { background-image: url("../img/profile/carla_header.jpg"); padding-top: 135px !important; background-position: top left; background-repeat: no-repeat; }
    div.employees-graham { background-image: url("../img/profile/graham_header.jpg"); padding-top: 135px !important; background-position: top left; background-repeat: no-repeat; }
    div.employees-stephen { background-image: url("../img/profile/stephen_header.jpg"); padding-top: 135px !important; background-position: top left; background-repeat: no-repeat; }
    div.employees-tim { background-image: url("../img/profile/tim_header.jpg"); padding-top: 135px !important; background-position: top left; background-repeat: no-repeat; }
    div.employees-neil { background-image: url("../img/profile/neil_header.jpg"); padding-top: 135px !important; background-position: top left; background-repeat: no-repeat; }

  div.sitemap h2 { margin-top: 2em; }
  #content ul.sub { margin-left: 3em; }
  #content ul.sub li a { color: #606163; }

  div.employee-row .left { float: left; width: 49%; margin: 0 0 1em 0; }
  div.employee-row .right { float: left; width: 49%; margin: 0 0 1em 0; }
  div.employee img { width: 75px; float: left; }

  div.photo-gallery-row { width: 535px; margin-top: 2em; }
  div.photo-gallery-row .left { float: left;  }
  div.photo-gallery-row .right { float: right; }

#sidebar-wrap { float: left; width: 192px; margin-left: 1px; }
  #sidebar-wrap h2 { font-size: 100%; margin: 0px 0px 1px 0px ; padding: 4px 6px; background-color: #405688; color: #fff; text-align: center; }
  #sidebar-wrap div.caption { background-color: #74a18d; color: #fff;}
    #sidebar-wrap div.caption p { margin: 0em 0em 1em 0em ; padding: 2px 4px; }

.sidebar { padding: 6px; color: #606163; }
  .sidebar dl { margin: 0; }
  .sidebar dt { margin-top: 1em; }
  .sidebar dt.first { margin-top: 0; }
  .sidebar acronym { border-bottom: 0 }
  .sidebar h3 { font-size: 120%; margin-top: 0; }
  .sidebar form { text-align: right; }
  .sidebar input { }
  .sidebar input.text-entry { width: 100%; }
  .sidebar input.text-entry-error { width: 100%; background-color:#ffffdd; }
  .sidebar .email-address { display: none; }
  .sidebar .email-address-error { font-size: 100%; color: #a10000; }

/* Customisations for common components */
#detail #main-content { background-image: url("../img/content_bg.png"); background-position: top left; background-repeat: repeat-y; }
#detail #footer { margin-top: 1px; }

.dev-comment { background-color: #FFFFDD; padding: 4px 6px; border: 1px dashed #000; }
  .dev-comment h2 { margin: 0; font-size: 100% !important; color: #606163 !important; }
  .dev-comment p { margin: 12px 0 0 0; }

.rewording-required { padding: 0 2px 0 2px; background-color: #74a18d; color: #fff; font-weight: bold; }

.input-form input.first { margin: 0; color: #606163; }
.input-form input { margin: 5px 0 0 0; }