dl#mainDocument #flowchart {
  margin : 30px 0;
  padding : 0 50px;
}

dl#mainDocument #flowchart>li {
  background : url(../images/chartarrow.png);
  background-repeat : no-repeat;
  background-position : center bottom;
  padding-bottom : 40px;
  margin-bottom : 10px;
}
dl#mainDocument #flowchart>li.last-child {
  background : transparent;
  padding-bottom : 0px;
}

dl#mainDocument #flowchart>li .content {
  border : solid 1px #472727;
  padding : 30px;
  padding-top : 0;
}

dl#mainDocument #flowchart>li .content .detailText {
  width : 360px;
  min-height : 100px;
  float : left;
  padding-bottom : 10px;
}

dl#mainDocument #flowchart>li .content .stepImage {
  height : 100px;
  width : 160px;
  float : right;
  border : solid 1px #ccc;
}

dl#mainDocument #flowchart>li .content .actionList {
  clear : both;
  padding-top : 10px;
  border-top : dashed 1px #ccc;
}

dl#mainDocument #flowchart>li .content h3 {
  margin-left : -20px;
}


dl#mainDocument #flowchart>li .content .actionList a {
  font-weight : bold;
  color : #472727;
  text-decoration : none;
  border-bottom : dashed 1px #472727;
}

dl#mainDocument #flowchart>li .content .actionList a:hover {
/*  text-decoration : none;*/
}

dl#mainDocument #flowchart>li .content .actionList>li {
  padding-left : 85px;
  background-repeat : no-repeat;
  background-position : left top;
  padding-top : 2px;
  padding-bottom : 5px;
}

dl#mainDocument #flowchart>li .content .actionList .yourAction {
  background-image : url(../images/youraction.png);
}

dl#mainDocument #flowchart>li .content .actionList .ourAction {
  background-image  : url(../images/ouraction.png);
}

dl#mainDocument #flowchart>li #releaseStep {
  border : solid 6px #B8875D;
  padding : 24px;
  padding-top : 0;
}

h3:first-letter {
  font-size : 2em;
  font-family: 'Josefin Sans', serif;
  margin-right : 0.25em;
}