body { 
  font-family: verdana, tahoma, sans-serif, arial;
  background-color: #f5f5f5;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

a:link    { text-decoration: none; color: #026435; }
a:visited { text-decoration: none; color: #026435; }
a:hover   { text-decoration: none; color: black;   }
a:active  { text-decoration: none; color: #026435; }

img       { padding: 0px;  margin: 0px;   border: 0px;   }

h1 { 
  color: #003366;
  letter-spacing: 3px;
  font-size:  1em;
  padding-top: 3px;
  text-align: center;
}

h2 {
  border-bottom: 1px solid #cacdd4;
  border-top: 1px solid #cacdd4;
  background-color: #f5f5f5;
  padding-bottom: 3px;
  padding-left: 5px;
  margin-right: 5px;
  padding-top: 3px;
  color: #a64546;
  font-size: 1em;
  margin: 0px;
}


/******** TopBar ****************/
div.topbar {
  position: absolute; top: 0px;
  background-image: url('/img/view/topborder.jpg');
  background-repeat: repeat-x;
  width: 100%; 
  height: 66px;
}
  div.logo { 
    background-image: url('/img/view/cxuk-logo.jpg');
    background-repeat: no-repeat;
    float: left;
    height: 66px;
    width: 150px;
  }
  div.signin { 
    float: right;
    margin-right: 0px;
    padding-right: 6px;
    font-size: 0.9em;
    padding-top: 4px;
  }
  div.signin a { padding-right: 12px;  }
  div.sections { 
    padding-top: 26px;
    font-size: 0.9em; 
    text-align: center;
    margin-right: 150px;
  }
    div.sections a         {  padding-right: 20px;   }
    div.sections a:link    {  text-decoration: none; color: white;     }
    div.sections a:visited {  text-decoration: none; color: white;     }
    div.sections a:hover   {  text-decoration: none; color: black;     }
    div.sections a:active  {  text-decoration: none; color: white;     }

/****** Left & right/bars **********/
div.leftbar, div.rightbar { 
  background-repeat: repeat-y;
  text-align: center;
  line-height: 20px;
  font-size: 0.7em;
  color: #a64546;
  width: 145px;
}

div.leftbar  { 
  position: absolute; top: 67px; left: 37px;  
  background-image: url(/img/view/menu-bottom-left.jpg);
  background-position: 70px 100%;
}

div.rightbar { 
  position: absolute; top: 67px; right: 37px; 
  background-image: url(/img/view/menu-bottom-right.jpg);
  background-position: -70px 100%;
}

  div.leftbar  img { padding: 5px; }
  div.rightbar img { padding: 5px; }
  div.leftbar  a { display: block; }
  div.rightbar a { display: block; }
  div.leftbar  a:hover { font-weight: 600; }
  div.rightbar a:hover { font-weight: 600; }
  div.rightbar a.selected { font-weight: 600; color: black; text-decoration: underline; }
  div.leftbar  a.selected { font-weight: 600; color: black;text-decoration: underline; }

  div.leftbar-top, div.rightbar-top  { 
    background-repeat: no-repeat;
    height: 20px;
  }

  div.leftbar-top { 
    background-image: url(/img/view/menu-top-left.jpg);
    background-position: 70px 0%;
  }

  div.rightbar-top { 
    background-image: url(/img/view/menu-top-right.jpg);
    background-position: -66px 0%;
  }

  div.leftbar-title, div.rightbar-title { 
    background-repeat: no-repeat;
    font-weight: 600;
    height: 20px;
  }
    div.leftbar-title { 
      background-image: url(/img/view/menu-top-left.jpg);
      background-position: 0% 100%;
    }
    div.rightbar-title { 
      background-image: url(/img/view/menu-top-right.jpg);
      background-position: 100% 100%;
    }

  div.leftbar-items, div.rightbar-items { 
    background-repeat: no-repeat;
    margin-bottom: 15px;
    padding-bottom: 4px;
  }
    div.leftbar-items { 
      background-image: url(/img/view/menu-bottom-left.jpg);
      background-position: 0% 100%;
    }
    div.rightbar-items { 
      background-image: url(/img/view/menu-bottom-right.jpg);
      background-position: 100% 100%;
    }

 div.leftbar-end, div.rightbar-end {
   height: 45px;
   margin-top: -15px;
   background-repeat: no-repeat;
 }

 div.leftbar-end { 
      background-image: url(/img/view/menu-wigly-end-left.jpg);
      background-position: 100% 100%;
 }
 
 div.rightbar-end { 
      background-image: url(/img/view/menu-wigly-end-right.jpg);
      background-position: 0% 100%;
 }
  
/******* content *********/
div.content {
  position: absolute; top: 67px; left: 180px; right: 180px;
  border: 2px solid #475471;
  background-color: #fcfcfc;
  padding-right: 10px;
  padding-left: 10px;
  min-height: 88%;
  font-size: 0.8em;
  text-align: left;
  margin: auto;
}

div.content-expander {
  color: #fcfcfc;
  float: right;
}
/******* Home page / News *********/
img.latnews { 
  margin-top: 20px;
  margin-left: -10px;
  padding-right: 20px;
  float: left;
}

img.helihome { 
  float: right;
  margin-right: -10px;
  margin-top: 15px;
}