@import url(IEStyles.css);

/*---------------- Setting up the divs ----------------*/
div#menu {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  margin-bottom: 0;
  padding: 0;
/*  border: 1px solid #FFFFFF;*/
  
}

div#content {
/*  border: 1px solid #FFFFFF;*/
  padding: 10px;
  margin: 40px;
  margin-top: 0;
}

/* ------------------ General Styles ------------------ */

h2, h3 {
  color: #FFDE42;
}

h2 {
  text-align: center;
  margin-top: 0;
}

p {
  color: #999999;
}

div#content li {
  color: #FFFFFF;
}

div#content th, td {
  color: #FFFFFF;
}

div#content {
  color: #FFFFFF;
}

.center {
  text-align: center;
}

body {
  background-color: #000000;
  margin: 0;
  padding: 0;
}

a img { border:0px; }

/* ------------------ Menu Styles ------------------ */
div#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #FFFFFF;
  width: 100%;
}
div#menu li {
  float: left;
  position: relative;
  background-color: #808080;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  font-size: small;
  font-weight: bold;
  padding: 2px;
}
li ul { /* can't use div#menu here because it breaks the dropdowns */
  display: none;
  position: absolute;
  top: 1.5em;
  left: 0;
}
div#menu li>ul {
  top: auto;
  left: auto;
}
div#menu li ul li {
  top: 1px;
  left: -1px;
  width: 100%;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #C0C0C0;
}
div#menu li ul li.first {
  border-top: 1px solid #C0C0C0;
}
div#menu li:hover ul, li.over ul {
  display: block;
}
div#menu #nav a {
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-decoration: none;
}
div#menu #nav a:hover {
  color: #000000;
}