html, body {
  height:100%;
  /* 
     this is needed for FireFox to expand the root table vertically:
     all nested tags around and including that table need a height setting of 100%.
     these tags are:  html > body > div > table
     the first two are set here, the last two in the html code (template's index.php).
  */
  }
body, p, td {
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: normal;
  font-size: 13px;
  color: #005566;
  }
body {
  margin: 0px;
  background-color: #FFFFFF;
  }
a:link {
  color: #005566;
  }
a:visited {
  color: #559999;
  }
a:hover {
  background-color: #FFF5CC;
  }
a:active {
  color: #990000;
  }
hr {
  height: 1px;
  border: 0;
  color: #005566;
  background-color: #005566;
  text-align: left;  /* align it left for IE*/
  margin-left: 0;    /* align it left for Mozilla*/
}


.m1, .m1act, .m1sep, .m1septxt,
.m2, .m2act, .m2sep, .m2septxt,
.m3, .m3act, .m3sep, .m3septxt,
.m1:link, .m1:visited, .m1:hover, .m1:active, 
.m2:link, .m2:visited, .m2:hover, .m2:active, 
.m3:link, .m3:visited, .m3:hover, .m3:active, 
.m1act:link, .m1act:visited, .m1act:hover, .m1act:active, 
.m2act:link, .m2act:visited, .m2act:hover, .m2act:active, 
.m3act:link, .m3act:visited, .m3act:hover, .m3act:active, 
.m1open:link, .m1open:visited, .m1open:hover, .m1open:active, 
.m2open:link, .m2open:visited, .m2open:hover, .m2open:active, 
.m3open:link, .m3open:visited, .m3open:hover, .m3open:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  display: block;
  white-space:normal;
  margin: 0px;
  color:  #008C99;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  }
.m1, .m1act, .m1septxt,
.m1:link, .m1:visited, .m1:hover, .m1:active, 
.m1act:link, .m1act:visited, .m1act:hover, .m1act:active, 
.m1open:link, .m1open:visited, .m1open:hover, .m1open:active {
  font-size: 12px;
  padding-top: 2px;
  padding-left: 18px;
  padding-bottom: 2px;
  background-image: url(../images/BgrndMenuLevel1.jpg);
  }
.m2, .m2act, .m2septxt,
.m2:link, .m2:visited, .m2:hover, .m2:active, 
.m2act:link, .m2act:visited, .m2act:hover, .m2act:active, 
.m2open:link, .m2open:visited, .m2open:hover, .m2open:active {
  font-size: 10px;
  padding-top: 0px;
  padding-left: 30px;
  padding-bottom: 1px;
  background-image: url(../images/BgrndMenuLevel2.jpg);
  }
.m3, .m3act, .m3septxt,
.m3:link, .m3:visited, .m3:hover, .m3:active, 
.m3act:link, .m3act:visited, .m3act:hover, .m3act:active, 
.m3open:link, .m3open:visited, .m3open:hover, .m3open:active {
  font-size: 9px;
  margin: 0px;
  padding-top: 0px;
  padding-left: 41px;
  padding-bottom: 1px;
  background-image: url(../images/BgrndMenuLevel3.jpg);
  }
.m1act:link, .m1act:visited, .m1act:hover, .m1act:active {
  background-image: url(../images/BgrndMenuLevel1_.jpg);
  }
.m1open:link, .m1open:visited, .m1open:active {
  background-image: url(../images/BgrndMenuLevel1__.jpg);
  }
.m1:hover, .m1open:hover {
  background-image: url(../images/BgrndMenuLevel1-.jpg);
  }
.m2act:link, .m2act:visited, .m2act:hover, .m2act:active {
  background-image: url(../images/BgrndMenuLevel2_.jpg);
  }
.m2open:link, .m2open:visited, .m2open:active {
  background-image: url(../images/BgrndMenuLevel2__.jpg);
  }
.m2:hover, .m2open:hover {
  background-image: url(../images/BgrndMenuLevel2-.jpg);
  }
.m3act:link, .m3act:visited, .m3act:hover, .m3act:active {
  background-image: url(../images/BgrndMenuLevel3_.jpg);
  }
.m3open:link, .m3open:visited, .m3open:active {
  background-image: url(../images/BgrndMenuLevel3__.jpg);
  }
.m3:hover, .m3open:hover {
  background-image: url(../images/BgrndMenuLevel3-.jpg);
  }
.m1sep, .m2sep, .m3sep {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top:    3px;
  margin-bottom: 3px;
  height: 1px;
  overflow: hidden;
  background-image: url(../images/Mseparator.gif);
  }
.m1sep {
  margin-left: 18px;
  }
.m2sep {
  margin-left: 30px;
  }
.m3sep {
  margin-left: 41px;
  }
.m1septxt, .m2septxt, .m3septxt {
  margin-top: 5px;
  }
.m1septxt {
  background: url(../images/MseparatorTxt1.gif) no-repeat 0px 0px;
  }
.m2septxt {
  background: url(../images/MseparatorTxt2.gif) no-repeat 18px 0px;
  }
.m3septxt {
  background: url(../images/MseparatorTxt3.gif) no-repeat 30px 0px;
  }


.leftboxtable {
  margin-bottom: 20px;
}

.moduletable {
  width: 210px;
}

.searchtitle, .langtitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  white-space:normal;
  width: 170px;
  margin: 0px;
  padding-top: 0px;
  padding-left: 18px;
  padding-bottom: 1px;
  background-image: url(../images/BgrndSearch.jpg);
  background-repeat: no-repeat;
  color:  #008C99;
  }
