@font-face {
    font-family: 'questrialregular';
    src: url('../webfonts/questrial-regular-webfont.eot');
    src: url('../webfonts/questrial-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/questrial-regular-webfont.woff') format('woff'),
         url('../webfonts/questrial-regular-webfont.ttf') format('truetype'),
         url('../webfonts/questrial-regular-webfont.svg#questrialregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#header #faces {  position: absolute;  left: 50%;  margin-left: -7em;  margin-top: -9em;}
#header {
  background-image: url("../images/headerbg.jpg");
  background-repeat: no-repeat;
  height: 20em;
  left: 50%;
  margin-left: -47em;
  position: relative;
  width: 95.5em;
}

#logo {
  background-image: url("../images/logo.png");
  height: 10em;
  margin-left: 10em;
  width: 20em;
}

.footer {
  background-image: url("../images/footerline.jpg");
  background-position: 9.5em 0;
  background-repeat: no-repeat;
  height: 15em;
  left: 50%;
  margin-left: -47em;
  position: relative;
  width: 95.5em;
}
#footernavigation ul li {
  display: inline;
}

#footernavigation ul li a{
  color:#4e4e4e;
}
#copyright {
  margin-top: -0.5em;
  padding-right: 9.8em;
  text-align: right;
  color: #829bcc;
}
#footernavigation {
  padding-right: 20em;
  text-align: right;
  padding-top: 1em;
}
#greybox {
  background-image: url("../images/greybg.png");
  background-repeat: no-repeat;
  height: 26em;
  left: 50%;
  margin-left: 1.2em;
  margin-top: -3em;
  padding-left: 5em;
  padding-top: 8em;
  position: relative;
  width: 42.2em;
  font-family: questrialregular;
}
#greybox2 {
  background-image: url("../images/greybg.png");
  background-repeat: no-repeat;
  font-family: questrialregular;
  height: 26em;
  left: 50%;
  margin-left: 23.4em;
  margin-top: -3em;
  padding-left: 1em;
  padding-top: 8em;
  position: relative;
  width: 42.2em;
}
.main {  min-height: 55em;}
#maincontent {  left: 50%;  margin-left: -44em;  margin-top: -32em;  padding-right: 3em;  padding-top: 5em;  position: relative;  width: 43em;}
form {  left: 50%;  max-width: 500px;  width: 50%;}
#maincontent2 {  left: 50%;  margin-left: -44em;  margin-top: -32em;  padding-bottom: 4em;  padding-right: 3em;  position: relative;  width: 64em;}
#homelogo {
  background-image: url("../images/homelogo.png");
  background-repeat: no-repeat;
  height: 2.3em;
  left: 50%;
  margin-left: 25em;
  margin-top: -8em;
  position: relative;
  width: 2.3em;
}

#aboutuslogo {
  background-image: url("../images/aboutuslogo.png");
  background-repeat: no-repeat;
  height: 2.3em;
  left: 50%;
  margin-left: 25em;
  margin-top: 0.5em;
  position: relative;
  width: 2.3em;
}

#researchlogo {
  background-image: url("../images/researchlogo.png");
  background-repeat: no-repeat;
  height: 2.3em;
  left: 50%;
  margin-left: 25em;
  margin-top: 0.5em;
  position: relative;
  width: 2.3em;
}

#courseslogo {
  background-image: url("../images/courseslogo.png");
  background-repeat: no-repeat;
  height: 2.3em;
  left: 50%;
  margin-left: 25em;
  margin-top: 0.5em;
  position: relative;
  width: 2.3em;
}

#linkslogo {
  background-image: url("../images/linkslogo.png");
  background-repeat: no-repeat;
  height: 2.3em;
  left: 50%;
  margin-left: 25em;
  margin-top: 0.5em;
  position: relative;
  width: 2.3em;
}
.link > a {  position: relative;  z-index: 99999;}
#contactuslogo {  background-image: url("../images/contactuslogo.png");  background-repeat: no-repeat;  height: 2.3em;  left: 50%;  margin-left: 25em;  margin-top: 0.5em;  position: relative;  width: 2.3em;  z-index: 99999;}
#navline {
  background-image: url("../images/navline.jpg");
  background-repeat: no-repeat;
  height: 16em;
  left: 50%;
  margin-left: 29em;
  margin-top: -16em;
  position: relative;
  width: 2.3em;
}

#headernavigation ul {
  list-style: none outside none;
}

#headernavigation {
  font-size: 1.3em;
  left: 50%;
  line-height: 2.2em;
  margin-left: 22em;
  margin-top: -14em;
  position: relative;
  width: 13em;
}

#headernavigation ul li a {
  color: #333333;
}

#headernavigation ul li a:hover {
  color: #ffffff;
}