body
{
  background-color: rgb(0,0,0);
  margin: 80px 0px 20px;
  padding: 0px;
}

.content
{
  width: 100%;
  background-color: rgb(102,0,0);
}

.main
{
  width: 365px;
  font-family: verdana, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: rgb(255,255,255);
}

.main p
{
  padding: 0px;
  margin: 25px 35px 1px 0px;
  
}

.nav
{
  padding: 0px;
  margin: 0px 0px 0px 65px;
  
}


.forward
{
  width: 765px;
  font-family: verdana, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: rgb(255,255,255);
  background-color: rgb(102,0,0);
}

.forward p
{
  padding: 0px;
  margin: 25px 35px 18px 0px;
  
}

.who
{
  width: 650px;
  font-family: verdana, sans-serif;
  font-size: 11px;
  line-height: 14px;
  color: rgb(255,255,255);
  
}

.who p
{
  padding: 0px;
  margin: 0px 0px 0px 20px;
  
}

.whoimage
{
  width: 150px;
  margin: 100px 15px 50px 0px;
}

.phases
{
  width: 610px;
  font-family: verdana, sans-serif;
  font-size: 11px;
  line-height: 14px;
  color: rgb(255,255,255);
  
}

.phases p
{
  padding: 0px;
  margin: 0px 0px 0px 25px;
  text-align:justify;
}

.formtextrequired
{
  font-family: verdana, sans-serif;
  font-size: 11px;
  line-height: 14px;
  color: rgb(255,255,255);
  
}

.formfield
{
  font-family: verdana, sans-serif;
  font-size: 11px;
  line-height: 14px;
  color: rgb(0,0,0);
  
}

a
{
  font-weight: normal;
  text-decoration: underline;
  color: rgb(255,255,255);
}

a:hover
{
  font-weight: normal;
  text-decoration: underline;
  color: rgb(255,255,255);
}

.copyright, .copyright a
{
  font-family: verdana, sans-serif;
  font-size: 9px;
  line-height: 14px;
  color: rgb(102,102,102);
}

#headline
{
  color: #ffffff;
  font: 18px/24px arial, helvetica, sans-serif;
  margin: 0px 0px 20px;
}


#book
{
  position: relative;
  width: 850px;
  height: 537px;
  overflow: hidden;
}

#book img
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0.0;
  display: block;
}

#book img.active
{
  z-index: 10;
  opacity: 1.0;
}

#book img.last-active
{
  z-index: 9;
}


.controls a
{
  text-indent: -5000px;
  overflow: hidden;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
/*
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(../images/next.png);
*/
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 100;
}

* html .controls a
{
  height: 10000px;
/*
  background-position: right 228px;
*/
}

.controls a.previous
{
  left: 0;
/*
  background-image: url(../images/previous.png);
  background-position: center left;
*/
}

* html .controls a.previous
{
/*
  background-position: left 228px;
*/
}

.controls a.alone
{
  width: 90%;
  margin: 0 5%;
}
		
.controls a:hover
{
  opacity: 0.50;
  filter: alpha(opacity=50);
}