/* === GENERAL === */

HTML, BODY
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 103%;
  background-color: #FFF;
}

IMG
{
  border: 0;
}

H1,H2,H3,H4,H5 {
  font-family: Georgia, "Bitstream Vera Serif", "New York", Palatino, serif;
  font-weight:normal;
}

H1
{
  font-size: 160%;
  color: #234764;
/*  margin: 0.7em 0 0.7em 0; */
  text-decoration: none;
}

H1 A {
  color: #234764;
}

H2
{
  font-size: 140%;
  color: #366D9C;
  margin: 0.7em 0 0.7em 0;
}

H3
{
  font-size: 135%;
  font-style:italic;
  color: #366D9C;
  margin: 0.4em 0 0.0em 0;
}

H4
{
  font-size: 125%;
  color: #366D9C;
  margin: 0.4em 0 0.0em 0;
}

CITE
{
  margin-left: 1pt;
}

/* === REFERENCES === */

li.reference {
  margin-top: 10pt;
  color: #366D9C;
}

.title {
  font-weight: bold;
}

.authors {
  color: black;
  font-size: 85%;
}

.citation {
  color: black;
  font-size: 85%;
}

.description {
  margin-top: 5pt;
  font-size: 85%;
  margin-left: 3em;
  color: grey;
}

/* === FOOTER === */

.footer {
   margin: 3em 0 0 0; 
   padding: 1em 0 1em 0;
   border-top: 1px dotted #CCC;
   bottom: 0;
   font-size: 75%;
   position: relative;
   clear: both;
}

/* BOXES */

.homepage-box
{
  width: 240px;
  background-color: #FBFBF7;
  border: 1px solid #A0A0A0; /* B7BECC; */
  margin: 5px;
  margin-bottom: 10px;
  -moz-border-radius-topleft: 16px;
  padding-bottom: 10px;
  padding-top: 0px;
}

.homepage-box img
{
  padding: 8px;
}

.homepage-box h4
{
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 94%;
  font-weight: bold;
  padding: 3px 0 4px 12px;
  margin-top: 0px;
  margin-bottom: 8px;
  color: white;
  border-bottom: 3px solid #A0A0A0;
  background-color: #0066FF;
  text-align: left;
  z-index: 0;
  -moz-border-radius-topleft: 16px;
}

/* MENUS */

#menu
{
  padding:0;
  margin-bottom: 5px;
  width: 16em;
  font-size:75%;
}

#menu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0; 
}

#menu li
{
  display:inline;
}

#menu ul.level-one a
{
  display: block;
  border: 1px solid #DADADA;
  padding: 2px 2px 2px 4px;
  margin: 0 0 4px 1.4em;
  width: 12em;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  color: #4B5A6A;
  background-image: url(../images/nav-off-bg.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-color:#F5F5F5;
  text-transform: uppercase
  
}

#menu ul.level-one a
{
  width: 12em
}

#menu ul.level-one a:hover
{
  color:black;
  text-decoration:underline;
}

#menu ul.level-one a.selected
{
  background-image: url(../images/nav-on-bg.png);
  background-color: #FFFFFF;
  color:black;
  border-left:3px solid #FFDB4C;
}

#menu ul.level-two li:first-child a
{
  border-top:0;
}

#menu ul.level-two a
{

  background-image: none;
  background-color: transparent;
  display: block;
  border: 0;
  border-top: 1px solid #DDD;
  padding: 0.1em;
  margin: 0 3em 0px 1.5em;
  color: #3C4B7B;
  background: none;
  width: 11em !important;
  width /**/: 11.2em;  
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  text-transform: none;
}

#menu ul.level-two a:hover
{
  text-decoration: underline;
  color: black;
}


#menu ul.level-two a:visited
{
  color: #4C3B5B;
}

#menu ul.level-one ul.level-two a.selected
{
  background-image: url(../images/blank.gif);
  background-color: #FFFFFF;
  color:#000;
  border-left:0;
  
  font-weight:bold;
}

#menu li ul
{
  margin-bottom: 7px
}

#menu a
{
  text-decoration: none;
}

#menu ul.level-three a
{

  display: block;
  border: 0;
  padding: 0.1em;
  margin: 0 3em 0px 1.8em;
  padding-left:1em;
  color: #5E72A5;
  background-image: none;
  width: 10em !important;
  width /**/: 11.4em;  
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 95%;
}

#menu ul.level-three a:hover
{
  text-decoration: underline;
  color: black;
}

#menu ul.level-three li.selected a.selected
{

  background-image: url(../images/bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  color:#000;
  font-weight:normal;
}

#menu ul.level-three
{
  margin-top:5px;
}