html
{
  overflow-y: scroll;
}

body
{
  overflow: hidden;
  font-family: "Helvetica", "Arial", sans-serif;
  background-color: #fff;
  margin: 20px 0;
  color: black;
}

img
{
  border: 0;
}

#content,
#content *
{
	font-size: 12px;
	line-height: 1.5em;
}

h1, h2
{
  text-transform: uppercase;
}

a
{
  outline: none;
  color: #4eb5ea;
}

.body,
.body *
{
}

.body>p
{
  margin: 0;
}

#level1
{
  margin-top: 67px;
}

#level1 a span
{
  display: none;
}

#level1 a
{
  background: url( /shared/images/navigation.png ) 0 0 no-repeat;
  position: relative;
  display:block;
  height: 21px;
  width: 0;
  float: left;
}

a#menu1, a#menu1.active{ background-position:    0   0; width: 27px; }
a#menu2, a#menu2.active{ background-position:  -27px 0; width:103px; }
a#menu3, a#menu3.active{ background-position: -130px 0; width: 79px; }
a#menu4, a#menu4.active{ background-position: -209px 0; width:102px; }
a#menu5, a#menu5.active{ background-position: -311px 0; width:149px; }

a#menu1.active, a#menu1.active:hover, a#menu1:hover{ background-position:   0   -21px; }
a#menu2.active, a#menu2.active:hover, a#menu2:hover{ background-position: -27px -21px; }
a#menu3.active, a#menu3.active:hover, a#menu3:hover{ background-position:-130px -21px; }
a#menu4.active, a#menu4.active:hover, a#menu4:hover{ background-position:-209px -21px; }
a#menu5.active, a#menu5.active:hover, a#menu5:hover{ background-position:-311px -21px; }

#level2
{
  margin-top:8px;
  height: 18px;
  overflow: hidden;
}

#level3
{
  position: absolute;
  bottom: 0px;
}

#level2 a,
#level3 a,
#media a
{
  color: black;
  text-transform: uppercase;
  text-decoration: none;
}

#level2 a
{
  font-weight: bold;
  font-size: 16px;
  margin-right: 15px;
}

#level3 a,
#media a
{
  font-size: 12px;
  margin-right: 11px;
}

a.color1active, .color1 h1, .color1 h2, .color1 .intro, .color1 .intro_nomargin{ color: #1e6d9f !important; }
a.color2active, .color2 h1, .color2 h2, .color2 .intro, .color2 .intro_nomargin{ color: #00c3c6 !important; }
a.color3active, .color3 h1, .color3 h2, .color3 .intro, .color3 .intro_nomargin{ color: #009f7c !important; }
a.color4active, .color4 h1, .color4 h2, .color4 .intro, .color4 .intro_nomargin{ color: #633b82 !important; }
a.color5active, .color5 h1, .color5 h2, .color5 .intro, .color5 .intro_nomargin{ color: #a40063 !important; }

#media
{
  padding-top: 34px;
}

#media .image
{
  float: right;
  font-size: 10px;
  margin-bottom: 20px;
}

#media .image img
{
  margin-bottom: 5px;
}

#media ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
}

.clickable
{
  cursor: pointer;
}

h2
{
  margin-top: 30px;
  margin-bottom: 0;
}

.intro_nomargin
{
  margin-top: 0;
  margin-bottom: 10;
}

.smaller,
.smaller *
{
  font-size: 82% !important;
  margin-right: 7px !important;
}

#navigation
{
  position: relative;
  height: 132px;
}

#media object,
#media embed
{
  float:right;
}

.aa
{
  width: 20px;
  height: 10px;
  background-image: url( /shared/images/aa.png );
}

.audioplayer
{
  width: 460px;
  height: 10px;
  background-image: url( /shared/images/a-a.png );
}

.aa.closed,
.audioplayer.closed
{
  width: 10px;
}

#audio
{
  position: relative;
  cursor: pointer;
  margin-left: 123px;
  margin-top: 215px;
}

.publication
{
  position: relative;
}

.publeft,
.pubright
{
  width: 340px;
  height: 700px;
  top: 20px;
  left: 0px;
  position: absolute;
}

.pubright
{
  left: 340px;
}

.spread
{
  height: 700px;
}

.images
{
  margin-top:22px;
}

.indicator
{
  width:1px;
  height: 10px;
  background-color: black;
}