div#portrait {
	margin: -10px -10px 0px -10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
div#portrait h2 {
	margin: 0px;
	padding: 0px;
	color: #21388d;
	font-size: 12px;
	font-weight: bold;
}
div#portrait h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #21388d;
	font-size: 12px;
	font-weight: bold;
}
div.vspacer {
    margin-top: 15px;
} 
/*********************
Round corners on boxes
*********************/
   div#roundedbox {
	  background: #edc766;
   }
   div#roundedboxtan {
	  background: #c4b492;
   }
   div#roundedbox #top,
   div#roundedbox #bottom,
   div#roundedboxtan #top,
   div#roundedboxtan #bottom {
      font-size: 1px;
      height: 7px;
      line-height: 1px;
   }
   div#roundedboxtan #bottom {
   bottom:0px;
   }
   div#roundedbox #topleft,
   div#roundedboxtan #topleft,
   div#roundedbox #topright,
   div#roundedboxtan #topright,
   div#roundedbox #bottomleft,
   div#roundedboxtan #bottomleft,
   div#roundedbox #bottomright,
   div#roundedboxtan #bottomright {
      height: 7px;
      width: 7px;
   }
   div#roundedbox #topleft {
      background: url('../images/portrait/bulletBoxes.gif') no-repeat top left;
      float: left;
   }
   div#roundedbox #topright {
      background: url('../images/portrait/bulletBoxes.gif') no-repeat top right;
      float: right;
   }
   div#roundedbox #bottomleft {
      background: url('../images/portrait/bulletBoxes.gif') no-repeat bottom left;
      float: left;
   }
   div#roundedbox #bottomright {
      background: url('../images/portrait/bulletBoxes.gif') no-repeat bottom right;
      float: right;
   }
   div#roundedboxtan #topleft {
      background: url('../images/portrait/bulletBoxesTan.gif') no-repeat top left;
      float: left;
   }
   div#roundedboxtan #topright {
      background: url('../images/portrait/bulletBoxesTan.gif') no-repeat top right;
      float: right;
   }
   div#roundedboxtan #bottomleft {
      background: url('../images/portrait/bulletBoxesTan.gif') no-repeat bottom left;
      float: left;
   }
   div#roundedboxtan #bottomright {
      background: url('../images/portrait/bulletBoxesTan.gif') no-repeat bottom right;
      float: right;
   }
   div#roundedbox #indent,
   div#roundedboxtan #indent {
	  padding: 0px 10px 5px 10px;
	  color: #000000;
   }
   td.settingheight1 div#roundedboxtan #indent {
      height: 1025px;
	  vertical-align: top;
   }
   td.settingheight2 div#roundedbox #indent {
      height: 400px;
	  vertical-align: top;
   }
   td.settingheight3 div#roundedboxtan #indent {
      height: 598px;
	  vertical-align: top;
   }
   td.settingheight4 div#roundedbox #indent {
      height: 450px;
	  vertical-align: top;
   }
   div#roundedbox #indent #datashell td,
   div#roundedboxtan #indent #datashell td {
	  padding: 0px 15px 15px 0px;
	  color: #000000;
   }
   div#roundedbox #indent #datachunkshell,
   div#roundedboxtan #indent #datachunkshell {
	  width: 100%;
   }
   div#roundedbox #indent #datachunkshell td
   div#roundedboxtan #indent #datachunkshell td {
	  width: 50%;
	  vertical-align: top;
   }
   div#roundedbox #indent #datachunkshell .spacer,
   div#roundedboxtan #indent #datachunkshell .spacer {
	  width: 15px;
   }
   div#roundedbox #indent #datachunk,
   div#roundedboxtan #indent #datachunk {
	  margin-bottom: 15px;
	  color: #000000;
   }
   div#roundedbox #indent ul,
   div#roundedboxtan #indent ul {
	  margin-top: 5px;
   }
   div#roundedbox h1,
   div#roundedboxtan h1 {
	  margin: 0px 0px 8px 0px;
	  padding: 0px 0px 3px 0px;
	  color: #ffffff;
	  font-size: 15px;
	  font-weight: bold;
	  border-bottom: 1px solid #ffffff;
   }
   div#roundedbox h2,
   div#roundedboxtan h2 {
	  margin: 0px;
	  padding: 0px;
	  color: #21388d;
	  font-size: 12px;
	  font-weight: bold;
   }
   div#roundedbox h3,
   div#roundedboxtan h3 {
	  margin: 0px;
	  padding: 0px 0px 5px 15px;
	  color: #5f594c;
	  font-size: 16px;
	  font-weight: bold;
   }

