/* 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;
}
.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 {
  position: absolute;
  top: 52px;
  left: 20px;
  /* IE Fix. */
  display: inline;
  z-index: 51;
}
.topmenu li {
  padding-left: 10px;
  padding-top: 0px;
}
.topmenu .submenu {
  margin-left: -8px;
}
.topmenu .submenu li {
  padding: 3px 8px 3px 8px;
}

/* Secondary Nav. */
.secNavEntry, .simpleNav_menu li {
  padding: 2px;
  margin-bottom: 4px;
}
.simpleNav_menu {
  padding-left: 0;
  margin-left: 0;
}
.simpleNav_menu li {
  padding-left: 7px;
}
.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_details p {
  margin-top: 0;
}
.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;
}

/* Images. */
.featureImage_left {
  float: right;
  margin: .5em 0 .5em 1em;
  /* IE Fix. */
  display: inline;
}/* 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(/eug/digitalAssets/94_top-background.gif);
}
.pageFooter {
  background-color: #EBEBEE;
}

/* Primary Nav. */
.topmenu li {
  background-color: #EBEFDF;
}
.topmenu .submenu {
  background-color: #EBEFDF;
  border-bottom: 1px solid #242424;
}
.topmenu a {
  text-decoration: none;
  font-size: 13px;
}
.topmenu a:hover {

}
.topmenu .submenu a {
  font-weight: normal;
}
.topmenu li {
  background-image: url(/eug/digitalAssets/71_topmenu-arrow-right.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
.topmenu .submenu li {
  background-image: none;
}

/* Secondary Nav. */
.secNav h3 a, .simpleNav_menu a {
  color: #444488;
  text-decoration: none;
}
.simpleNav_menu {
  list-style-type: none;
  font-weight: bold;
  font-size: 1.1em;
}
.secNav h3 a:hover, .simpleNav_menu a:hover {
  color: #4444CC;
}
.secNavEntry, .simpleNav_menu li {
  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(/eug/digitalAssets/72_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 EuroGrow site. */

/* Set the page header on all pages except for the home Page to be smaller. */
.pageHeader {
  height: 81px;
}
.homePage .pageHeader {
  height: 171px;
}
/* The EuroGrow slogan/strapline. */
.pageHeader_center .topSlogan {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 53px;
  height: 15px;
  width: 337px;
}

/* Partners banner. */
.pageHeader_center .topInsitutesBanner {
  position: absolute;
  left: 20px;
  top: 78px;
  height: 93px;
  width: 890px;
}

/* The link between the ESDN/EuroGrow websites. */
.pageHeader_center .simpleLink {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 80px;
  height: 25px;
}

.pageHeader_center .simpleLink a {
  display: block;
  width: 80px;
  height: 25px;
}

/* Login Box. */
.loginBox {
  right: 90px;
}

/* Make all submenus a certain width. */
.topmenu .submenu {
  width: 140px;
}

/* Hide the top banner on the contact us and links pages. */
.contactUsPage .topInsitutesBanner, .linksPage .topInsitutesBanner{
  display: none;
}

/* Full contact profile pages. */
.fullContactProfile_related li {
  margin: 1em 0;
}
.fullContactProfile_related li p {
  margin: .4em 0;
}

/* Add the Eurogrow logo and the EU flag to the footer. */
.pageFooter_container {
  width: 100%;
  padding: .5em 0;
}
.pageFooter_left {
  margin-left: 20px;
  width: 100px;
  height: 30px;
}
.pageFooter_right {
  margin-left: 20px;
  width: 45px;
  height: 30px;
}
.pageFooter_center .plainContent {
  margin: 0 2em;
}/* Base styling CSS for EuroGrow website. */

/* Set the page header on all pages except for the home Page to be smaller. */
.pageHeader {
  background-image: url(/eug/digitalAssets/97_top-background_white.gif);
}
.homePage .pageHeader {
  background-image: url(/eug/digitalAssets/94_top-background.gif);
}
.pageHeader_center .topSlogan {
  background-image: url(/eug/digitalAssets/98_eurogrow-strap.gif);
  background-repeat: no-repeat;
}

/* Partners banner. */
.pageHeader_center .topInsitutesBanner {
  background-image: url(/eug/digitalAssets/96_eurogrow-parts.gif);
  background-repeat: no-repeat;
}

/* Link between ESDN / EuroGrow websites. */
.pageHeader_center .simpleLink {
  background-image: url(/eug/digitalAssets/95_toggleBox.gif);
  background-position: top right;
  background-repeat: no-repeat;
}
.pageHeader_center .simpleLink a {
  text-decoration: none;
}

/* Bolder top menu. */
.topmenu li a {
  font-weight: bold;
}

.pageFooter_left {
  background-image: url(/eug/digitalAssets/100_eurogrow_small.gif);
  background-repeat: no-repeat;
}
.pageFooter_right {
  background-image: url(/eug/digitalAssets/99_euflag_small.gif);
  background-repeat: no-repeat;
}