/* Base Structure CSS for the Base Page component. */



/* Base HTML elements. */

body {

  margin: 0px;

  padding: 0px;

}

a img {

  border-width: 0px;

}



/* Base Page elements. */

.pageHeader_left, .pageBody_left, .pageFooter_left {

  /* Fix for IE. */

  display: inline;

  float: left;

  clear: left;

}

.pageHeader_center, .pageBody_center, .pageFooter_center {

  /* Fix for IE. */

  display: inline;

  float: left;

}

.pageHeader_right, .pageBody_right, .pageFooter_right  {

  /* Fix for IE. */

  display: inline;

  float: left;

  clear: right;

}

.pageFooter_container {

  font-size: smaller;

}

/* Fix page header height problem in IE. */

.headerLogo h1 {

  line-height: 10px;

  font-size: 10px;

}



/* Common elements. */

.clearer {

  float: none;

  clear: both;

  line-height: 0px;  

  height: 0px;

  font-size: 0px;

}

.zeroHeight {

  line-height: 0px;

}



/* General Document content type styling. */

.document h3, .document h4 {

  margin-bottom: .2em;

}

.document h4 {

  margin-top: .1em;

}

.document p {

  margin: .3em 0em;

}




body {

  font-family: sans-serif;

  font-size: 12px;

}



h1 {

  font-size: 24px;

}



h2 {

  font-size: 18px;

}



h3 {

  font-size: 14px;

}



h4 {

  font-size: 12px;

  font-weight: bold;

}



a img {

  border-width: 0px;

}



.pageFooter ul {

  list-style-type: none;

}



.leadin {

  font-weight: bold;

}/* Base Structure CSS for Primary Navigation. */



.topmenu ul {

  margin: 0px;

  padding: 0px;

  list-style-type: none;

}



.topmenu a {

  display: block;

}



.topmenu li {

  float: left;

  padding: 0px;

  margin: 0px;

  margin-right: 20px;

}



.topmenu .submenu {

  visibility: hidden;

  position: absolute;

  z-index: 10;

}



/* Display the submenu for a list item when it is hovered over. 

   The 'over' class is set by the DOM Script on the LI element. */

.topmenu li:hover .submenu, li.over .submenu {

  visibility: visible;

}



.topmenu .submenu li {

  clear: left;

  margin: 0px;

}



.topmenu .submenu li a {

  display: block;

}/* Base Styling CSS for Primary Navigation. */



.topmenu li {

  font-size: 11px;

  font-weight: bold;

}/* Base Structure CSS for Secondar Navigation. */



.secNav {

  width: 100%;

  margin-bottom: 25px;

}

.secNav h3 {

  padding: 0px;

  margin: 0px;

}



/* Eliminate the padding / margin on the lists. */

.secNav ul {

  padding: 0px;

  margin: 0px;

}



/** Common setup for floating divs. */

.secNav_left, .secNav_right {

  width: 5px;

}

.secNav_left, .secNav_center, .secNav_right {

  float: left;

}

.secNav_center {

  width: auto;

}

.secNav_clear {

  clear: left;

  line-height: 0px;

}



/** CSS for top of the submenu entries in the sidebar. */

.secNavSubMenu_top .secNav_left, .secNavSubMenu_top .secNav_center, .secNavSubMenu_top .secNav_right,

.secNavSubMenu_bottom .secNav_left, .secNavSubMenu_bottom .secNav_center, .secNavSubMenu_bottom .secNav_right {

  height: 5px;

  line-height: 5px;

}



.secNavSubMenu_bottom {

  margin-bottom: 2px;

}



/** Images for bottom of the side menu. */

.secNav_bottom .secNav_left, .secNav_bottom .secNav_center, .secNav_bottom .secNav_right {

  height: 10px;

  line-height: 10px;

}



.secNavSubMenuContents {

  /* width: 140px; */

  width: auto;

}

.secNavSubMenuContents li {

  padding-left: 1em;

  padding-bottom: .5em;

}/* Base Styling CSS for Secondary Navigation. */



.secNav ul {

  list-style-type: none;

}



.secNav a {

  text-decoration: none;

}



/** Images for standard menu buttons. */

.secNavEntry .secNav_left {

  background: url() no-repeat left;

}

.secNavEntry .secNav_center {

  background: url() repeat-x top;

}

