/*  (do not remove this :) */
/*  (not this either :) */

/* order of measurements for margin and padding: top right bottom left */

h1 {
    font-size: 160%;
    padding-right: 8em;
}

h2 {
    font-size: 140%;
    border-bottom: none;
}

h3 {
    font-size: 120%;
    border-bottom: none;
}

h4 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}

h5 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}

h6 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}

#portal-top {
    /* Top section */
    margin-top: 1.3em;
    margin-bottom: 20px;
    padding: 0;
    border: 1px solid white;    
}

#portal-logo-bg {
  background: none;
}


#portal-logo-left {
  background: url(http://www.scientific-african.org/logo_left.gif) no-repeat;
  height: 39px;
  width:  378px;
  position  :absolute;
  left    :20px;
  z-index   :3;
}

#portal-logo-left a {
  background: transparent;
  display: block;
  text-decoration: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 39px;
  width:  378px;
  cursor: pointer;
}


#portal-globalnav-1,
#portal-globalnav-2 {
  font: 110% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  background-color: white;
  border:0;
  position: absolute;
  width: auto;
  margin: 0;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  white-space:nowrap;
  z-index   :4;
}
#portal-globalnav-1 li,
#portal-globalnav-2 li {
  display: inline;
  margin: 0em 0em 0em 0em;
  padding: 0em 10px 0em 0px;
}
#portal-globalnav-1 li a,
#portal-globalnav-2 li a {
/* The normal, unselected item. They are all links */
  font-size:1.2em;
  background: white;
  border:0;
  padding:0px;
  margin:0px;
  text-align: right;
  color: #5A5A5A;
  white-space:nowrap;
  font-weight: bold;
  height: auto;
  text-decoration: none;
}
#portal-globalnav-1 li.selected a,
#portal-globalnav-2 li.selected a {
/* The selected item. There's only one of this */
  background: transparent;
  border:0;
  color: Red;
}
#portal-globalnav-1 li a:hover,
#portal-globalnav-2 li a:hover {
  background: transparent;
  border:0;
  color: Red;
}

#portal-globalnav-1 {
  top: 1.6em;
  left: 450px;
}
#portal-globalnav-2 {
  top: 3.1em;
  left: 450px;
 
}

#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border: none;
    margin-left: 450px;
    padding-left: 0px;
    padding-top: 0em;
    padding-bottom: 0em;
    margin-top: 4em;
    margin-bottom: 0em;
    text-transform: none;
}

.portletBody {
    border: none;
}   

.portlet {
    border: 1px solid #5A5A5A;
    margin-bottom: 0.5em;
    padding: 0;
}

.portlet h5 {
}

/*  */