/*********************************************************************************************************
 *  Main Content Area
 *********************************************************************************************************/

.flexContainer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

#contentContainer {
    width:700px;
    -ms-flex-negative:1;
    margin:10px;
    margin-top:0px;
}

#preamble {
  margin-right: 1em;
  padding:20px;
}

#preamble > div:first-child {
    margin-right:10px;
}

#content {
   padding:20px;
   padding-top:0px;
}

#content p {
   font-family:Verdana, Geneva, sans-serif;
   font-size: 16px;
}

/*********************************************************************************************************
 * Services Navigation Bar	
 *********************************************************************************************************/

#servicesNavBarWrapper {
    width:200px;
    margin:10px;
    margin-right:0px;
    border-right: 1px solid lightSteelBlue;
}

#servicesNavBar {
  padding-left: 1em;
  padding-top: 2em;
  padding-bottom: 2em;
}

#servicesNavBar ul {
  list-style-type: none;
}

#servicesNavBar a:link, #servicesNavBar a:visited {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 16px;
  color: seaGreen;
  text-decoration: none;
  padding-left: 20px;
  padding-top: 5px;
}

#servicesNavBar a:hover {
  color: tomato;
}

#servicesNavBar a:link.current {
  background: url(https://www.ryp-tutoring.com/images/link-arrow-tomato.png) no-repeat center left;
}

h1.serviceTitle {
  font-size: 45px;
  font-family: Impact, Charcoal, serif;
  color: steelBlue;
  padding:0.5em 0px 0.5em 0px;
}

p.cite {
  text-align: center;
  font-style: italic;
  padding: 1em 0 0 0;
}

#preamble img {
  width:auto;
  height:auto;
  max-width:300px;
  border: 1px solid black;
}

#preamble h3 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 18px;
  font-weight:normal;
  padding-top: 4em;
  text-align: center;
}

p.padded {
  padding: 0 3em 0 3em;
}

ul.serviceList {
  margin-left: 4em;
  font-size: 16px;
  line-height: 1.5;
}

ul.serviceList li {
  margin-bottom:10px;
}

h2.detailHeader {
    padding-top:20px;
    color:steelBlue;
    font-size:24px;
}

dl {
  font-size: 1.2em;
  margin-left: 4em;
}

dt {
  font-weight: bold;
}

dd ul {
  margin-top:10px;
  margin-left: 4.5em;
  padding-bottom: 1em;
}

dd ul li {
    margin-bottom:10px;
}