.secNavEntry .secNav_right {

  background: url() no-repeat right;

}



/** Images for standard menu buttons which contain are beneath a 'ul'. */

ul .secNavEntry .secNav_left {

  background: url() no-repeat left;

}

ul .secNavEntry .secNav_center {

  background: url() repeat-x top;

}

ul .secNavEntry .secNav_right {

  background: url() no-repeat right;

}



/** Images for standard ACTIVE menu buttons WITH sub menu entries */

.selectedWithEntries .secNavEntry .secNav_left {

  background: url() no-repeat left;

}

.selectedWithEntries .secNavEntry .secNav_right {

  background: url() no-repeat right;

}



/** Images for standard ACTIVE menu buttons with NO sub menu entries */

.selectedNoEntries .secNavEntry .secNav_left {

  background: url() no-repeat left;

}

.selectedNoEntries .secNavEntry .secNav_right {

  background: url() no-repeat right;

}



/** Images for standard ACTIVE menu buttons, regardless of sub menu entries */

.selectedWithEntries .secNavEntry .secNav_center, .selectedNoEntries .secNavEntry .secNav_center {

  background: url() repeat-x top;

}





/** Images for top of the submenu entries in the sidebar. */

.secNavSubMenu_top .secNav_left {

  background: url() no-repeat left;

}

.secNavSubMenu_top .secNav_right {

  background: url() no-repeat left;

}



/** Images for bottom of the submenu entries in the sidebar. */

.secNavSubMenu_bottom .secNav_left {

  background: url() no-repeat left;

}

.secNavSubMenu_bottom .secNav_right {

  background: url() no-repeat left;

}



.secNav_bottom .secNav_left {

  background: url() no-repeat left;

}

.secNav_bottom .secNav_center {

  background-color: transparent;

}

.secNav_bottom .secNav_right {

  background: url() no-repeat right;

}



.secNavSubMenu_top .secNav_center, .secNavSubMenu_bottom .secNav_center, .secNavSubMenuContents {

  background-color: transparent;

}/* Base Structure CSS for Login Box. */



.loginBox fieldset {

  border-width: 0px;

}



.loginBox .loginUsername input, .loginBox .loginPassword input {

  width: 100px;

  padding: 0px;

  margin: 0px 3px;

}



.loginBox #loginSubmit, .loginBox #logoutSubmit {

  float: left;

  clear: right;

  margin-left: 12px;

}



.loginBox .welcomeMessage {

  float: left;

}/* Base Styling CSS for Login Box. */



.loginBox label, .loginBox input {

  font-size: smaller;

}/* Structure CSS for Theme 1 */



/* Base Page elements. */

.pageHeader {

  height: 150px;

  margin-bottom: 1em;

}

.pageHeader_left {

  width: 0px;

}

.pageHeader_center {

  width: auto;

}

.pageHeader_right {

  width: 0px;

}

.pageHeader  .headerLogo h1 {

  margin: 0px;

}

.pageBody {

  margin-bottom: 1em;

}

.pageBody_left {

  width: 18%;

  margin-right: 4em;

}

.pageBody_center {

  width: 60%;

}

.pageBody_right {

  width: 0px;

}

.pageFooter {

  width: 100%;

}

.pageFooter_container {

  margin: auto;

  width: 80%;

  padding: .5em;

}

.pageFooter_left {

  width: 0px;

}

.pageFooter_center {

  width: auto;

  text-align: center;

}

.pageFooter_right {

  width: 0px;

}

.pageFooter_center .plainContent {

  margin-left: 5em;

  margin-right: 5em;

  /* Fix for IE. */

  display: inline;

  white-space: nowrap;

}

/* Align the top with the side menu. */

.pageBody_center h2 {

  margin: 0px;

}



/* Header logo. */

.headerLogo {

  float: left;

  clear: both;

}



/* Primary Nav. */

.primNavMenu {

  margin-left: 20px;

  margin-top: 2px;

  float: left;

  clear: both;

  /* IE Fix. */

  display: inline;

}

.topmenu li {

  padding-left: 10px;

  padding-top: 0px;

}

.topmenu .submenu {

  margin-left: -4px;

}

.topmenu .submenu li {

  padding: 3px 8px 2px 4px;

}



/* Secondary Nav. */

.secNavEntry {

  padding: 2px;

  margin-bottom: 4px;

}

