body {
   font-family: verdana, arial, sans-serif;
   font-size: 11pt;
   padding: 0 5%;
}

div.section {
   clear: both;
}

div#heading {
   width: 90%;
   background-color: white;
   border-bottom: solid 1px #c0c0c0;
}

img#matlock-logo {
   width: 50%;
   float: left;
   padding-right: 10%;
}

#options {
   width: 30%;
   float: left;
}

#options.small-options {
   width: auto;
}

#options li {
   margin: 8px 0;
   font-size: 14pt;
}

#options.small-options ul {
   display: inline;
   padding: 0;
   margin: 0;
}

#options.small-options li {
   display: inline;
   font-size: 10pt;
   margin: 0;
}


#options li a {
   background-color: #281E71;
   color: white;
   text-decoration: none;
   border-radius: 5px;
   padding: 0 5px;
   cursor: pointer;
}

#options li li a {
  background-color: #EEEEEE;
  color: #281E71;
 }

h1 {
   background-color: #c0c0c0;
   font-size: 13pt;
   padding: 5px 15px;
   border-radius: 10px;
}

div.section {
   padding: 10px;
   border-radius: 15px;
   margin: 5px 0;
}

div.active {
   background-color: #eeeeee;
}

div.active h1 {
   background-color: #281E71;
   color: white;
}

#padding2 {
   min-height: 600px;
}

div.two-column {
   width: 40%;
   margin-right: 10%;
   float: left;
}

div.person-profile h2 {
   margin-bottom: 0;
}

div.person-profile .qualifications {
   margin-top: 0;
}

div.person-profile img {
   float: left;
   padding: 0 5px 5px 0;
   height: 150px;
}

table.service td:nth-child(1),
table.service td:nth-child(3) {
   width: 40%;
}

table.service td.service-step {
   width: 20%;
   background-color: #999999;
   color: white;
   text-align: center;
   font-weight: bold;
}

div.clear {
   clear: both;
}