
#Content {
  padding: 230px 0 40px 0;
}


/**********
 Situations
 **********/
ul.situations {
  position: relative;
  list-style-type: none;
  margin: 0 0 60px 4em;
  z-index: 4;
}
ol.situations {
  position: relative;
  margin: 0 0 60px 4em;
  z-index: 4;
}
div.situations h3 {
  font-size: 150%;
  font-weight: normal;
}
div.situations h4 {
  font-size: 95%;
  font-weight: bold;
  padding: 2.5ex 0 2ex 0;
}
div.situations div.situation {
  margin-bottom: 70px;
}
div.situations div.roles {
  margin-left: 4em;
}


/********
 Referees
 ********/
div.referees {
  margin: 80px 0 0 0;
  padding: 0;
}
div.referees div.clear {
  clear: both; float: none;
  width: 1px; height: 10px;
}
div.referee {
  display: block;
  position: relative;
  float: left;
  width: 286px;
  padding-right: 40px;
  height: 33.5em;
  z-index: 4;
}

div.referee h3 {
  font-weight: normal;
  font-size: 135%;
  margin: 0; padding: 0 0 15px 0;
  color: #166392;
}
div.referee .photo {
  display: block; float: left;
  width: 112px; height: 162px;
  margin: 0; padding: 0;
}
div.referee .photo .a {
  display: block; float: none;
  width: 112px; height: 152px;
  margin: 0; padding: 0;
  background: #c7d5e8 url('/_i/photo-no.jpg') no-repeat left top;
}
div.referee .photo img {
  display: block; float: none;
  width: 112px; height: 152px;
  margin: 0; padding: 0;
}
div.referee .main {
  position: relative;
  margin: 0 0 0 124px;
  padding: 0 0 10px 0;
}

/*******************/
div.referee .arbitr {
  margin: 0 0 10px 0;
  font-weight: bold;
  font-size: 78%;
  color: #7a7a7a;
}
div.referee .fub {
  margin: 0 0 10px 0;
  font-weight: normal;
  font-size: 78%;
}
div.referee .tsm {
  margin: 0 0 0 0;
  padding: 15px 0 0 0;
  font-weight: normal;
  font-size: 78%;
  background: url('/_i/sign-tsm.gif') no-repeat top left;
}
div.referee .descr {
  clear: both;
  margin: 0; padding: 0;
  font-size: 70%;
  color: #7a7a7a;
}
div.referee .descr em {
  font-size: 100%;
  line-height: 0.1ex;
  padding: 1ex 0 0 0;
  margin: 1ex 0 0 0;
  font-style: normal;
  color: #000;
  color: #166392;
}


/*******
 Players
 *******/
div.players {
  margin: 80px 0 0 0;
  padding: 0;
}
div.players div.clear {
  clear: both; float: none;
  width: 1px; height: 10px;
}
div.player {
  display: block;
  position: relative;
  float: left;
  width: 286px;
  padding-right: 40px;
  height: 23.5em;
  z-index: 4;
}

div.player h3 {
  font-weight: normal;
  font-size: 135%;
  margin: 0; padding: 0 0 15px 0;
  color: #166392;
}
div.player .photo {
  display: block; float: left;
  width: 112px; height: 162px;
  margin: 0; padding: 0;
}
div.player .photo .a {
  display: block; float: none;
  width: 112px; height: 152px;
  margin: 0; padding: 0;
  background: #c7d5e8 url('/_i/photo-no.jpg') no-repeat left top;
}
div.player .photo img {
  display: block; float: none;
  width: 112px; height: 152px;
  margin: 0; padding: 0;
}
div.player .main {
  position: relative;
  margin: 0 0 0 124px;
  padding: 0 0 10px 0;
}

/*******************/
div.player .fub {
  margin: 0 0 10px 0;
  font-weight: normal;
  font-size: 78%;
}
div.player .tsm {
  margin: 0 0 0 0;
  padding: 15px 0 0 0;
  font-weight: normal;
  font-size: 78%;
  background: url('/_i/sign-tsm.gif') no-repeat top left;
}
div.player .descr {
  clear: both;
  margin: 0; padding: 0;
  font-size: 70%;
  color: #7a7a7a;
}
div.player .descr em {
  font-size: 100%;
  line-height: 0.1ex;
  padding: 1ex 0 0 0;
  margin: 1ex 0 0 0;
  font-style: normal;
  color: #000;
  color: #166392;
}


/*******
 History
 *******/
ul.history {
  list-style-type: none;
}
ul.history li {
  margin: 0 0 0 0;
  padding: 2ex 0;
  font-size: 107%;
  border-bottom: 1px solid #d7e7f7; 
}


/******
 Photos
 ******/
ul.photos {
  list-style-type: none;
  margin: 20px 0 40px 0;
}
ul.photos li {
  width: 200px;
  height: 140px;
  float: left;
  margin: 0; padding: 0;
}
ul.photos li a img {
  border-bottom: solid 5px #ccc;
}
ul.photos li a:hover img {
  border-bottom: solid 5px #ea0004;
}


/*******
 Reviews
 *******/
h3.review {
  margin: 0; padding: 0;
  font-size: 115%;
  font-weight: normal;
  font-style: normal;
}
h6.review {
  margin: 0; padding: 0;
  font-size: 83%;
  font-weight: normal;
  font-style: italic;
}
div.review {
  margin: 2ex 5em 6ex 0;
  padding: 0.2ex 0 0 3em;
  background: url('/_i/quote-left.gif') no-repeat 1.5em 0;
  font-size: 100%;
}
div.review img {
  display: inline;
  vertical-align: -1.25ex;
}