.secNavEntry img {

  display: none;

}

/* Login box. */

.loginBox {

  position: absolute;

  right: 20px;

  top: 10px;

}

.loginBox fieldset {

  border-width: 0px;

  width: 400px;

}

.loginBox .loginUsername, .loginBox .loginPassword {

  float: left;

  margin-left: 6px;

}



/* Contact Profile. */

.contactProfile {

  margin: .5em 0em 1em 0em;

  /* IE Fix. */

  display: inline-block;

  width: 100%;

}

.contactProfile h3 {

  margin: 0px;

  padding: .3em .5em .15em .5em;

}

.contactProfile h3 a {

  padding-left: 14px;

}

.contactProfile_details {

  float: right;

  /* IE Fix. */

  display: inline;

  width: 65%;

  padding: .5em;

}

.contactProfile_related {

  float: left;

  /* IE Fix. */

  display: inline;

  width: 30%;

  padding: .5em;

}

.contactProfile_related ul {

  margin: 0px;

  padding: 0px;

  text-align: right;

}

.contactProfile_address, .contactProfile_tel, .contactProfile_fax, .contactProfile_email {

  margin-bottom: .7em;

}

.contactProfile_pic {

  margin: .5em;

  float: right;

}

.contactProfile_logo{
  
  float: right;

}

.pageBody_center .publication {
  margin-bottom: 3em;
}

.contactTeamMember {
  float:left;
  width:25%;
}/* Styling CSS for Theme 1 */



/* Base HTML elements. */

a {

  color: #334597;

}

a:hover {

  color: #333366;

}

h1 a, h2 a, h1 a:hover, h2 a:hover, h3 a  {

  color: #444488;

  text-decoration: none;

}

h2 {

  font-size: 18px;

  font-weight: normal;

}



/* Base Page DIVs. */

.pageHeader {

  background-color: #E5E5E9;

  background-repeat: repeat-x;

  background-position: top left;

  background-image: url();

}

.pageFooter {

  background-color: #EBEBEE;

}



/* Primary Nav. */

.topmenu .submenu {

  background-color: #EBEFDF;

  border-bottom: 1px solid #242424;

}

.topmenu a {

  text-decoration: none;

  font-size: 12px;

  font-weight: normal;

}

.topmenu a:hover {



}

.topmenu .submenu a {

  font-weight: normal;

}

.topmenu li {

  background-image: url(/dysc/digitalAssets/0/68_topmenu-arrow-right.gif);

  background-position: top left;

  background-repeat: no-repeat;

}

.topmenu .submenu li {

  background-image: none;

}



/* Secondary Nav. */

.secNav h3 a {

  color: #444488;

}

.secNav h3 a:hover {

  color: #4444CC;

}

.secNavEntry {

  border-bottom-width: 1px;

  border-bottom-style: dotted;

  border-bottom-color: #888888;

}

.secNavSubMenuContents li {

  border-bottom: 1px dotted #E2E2E2;

}



/* Login box. */

.loginBox label, .loginBox .welcomeMessage {

  color: #FFFFFF;

}

.loginBox .loginUsername input, .loginBox .loginPassword input {

  background-color: #6D6A83;

  color: #FFFFFF;

  border: 1px solid #C2BFD5;

}

.loginBox .loginButton input, .loginBox .logoutFields input {

  background-color: transparent;

  color: #FFFFFF;

  font-weight: bold;

  border-width: 0px;

  font-size: 11px;

}



/* Contact Profile. */

.contactProfile {

  background-color: #C9C9D9;

}

.contactProfile h3 {

  border-bottom: 3px solid #FFFFFF;

  background-color: #EBEBEE;

}

.contactProfile h3 a {

  background-image: url(/dysc/digitalAssets/0/69_whitearrow_right.gif);

  background-repeat: no-repeat;

  background-position: top left;

  color: #444488;

}

.contactProfile_details {

  border-left: 3px solid #FFFFFF;

  background-color: #EBEFDF;

}

.contactProfile_related {

  font-size: 11px;

}

.contactProfile_related ul {

  list-style-type: none;

}

.relatedContact_name {

  font-weight: bold;

}/* Base structure CSS for the Dyscerne site. */

.pageHeader {
  height: 138px;
}

.pageHeader_center {
  width: 100%;
  padding: 0;
}

