/* ===================================== */
/*  Webworks CSS : Marginal Styles  */
/* ===================================== */

/* --- Header ------------------------------------------------ */

#header a,
#header span,
#header img {
  display: block;
  width: 224px;
}

#header img.logo2 {
	width: 100px;
	position:absolute;
	right:24px;
	bottom:32px;
}


#header a:focus {
  outline: 1px dotted black;
}

#header ul {
  left: 254px;
  position: absolute;
  top: 158px;
}

#header ul li {
  float: left;
  padding: 0 8px;
}

#header ul li.first {
  background: transparent url(../images/bgTabsDivider.png) no-repeat right 60%;
  padding: 0 15px 0 17px;
}

#header ul span,
#header ul a {
  font-size: 0.95em;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
}

#header span {
  font-weight: bold;
}

#header a:hover,
#header a:focus,
#header a:active {
  color: black;
  text-decoration: underline;
}

/* --- Main Navigation ----------------------------------------- */

#mainNav {
  padding-bottom: 100px;
}

#mainNav ul {
  border-top: 1px dashed black;
}

#mainNav ul li {
  border-bottom: 1px dashed black;
}

#mainNav ul li.noborder {
  border-bottom: 0;
}

#mainNav ul li.level1active {
  padding-bottom: 5px;
}

#mainNav a, #mainNav span {
  display: block;
  font-size: 0.95em;
  padding: 5px 0;
  text-decoration: none;
  text-transform: uppercase;
}

#mainNav a.level1highlight, #mainNav span {
  font-weight: bold;
  padding-bottom: 0;
}

#mainNav a:hover,
#mainNav a:focus,
#mainNav a:active {
  background-color: #E2E6C1;
  color: black;
}

.contentproduction #mainNav a:hover,
.contentproduction #mainNav a:focus,
.contentproduction #mainNav a:active {
  background-color: #d1c489;
  color: black;
}


#mainNav ul ul {
  border: none;
}

#mainNav ul ul li {
  border: none;
}

#mainNav ul ul a, #mainNav ul ul span  {
  padding: 0;
  text-transform: none;
}

/* --- Webtext ------------------------------------------------- */

#webtext {
  background-color: #F9FAF0;
  border: 1px dashed black;
  border-width: 1px 0;
  margin-bottom: 50px;
  padding: 5px;
}

#webtext p {
  font-weight: bold;
  padding-bottom: 5px;
}

#webtext a {
  background-color: #E2E6C1;
  border: 1px solid white;
  display: block;
  font-size: 1.0em;
  padding: 5px;
  text-align: center;
  text-decoration: none;
}

#webtext a:hover,
#webtext a:focus,
#webtext a:active {
  background-color: white;
  color: black;
  border: 1px solid #E2E6C1;
}

/* --- Footer -------------------------------------------------- */

#footer ul {
  padding-left: 254px;
}

#footer ul li {
  float: left;
  padding: 0 8px;
}

#footer ul li.first {
  background: transparent url(../images/bgFooterDivider.png) no-repeat right 60%;
  padding: 0 8px 0 17px;
}

#footer ul li.second {
  background: transparent url(../images/bgFooterDivider.png) no-repeat right 60%;
  padding: 0 8px;
}

#footer a {
  font-size: 0.95em;
  text-decoration: none;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
  color: black;
  text-decoration: underline;
}