@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site layout
 */

html {
  background: #a7a9ac url(/images/page-background.png) repeat-x;
}
body {
  background: url(/images/frame-background.png) repeat-y;
  margin: 0 auto 0 auto;
  padding: 0 10px 0 10px;
  width: 920px;
}

body#popup {
  padding: 0;
  width: 540px; 
}

body#popup div#popup-inner {
  padding: 10px;
  background: #ffffff;
}

pre {
  text-align:left;
  background-color:#FFF;
  color:#000;
  font-size:110%;
  font-family:Consolas,"Courier New","Lucidia Sans Unicode",monospace;
}

a {
  color: #012a70;
}

/*
 * Header
 */

div#header {
  background: url(/images/header-background.png) no-repeat;
  overflow: hidden;
  border-bottom: 1px solid #000;
  height: 79px;
}
div#header p#cef-logo {
  float: left;
}
div#header div#shoulder-navigation {
  float: right;
  width: 253px;
}
div#shoulder-navigation ul {
  list-style: none;
  overflow: hidden;
  margin: 32px 0 0 0;
  padding: 0;
  height: 100%;
}
div#shoulder-navigation ul li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}
div#shoulder-navigation ul li img {
  display: block;
}


/*
 * Page image (?)
 */

p#page-image {
  margin: 0;
}
p#page-image img {
  display: block;
}


/*
 * Main navigation
 */

div#main-navigation {
}
div#main-navigation ul {
  list-style: none;
  overflow: hidden;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 895px;
  height: 100%;
}
div#main-navigation ul li {
  text-align: center;
  float: left;
  margin: 0;
  padding: 0;
}
div#main-navigation ul li.membership {
  width: 124px;
}
div#main-navigation ul li.partnership-organisations {
  width: 226px;
}
div#main-navigation ul li.whats-new {
  width: 118px;
}
div#main-navigation ul li.diary {
  width: 67px;
}
div#main-navigation ul li.publications {
  width: 120px;
}
div#main-navigation ul li.projects {
  width: 87px;
}
div#main-navigation ul li.chairs-message {
  width: 153px;
}
div#main-navigation ul li a {
  color: #012a70;
  font-family: lucida grande, lucida sans, arial, sans-serif;
  font-size: 1.333em;
  text-decoration: none;
  display: block;
  line-height: 50px;
}
div#main-navigation ul li a:hover {
  text-decoration: underline;
}


/*
 * Middle (menu and page content)
 */

div#middle {
  background: url(/images/page-content-background.png) repeat-x;
  overflow: hidden;
  border-top: 1px solid #a7a9ac;
  padding: 20px 30px 20px 20px;
  height: 100%;
}

div#middle div#menu {
  background: url(/images/menu-background-gradient.png) repeat-x;
  float: left;
  width: 195px;
}
div#menu div#menu-inner-1 {
  background: url(/images/menu-background-frame.png) repeat-y;
}
div#menu div#menu-inner-2 {
  background: url(/images/menu-top.png) no-repeat;
  padding-top: 4px;
}
div#menu div#menu-inner-3 {
  background: url(/images/menu-bottom.png) left bottom no-repeat;
  padding: 0 1px 4px 1px;
}

div#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#menu ul li {
  border-bottom: 1px solid #d3d4d5;
  margin: 0;
  padding: 0;
}
div#menu ul li.last {
  border-bottom: none;
}
div#menu ul li a {
  color: #7c7d80;
  font-family: lucida grande, lucida sans, arial, sans-serif;
  font-size: 1.167em;
  text-decoration: none;
  display: block;
  padding: 10px;
  height: 100%;
}
div#menu ul li a:hover {
  text-decoration: underline;
}

div#middle div#page-content.with-menu {
  float: right;
  width: 650px;
}
div#page-content h1 {
  color: #012a70;
  font-family: georgia, serif;
  font-style: italic;
  font-weight: normal;
  font-size: 1.75em;
  margin: 0 0 20px 0;
}
div#page-content h2 {
  color: #012a70;
  font-family: arial, serif;
  font-weight: normal;
  font-size: 1.417em;
  margin: 0 0 6px 0;
}
div#page-content p {
  line-height: 1.4em;
  margin-bottom: 1.4em;
}


/*
 * Footer
 */

div#footer {
  color: #012a70;
  background: url(/images/footer-background.png) repeat-x;
  border-top: 1px solid #d3d4d5;
  padding: 15px 15px 25px 15px;
}
div#footer p {
  text-align: center;
  margin: 0;
}
div#footer p.address {
  margin-bottom: 12px;
}
div#footer a {
  color: #012a70;
  text-decoration: none;
}
div#footer a:hover {
  text-decoration: underline;
}
div#tibus-credit p {
  padding: 15px 0 0 0;
}
div#tibus-credit p a {

  text-decoration: none;
}
div#tibus-credit p a:hover {
  text-decoration: underline;
}