/* absolute positioning */

#all {
  background-image: url("../images/head_med01.jpg");
  border: 1px solid black;
  width: 800px;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#header {
  border: 1px solid green;
  position: absolute;
  width: 800px;
  height: 110px;
  left: 0px;
  top: 0px;
  text-align: right;
  vertical-align: bottom;
}


#menu {
  position: absolute;
  width: 122px;
  height: 490px;
  left: 0px;
  top: 110px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  font-weight:300;
}

#navbar {
  float: left;
  width: 95%;
  padding-left: 1%;
  width: 112px;
  height: 485px;
  left: 0px;
  font-weight: 300;
  top: 110px;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

#title {
  border: 0px solid blue;
  background-color: #3333dd;
  position: absolute;
  width: 543px;
  height: 25px;
  left: 132px;
  top: 110px;
  text-align: left;
  padding-left: 5px;
  color: white;
  font: large arial, sans-serif;
  font-weight: 700;

}

#control {
  border: 0px solid blue;
  background-color: #3333dd;
  position: absolute;
  width: 125px;
  height: 25px;
  left: 662px;
  top: 110px;
  text-align: right;

}

#content {
  border: 1px solid blue;
  position: absolute;
  width: 659px;
  height: 490px;
  left: 132px;
  top: 135px;
  font-family: Arial;
  font-size: medium;
  text-align: left;
  padding-left: 8px;
  padding-top: 8px;
}

#picture-right {
  float: right;
  border: 10px solid white;
}

#picture-left {
  float: left;
  border: 10px solid white;
}

#picture-center {
  float: center;
  border: 0px solid white;
}

ol {
  font-family: Arial;
  font-size: 14px;
  text-align: left;
}

ul {
  font-family: Arial;
  font-size: 12px;
  text-align: left;
}

p {
  line-height: .2em;
  font-family: Arial;
  font-size: small;
  text-align: left;
}

em {
  font-weight: 700;
}

.information-black {
  font: 12pt arial, sans-serif;
  text-align: left;
  line-height: 1 em;
  color: black;
 }

a.nav:link {
  color: #ffffff;
  font-weight: 500;
  text-align: left;
}


a.nav:visited {
  color: #cc99ff;
  font-weight: 500;
  text-align: left;
}

a.nav:hover {
  color: #00ff00;
  font-weight: 500;
  background-color: black;
}

a:link{
  color:black;
  font-weight: 500;
  text-align: left;
}

a:visited {
  color: blue;
  font-weight: 500;
  text-align: left;
}

a:hover {
  color: green;
  font-weight: 500;
  background-color: black;
}

img {
  border-style: none;
}

.title-black {
  color: black;
  font: large arial, sans-serif;
  font-weight: 700;
}

.title-white {
  color: white;
  font: large arial, sans-serif;
  font-weight: 700;
}

.answers-black {
  color: black;
  font: 10px, arial, sans-serif;
  font-weight: 200;
}

.answers-red {
  color: red;
  font: 10px, arial, sans-serif;
  font-weight: 700;
  font-style: italic;
}

.subtitle-black {
  line-height: .2em;
  color: black;
  font: medium arial, sans-serif;
  font-weight: 700;
}

.quizmicro-black {
  line-height: .3em;
  color: black;
  font: 33pt, arial, sans-serif;
  font-weight: 300;
}