.headerLogo {
  width: 700px;
  height: 90px;
}
/* This is because IE is funny. */
.headerLogo img {
  display: block;
}

.pageBody {
  width: 100%;
}

.pageBody_left {
  margin-right: 1em;
  width: 20%;
}
.pageBody_right {
  width: 16%;
}
.pageFooter {
  margin-top: 2em;
}

/* Partners banner. */
.topInsitutesBanner {
  margin-bottom: 2em;
  height: 100px;
  width: 800px;
}

.pageFooter_center {
  width: 860px;
}

.pageFooter_center .plainContent {
    white-space: normal;
}

.dyscnw .pageFooter_center .plainContent {
 display: block;
}

.pageBody_center .featureImage_left {
  float: right;
  margin: 0 0 6px 6px;
}/* Base styling CSS for Dyscerne website. */

a {
  color: #3E4763;
}
a:hover {
  color: #F47B20;
}

.pageHeader {
  background-color: #AAB2E7;
}
/* Header logo has the background stripes in it. */
.headerLogo {
  background-color: #3E4763;
  background-repeat: no-repeat;
  background-position: top right;
  background-image: url(/dysc/digitalAssets/0/59_dyscerne_grad.gif);
}

/* Partners banner. */
.topInsitutesBanner {
  background-image: url(/dysc/digitalAssets/0/60_dyscerne_banner.gif);
  background-repeat: no-repeat;
}

/* Background image to the body. */
.pageBody {
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url(/dysc/digitalAssets/0/61_dyscerne_back.gif);
}

/* Content. */
.pageBody_center h2 {
  color: #F47B20;
}
.pageBody_center h3 {
  color: #3E4763;
}

.leadin {
  color: #3E4763;
}
.contactProfile {
  background-color: #AAB2E7;
}
.contactProfile h3 {
  background-color: #5E678A;
}
.contactProfile h3 a, .contactProfile h3 a:hover {
  color: #FFFFFF;
}
.contactProfile_details {
  background-color: #FABA76;
}
.fullContactProfile_leadin{
  font-weight: bold;
  padding-top: 4px;
}

/* Page Footer. */
.pageFooter {
  background-color: #FFFFFF;
}

.pageFooter_center .plainContent {
  color: #888888;
}/* Primary Menu. */
.primNavMenu {
  width: 100%;
  margin: 0;
  padding: .5em 0;
}
/* The UL menu within the prim nav. */
div.topmenu {
  height: 32px;
  padding: 2px 0;
  width: 100%;
  display: block;
}
/* The top-level list items in the menu. */
.topmenu li {
  margin: 1px;
  padding: 0;
}
.topmenu li a {
  display: block;
  padding: 8px 16px;
}
.topmenu .submenu {
  border-width: 0;
  margin: -1px;
  padding: 1px;
}
.topmenu .submenu li {
  padding: 0;
  margin: 1px;
}
.topmenu .submenu li a {
  width: 120px;
}/* Primary nav has the white background. */
.primNavMenu {
  background-color: #FFFFFF;
}
/* The UL menu within the prim nav. */
div.topmenu, .topmenu .submenu {
  background-color: #F47B20;
}
/* The top-level list items in the menu. */
.topmenu li {
  background-image: none;
}
.topmenu li a {
  background-color: #F58836;
  color: #FFFFFF;
  font-size: 13px;
}
.topmenu li a:hover {
  background-color: #FABA76;
  color: #3E4763;
}.secNavEntry, .secNavSubMenuContents li {
  border-width: 0;
}
.secNavEntry a, .secNavSubMenuContents a {
  padding-left: 10px;
}
.secNavContents .secNavEntry, .secNavSubMenuContents li {
  margin-left: 5px;
}.secNavEntry h3 a {
  color: #F47B20;
  border-left: 5px solid #F47B20;
}
.secNavEntry h3 a:hover, .secNavContents .secNavEntry a:hover,
.secNavContents .selectedNoEntries .secNavEntry a, .secNavContents .selectedWithEntries .secNavEntry a,
.secNavSubMenuContents li a:hover {
  color: #F47B20;
  border-left-color: #F47B20;
}
.secNavContents .secNavEntry a {
  color: #3E4763;
  border-left: 5px solid #3E4763;
}

.secNavSubMenuContents li a {
  color: #3E4763;
  border-left: 5px solid #818AB5;
}