.langtitle {
  padding-bottom: 4px;
  }
.searchtitle:link, .searchtitle:visited, .searchtitle:hover, .searchtitle:active {
  text-decoration: none;
  color:  #008C99;
  background-color: #FFFFFF;
  }
.searchtitle:hover {
  background-image: url(../images/BgrndSearch-.jpg);
  background-repeat: no-repeat;
  }
.searchfield, .inputbox, select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color:  #008C99;
 }
.searchfield {
  margin-top: 3px;
  margin-bottom: 1px;
  width: 145px;
 }
.langflagDown, .langflagRover, {
  }
.langflagRover:hover {
  background-image: url(../images/LanguageFlag_Bgrnd-.gif);
  background-repeat: no-repeat;
  }
.langflagDown {
  background-image: url(../images/LanguageFlag_Bgrnd_.gif);
  background-repeat: no-repeat;
  }


.backhome {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  padding-top: 4px;
  padding-left: 27px;
  color:  #6F5900;
  }
.backhome a:link, .backhome a:visited, .backhome a:hover, .backhome a:active {
  text-decoration: none;
  color:  #6F5900;
  }
.backhome a:hover {
  background-color: #FFFFFF;
  }

.breadcrumb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  padding-top: 4px;
  padding-left: 8px;
  color:  #005566;
  }
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active {
  text-decoration: none;
  color:  #005566;
  }
.breadcrumb a:hover {
  background-color: #FFCC00;
  }
.breadcrumb img {
  vertical-align: top;
  }
.pathway {
}


.contentheading, .componentheading, .contentheading_contact {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  vertical-align: top;
  font-weight: bold;
  text-decoration: none;
  padding-left: 0px;
  padding-bottom: 17px;
  } 
.contentheading_contact{
  padding-bottom: 0px;
  margin-bottom: 0px;
  }
.buttonheading {
  vertical-align: top;
  } 

table.contentpaneopen, table.contentpane {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
  }
.contentpaneopen p, .contentpane, .contentpane p, .contentdescription, .contentdescription p {
  margin: 0px;
  padding-left: 0px;
  padding-bottom: 6px;
  }
.contentpaneopen ul, .contentpane ul {
  margin-top: 4px;
  margin-bottom: 10px;
  }
.contentpaneopen li, .contentpane li {
  margin: 0px;
  margin-left: -15px;
  padding-left: 0px;
  padding-bottom: 4px;
  }
#selectForm {
  text-align: left;
  }

.back_button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  margin-top: 27px;
  padding-top: 0px;
  padding-left: 14px;
  padding-bottom: 15px;
  color:  #005566;
  background-repeat: no-repeat;
  background-image: url(../images/TriangleL_Back.gif);
  }
.back_button a:link, .back_button a:visited, .back_button a:hover, .back_button a:active {
  text-decoration: none;
  color:  #005566;
  }


.sectiontableheader {
  font-weight: bold;
  background: #E9F2F5;
  padding: 4px;
  }
.sectiontablefooter {
  font-weight: bold;
  background: #E9F2F5;
  padding: 4px;
  }
.sectiontableentry1 {
	background-color : #F2F8FA;
  }
.sectiontableentry2 {
	background-color : #FFFFFF;
  }
.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #cccccc;
  width: auto;
  padding: 4px;
  margin: 1px;
}
.pagenavbar {
	padding-right: 5px;
	float: right;
}

.createdate {
  /* do not display date in static-content pages*/
  display:none;
}


/*
----------------------
STYLES FOR HTML EDITOR

ATTENTION: 
THESE STYLE NAMES  M U S T  BEGIN WITH  "HTMLarea"  - OTHERWISE DIGILOG HTMLAREA CSS SELECTOR IMPROVEMENTS (CSS.JS) WILL NOT WORK !!!
----------------------
*/

/* should be similar to .contentheading */
.HTMLareaMainHL {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 15px;
  } 
.HTMLareaSubHL {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 4px;
  }
.HTMLareaSubHLgradient {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
  font-style: italic;
  display: block;
  white-space:normal;
  margin: 0px;
  margin-bottom: 7px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-image: url(../images/Bgrnd_SubHLgradient.jpg);
  }
.HTMLareaSmall {
	font-size: 11px;
	font-weight: normal;
  padding-top: 0px;
  padding-bottom: 2px;
  }
.HTMLareaSmalldark {
	font-size: 11px;
	font-weight: bold;
  padding-top: 0px;
  padding-bottom: 2px;
  }
.HTMLareaArrowlink, a .HTMLareaArrowlink{
	font-weight: bold;
  text-decoration: none;
  padding-top: 0px;
  padding-left: 14px;
  background-repeat: no-repeat;
  background-image: url(../images/TriangleR.gif);
  }


/*
------------------------
STYLES FOR SPECIAL CASES
------------------------
*/

.executive_image {
  margin-left:25px; 
  margin-bottom:20px; 
  position:relative; 
  left:15px;
  }



/*
------------------------
STYLES FOR JOB AD EDITOR
------------------------
*/
.JobAdminList      { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px}
.JobAdminListDimm  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; color:#AAAAAA}
.JobAdminListHead  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; color:#FFFFFF}
.JobAdTitle        { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; line-height: 32px}
.JobAdTitleRed     { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; line-height: 32px; color: #800000}
.JobAdText         { }
.JobAdTextRed      { color: #800000}