/*********************
Straight corners on boxes
*********************/
   div#straightbox {
	  padding: 15px 15px 10px 15px;
	  background: #ffffff;
   }
   div#straightbox table {
	  border-left: 1px solid #006d82;
	  color: #000000;
   }
   div#straightbox td {
	  padding: 10px;
	  border-right: 1px solid #006d82;
	  border-top: 1px solid #006d82;
	  border-bottom: 1px solid #006d82;
	  color: #000000;
   }
   div#straightbox #datachunk {
	  margin-bottom: 15px;
	  color: #000000;
   }

   div#straightbox h2 {
	  margin: 0px;
	  padding: 0px;
	  color: #21388d;
	  font-size: 12px;
	  font-weight: bold;
   }
   
/*********************
Assessment forms
*********************/
   div#indent #mapping {
   	  padding: 25px;
	  background-color: #f9e9c2;
   }
   div#indent #mappingtable {
	  width: 100%;
	  border-top: 1px solid #006d82;
	  border-left: 1px solid #006d82;
   }
   div#indent #mappingtable td {
      padding: 8px;
	  color: #000000;
	  border-bottom: 1px solid #006d82;
	  border-right: 1px solid #006d82;
   }
   div#indent #mappingtable #radiobuttons {
   	  text-align: center;
   }
   div#indent #mappingtable .headercolor {
   	  background-color: #fce2a4;
   }
   div#indent #mappingtable .rowcolor {
   	  background-color: #fad680;
   }
   div#indent #mappingtable .column1 {
   	  width: 50%;
   }
   div#indent #mappingtable .column2,
   div#indent #mappingtable .column3,
   div#indent #mappingtable .column4,
   div#indent #mappingtable .column5,
   div#indent #mappingtable .column6 {
   	  width: 10%;
	  color: #ffffff;
	  text-align: center;
   }
   div#indent #mappingtable .column2 {
	  background-color: #6a1113;
   }
   div#indent #mappingtable .column3 {
	  background-color: #a84617;
   }
   div#indent #mappingtable .column4 {
	  background-color: #b2aa01;
   }
   div#indent #mappingtable .column5 {
	  background-color: #4d6d24;
   }
   div#indent #mappingtable .column6 {
	  background-color: #0079a8;
   }
   div#indent .mappinglinks {
   	  font-size: 12px;
	  font-weight: bold;
   }
   div#indent .mappingbutton {
   	  text-align: right;
	  background-color: #fce2a4;
   }


/*********************
Round corners on photos
*********************/
   div#photobackground {
	  margin: 0px;
	  padding: 0px;
	  text-align: center;
	  background-color: #FFFFFF;
   }
   div#photobackground #top, div#photobackground #bottom {
      font-size: 1px;
      height: 7px;
      line-height: 1px;
   }
   div#photobackground #topleft,
   div#photobackground #topright,
   div#photobackground #bottomleft,
   div#photobackground #bottomright {
      height: 7px;
      width: 7px;
   }
   div#photobackground #topleft {
      background: url('../images/portrait/bulletBoxesPhoto.gif') no-repeat top left;
      float: left;
   }
   div#photobackground #topright {
      background: url('../images/portrait/bulletBoxesPhoto.gif') no-repeat top right;
      float: right;
   }
   div#photobackground #bottomleft {
      background: url('../images/portrait/bulletBoxesPhoto.gif') no-repeat bottom left;
      float: left;
   }
   div#photobackground #bottomright {
      background: url('../images/portrait/bulletBoxesPhoto.gif') no-repeat bottom right;
      float: right;
   }
   div#photobackground #indentphoto {
      padding: 0px 10px 0px 10px;
   }
   

/*********************
Other
*********************/
   div#notes {
	  margin: 0px;
	  padding: 0px 10px 0px 10px;
	  color: #676767;
	  font-size: 10px;
	  font-style: italic;
	  text-align: center;
   }
   div#notes, div.notes {
	  margin: 0px;
	  color: #676767;
	  font-size: 10px;
	  font-style: italic;
   }
   div#notes {
      padding: 0px 10px 0px 10px;
	  text-align: center;
   }
   div#mini_mp3_player {
      margin: 5px 0px 0px 0px;
   }