/* 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-family: Arial;
  font-size: 14px;
  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: 18px 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: 14px;
  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;
}

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

em {
  font-weight: 700;
}

.fontnavbar {
  font: 14px, sans-serif;
  text-align: left;
  line-height: .2em;
  color: white;
 }

a.nav:link {
  font: 12px, sans-serif;
  color: #ffffff;
  font-weight: 500;
  text-align: left;
}


a.nav:visited {
  font: 12px, sans-serif;
  color: #eeccff;
  font-weight: 500;
  text-align: left;
}

a.nav:hover {
  font: 12px, sans-serif;
  color: #00ff00;
  font-weight: 500;
  background-color: black;
}

a:link{
  font: 12px, sans-serif;
  color:black;
  font-weight: 500;
  text-align: left;
}

a:visited {
  font: 12px, sans-serif;
  color: blue;
  font-weight: 500;
  text-align: left;
}

a:hover {
  font: 12px, sans-serif;
  color: green;
  font-weight: 500;
  background-color: black;
}

img {
  border-style: none;
}

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

.sectionTitle-black {
  color: black;
  font: 35px arial, sans-serif;
  font-weight: 900;
}

.endTitle-black {
  color: black;
  font: 25px arial, sans-serif;
  font-weight: 800;
}

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

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

.subtitle-white {
  line-height: .2em;
  color: white;
  font: 16px arial, sans-serif;
  font-weight: 700;
}

.micro-black {
  line-height: .1em;
  color: black;
  font: 12px arial, sans-serif;
  font-weight:500;
}

.micro-red {
  line-height: .1em;
  color: red;
  font: 12px arial, sans-serif;
  font-weight:700;
}