html {
  background-color: #34393d;
}
h1 {
  font-family: Georgia, "Times New Roman", serif;
  color: #86adbe;
  font-size: x-large;
  text-shadow: 0 1px 1px #111;
  font-weight: normal;  
  padding-top: 5px;
}
h2 {  
  font-family: Georgia, "Times New Roman", serif;
  color: #86adbe;
  font-size: large;
  text-shadow: 0 1px 1px #111;
  font-weight: normal;
}
h4 {
  color: white;
  color: #86adbe;
  line-height: 2em;
  font-size: medium;
  font-weight: normal;
  font-style: italic;
  font-family: Georgia, "Times New Roman", serif;
  text-shadow: 0 1px 1px #111;
}
p, blockquote {
  color: white;
  font-size: medium;
  line-height: 2em;
  font-family: Georgia, "Times New Roman", serif;
  text-shadow: 0 1px 1px #111;
}
ul {  
  list-style-type: disc;
  color: white;
  font-size: medium;
  line-height: 1.5em;
  font-family: Georgia, "Times New Roman", serif;
  text-shadow: 0 1px 1px #111;
}
blockquote {
  font-style: italic;
}
a {
  color: white;
  text-decoration: underline;
}
p a:hover,
li a:hover {
  background-color: #7a746f;
  text-decoration: none;
}

/* Tables */

table {
  width: 100%;
}
table th,
table td {
  border: 1px solid #282828;
  padding: 10px;
  text-shadow: 0 1px 1px #111;
  color: white;
  font-family: Georgia, "Times New Roman", serif;
  background-color: #636C74;
}
table th {
  font-weight: normal;
  text-align: left;
  color: white;
  font-family: Georgia, "Times New Roman", serif;
}
table td {
  font-size: 1.1em;
}
tr.even td {
  background-color: #4B5359;
}
.clear {
  clear: both;
}
#logo {
  padding: 25px 0;
}
#logo a {
  margin: 0;
  padding: 0;
}
#top {
  padding: 25px 0;
}
/* Primary Navigation */

ul#nav {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  height: 34px;
}
ul#nav li {
   float: left;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
ul#nav a:link,
ul#nav a:visited {
   display: block;
   height: 34px;
   background-position: 0;
   background-position: top left; 
   padding: 0;
   margin: 0;
  clear: both;
}
ul#nav a:link:hover,
ul#nav a:visited:hover,
ul#nav a:link:active,
ul#nav a:visited:active,
#Approach #approach a,
#Contact #contact a,
#Vehicle #practice-areas a,
#Measure11 #practice-areas a,
#Sex #practice-areas a,
#Drug #practice-areas a,
#Domestic #practice-areas a,
#Appeals #practice-areas a,
#Misconduct #practice-areas a,
#Expungements #practice-areas a,
#Diversion #resources a,
#Sex-Crimes #resources a,
#Drug-Crimes #resources a,
#Measure-11 #resources a,
#Rights #resources a {
   display: block;
   height: 34px;
   background-position: -34px 0; 
   background-position: bottom left; 
}
a span {
   display: none;
}
#approach a {
    width: 116px;
    background: url(../../images/primary-navigation/approach.gif) no-repeat;
}
#practice-areas a {
     width: 152px;
     background: url(../../images/primary-navigation/practice-areas.gif) no-repeat;
}
#resources a {
     width: 119px;
     background: url(../../images/primary-navigation/resources.gif) no-repeat;
}
#contact a {
     width: 113px;
     background: url(../../images/primary-navigation/contact.gif) no-repeat;
}
/* Sub Navigation */

ul#practice-nav,
ul#resources-nav {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  width: 300px;
}
ul#practice-nav li,
ul#resources-nav li {
   float: left;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
ul#practice-nav a:link,
ul#practice-nav a:visited,
ul#resources-nav a:link,
ul#resources-nav a:visited {
   display: block;
   width: 300px;
   background-position: 0;
   background-position: top left; 
   padding: 0;
   margin: 0;
   clear: both;
}
ul#practice-nav a:link:hover,
ul#practice-nav a:visited:hover,
ul#practice-nav a:link:active,
ul#practice-nav a:visited:active,
#Vehicle #vehicle a,
#Measure11 #measure11 a,
#Sex #sex a,
#Drug #drug a,
#Domestic #dv a,
#Appeals #appeals a,
#Misconduct #misconduct a,
#Expungements #expungements a
ul#resources-nav a:link:hover,
ul#resources-nav a:visited:hover,
ul#resources-nav a:link:active,
ul#resources-nav a:visited:active,
#Diversion #diversion a,
#Sex-Crimes #sex-crimes a,
#Drug-Crimes #drug-crimes a,
#Measure-11 #measure-11-crimes a,
#Rights #rights a {
   display: block;
   width: 300px;
   background-position: -300px 0; 
}
a span {
   display: none;
}
#vehicle a {
    height: 48px;
    background: url(../../images/sub-navigation/practice-areas/motor-vehicle.gif) no-repeat;
}
#measure11 a {
    height: 58px;
    background: url(../../images/sub-navigation/practice-areas/measure-11-felonies.gif) no-repeat;
}
#sex a {
    height: 48px;
    background: url(../../images/sub-navigation/practice-areas/sex-crimes-defense.gif) no-repeat;
}

#drug a {
    height: 48px;
    background: url(../../images/sub-navigation/practice-areas/drug-property.gif) no-repeat;
}

#dv a {
    height: 48px;
    background: url(../../images/sub-navigation/practice-areas/domestic-violence.gif) no-repeat;
}

#appeals a {
    height: 48px;
    background: url(../../images/sub-navigation/practice-areas/appeals.gif) no-repeat;
}

#misconduct a {
    height: 48px;
    background: url(../../images/sub-navigation/practice-areas/civil-rights.gif) no-repeat;
}

#expungements a {
    height: 48px;
    background: url(../../images/sub-navigation/practice-areas/expungements.gif) no-repeat;
}
#diversion a {
    height: 48px;
    background: url(../../images/sub-navigation/resources/diversion.gif) no-repeat;
}
#sex-crimes a {
    height: 48px;
    background: url(../../images/sub-navigation/resources/sex-crime-info.gif) no-repeat;
}
#drug-crimes a {
    height: 48px;
    background: url(../../images/sub-navigation/resources/drug-crime-info.gif) no-repeat;
}
#measure-11-crimes a {
    height: 48px;
    background: url(../../images/sub-navigation/resources/measure11-history.gif) no-repeat;
}
#rights a {
    height: 48px;
    background: url(../../images/sub-navigation/resources/know-your-rights.gif) no-repeat;
}

/* Contact */

/* Terms of Use */

/* Footer */

#footer {
  margin: 50px 0 0 0;
}
#footer p,
#footer a {
  text-align: center;
  color: #7a746f;
  font-size: small;
}
#footer .footer-highlight {
  color: white;
  font-size: medium;
}
#footer a:hover {
  color: white;
}