/* Other Page Details */

#otherContent {
 background: #fff;
 float: left;  
 width: 70%; 
 display: inline;
 margin-left: 20px;
}

#otherContent blockquote{
 padding: 5px 15px 15px 200px;
 color: #bb4910;
}

img.joanOther {
 width: 168px;
 height: 250px;
 float: left;
 display: inline;
 padding: 15px 15px 15px 0;
}

img.aboutJoan {
 width: 168px;
 height: 250px;
 float: left;
 display: inline;
 padding: 15px 15px 15px 0;
}

img.girlDog {
 width: 168px;
 height: 224px;
 float: left;
 display: inline;
 padding: 15px 35px 15px 0;
}

img.greenDragon{
 width: 162px;
 height: 179px;
 float: left;
 display: inline;
 padding: 15px 35px 15px 0;
}

img.skyLine{
 width: 591px;
 height: 90px;
 padding: 0 0 10px 0;
}

img.joanPortrait {
 width: 168px;
 height: 250px;
 float: left;
 display: inline;
 padding: 15px 15px 5px 0;
}

p#aboutQuote{
 padding: 0 15px;
}

p.signature{
 font-style: italic;
 text-align: right;
 padding-right: 15px;
}

#otherContent h2 {
 margin-top: 10px;
 margin-bottom: 10px; 
 font-size: 1.1em;
 color: #bb4910;
}

#otherContent h3 {
 margin-top: 10px;
 font-size: 1.1em;
 margin-bottom: 10px;  
 color: #bb4910;
}

#otherContent  p {
 font-size: 1em;
 margin-bottom: 10px;
}

#otherContent  ul li {
 font-size: 1em;
 list-style-type: disc;
 margin-left: 30px;
}

#otherContent ul {
 margin-top: 20px;
 margin-bottom: 20px; 
}

#otherContent ol {
 margin-top: 20px;
 margin-bottom: 20px;
}

#otherContent  ol li {
 font-size: 1em;
 list-style-type: decimal;
 margin-left: 30px;
}

#otherContent ul.topList{
 margin-top: 20px;
 margin-bottom: 20px;
}

#otherContent  ul.topList li {
 font-size: 1em;
 list-style-type: disc;
 margin-left: 230px;
}