/**********************
Copyright 2015 Russ Fling - all rights reserved
**********************/

body {
   background-color : white ;
   font-family: Verdana, Geneva, sans-serif ;
   }
   
div {
   /* border: 1px dashed red ; */
   }
   
li {
   margin-bottom: 0.5em ;
   }
   
.Footer {
   margin-top: 1em ;
   color: #606060 ;
   font-size: 8pt ;
   text-align: center ;
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif ;
   }
   
.h1, .h2 {
   font-family: Verdana, Geneva, sans-serif ;
   font-weight: bold ;
   color: Black ;
   font-variant: small-caps ;
   }
   
.h1 {
   font-size: 110% ;
   text-align: center ;
   }

.h2 {
   font-size: 100% ;
   margin-bottom: 0px ;
   padding-bottom: 0px ;
   }

.displayinline {
   display: inline ;
   }

a {
   color: #606060 ;
   font-family: "Times New Roman",Georgia,Serif ;
   }
   
a:hover {
   color: black ;
   }

#logo {
   width: 100% ;
   max-width: 1000px ;
   margin-bottom: 1em ;
   }
   
#logo:hover {
   box-shadow: 5px 5px 4px rgb(200,200,200) ;
   }
   
#sky {
   width: 100% ;
   max-width: 720px ;
   border-color: gray black black gray ;
   border-style: solid ;
   border-width: 1px 2px 2px 1px ;
   box-shadow: 5px 5px 4px rgb(200,200,200) ;
   }

#sendok {
   color: darkgreen ;
   font-size: 150% ;
   }
   
#senderror {
   color: darkred ;
   font-size: 150% ;
   }

#sendtitle {
   font-size: 120% ;
   margin-bottom: 1em ;
   }
   
.biohr {
   width: 100% ;
   height: 4px ;
   background-color: #606060 ;
   border: 0px solid transparent ;
   margin-top: 0em ;
   margin-bottom: 1.5em ;
   padding: 0px ;
   margin-left: 0px ;
   }

.homehr {
   width: 100% ;
   height: 1px ;
   background-color: #606060 ;
   border: 0px solid transparent ;
   margin-top: 3em ;
   margin-bottom: 3em ;
   }
   
.homehr2 {
   margin-top: 1em ;
   }
   
.googlemap {
   border-color: gray black black gray ;
   border-style: solid ;
   border-width: 1px 2px 2px 1px ;
   overflow: hidden ;
   width: 100% ;
   }

.bioimg {
   max-height: 300px ;
   border-color: gray black black gray ;
   border-style: solid ;
   border-width: 1px 2px 2px 1px ;
   }
   
.bioimg:hover {
   box-shadow: 5px 5px 4px rgb(200,200,200) ;
   }
   
.w100 {
   width: 100% ;
   }
   
.attorney {
   color: #606060 ;
   font-size: 130% ;
   font-weight: bold ;
   font-stretch: condensed ;
   /* font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif ; */
   }

.hide { /* hide the element in the normal web view but show it in the Safari Reader mode */
   opacity:0;
   position:fixed;
   top:0;
   left:0;
   }

.title {
   font-size: 90% ;
   font-style: italic ;
   color: #606060 ;
   }

.verticalbar {
   border-right-style: solid ;
   border-right-width: 1px ;
   border-right-color: #606060 ;
   padding-right: 0.5em ;
   }
   
.paddingleft {
   padding-left: 0.5em ;
   }
   
.items {
   border-collapse: separate;
   border-spacing: 0 1em ;
   }
    
.items td {
   padding-left: 0.5em ;
   vertical-align: top ;
   }

.center {
   margin-left: auto ;
   margin-right: auto ;
   text-align: center;
   display: block;
   }
   
.attorneyhome {
   font-size: 95% ;
   font-weight: bold ;
   color: #606060 ;
   text-align: center ;
   margin-bottom: 0px ;
   }

.attorneyhome:hover {
   color: black ;
   }
   
.areadiv {
   text-align: center ;
   margin-bottom: 0px ;
   }
   
.areadivleft {
   margin-left: auto ;
   margin-right: auto ;
   width: 12em ;
   text-align: left ;
   }
   
.areas {
   font-size: 90% ;
   color: #606060 ;
   display: inline-block ;
   text-align: left ;
   margin-top: 0.5em ;
   }
   
.phone {
   color: black ;
   }
   
.phonewhite, .phonewhite:visited, .phonewhite:link, .phonewhite:active {
   color: white ;
   text-decoration: none ;
   font-family: Verdana, Geneva, sans-serif ;
   }
   
.phoneblack, .phoneblack:visited, .phoneblack:link, .phoneblack:active {
   color: black ;
   text-decoration: none ;
   font-family: Verdana, Geneva, sans-serif ;
   }
   
.phonewhite:active, .phonewhite:hover .phoneblack:active, .phoneblack:hover {
   text-decoration: underline ;
   }
   
.address {
   margin: auto ;
   background-color: black ;
   color: white ;
   font-size:100% ;
   border-collapse: separate;
   border-spacing: 2em 0.5em ;
   }
   
.address td {
   white-space: nowrap ;
   }
   
#map {
   margin-top: 2em ;
   text-align: center ;
   }
   
.topmenu {
   text-align: center ;
   font-variant: small-caps ;
   padding-top: 0.3em ;
   padding-bottom: 0.2em ;
   color: #606060 ;
   height: 1.5em ;
   font-size: 130% ;
   white-space: nowrap ;
   }
   
.topmenu:hover {
   background-color: rgba(220,220,220,1.0) ;
   color: black ;
   }
   
.submenu {
   display: none ;
   background-color: rgba(240,240,240,1.0) ;
   font-weight: normal ;
   font-variant: normal ;
   text-align: center ;
   font-size: 85% ;
   white-space: nowrap ;
   color: #606060 ;
   padding-top: 0.5em ;
   padding-bottom: 0.5em ;
   padding-left: 0.5em ;
   padding-right: 0.5em ;
   position: relative ;
   z-index: 99 ;
   }
   
.topmenu:hover .submenu {
   display: block ;
   }
   
.submenu:hover {
   color: black ;
   background-color: rgba(220,220,220,1.0) ;
   }

.emaillink {
   margin-top: 0.5em ;
   text-align: center;
   margin-bottom: 0.5em ;
   }
      
.emailinput {
   width: 100% ;
   }
   
.emailmsg {
   width: 100% ;
   height: 15em ;
   }
   
.emaillegal {
   width: 100% ;
   font-size:70%;
   text-align:justify;
   }
   
.emailsend {
   font-size: 140% ;
   }
   
@media screen and (max-width: 767px) { /* mobile */
   .dhsscale, .sesscale, .rmsscale {
      height: 150px ;
      }
      
   .dhsw, .sesw {
      width: 150px ; /* square */
      }
      
   .rmsw {
      width: 191px ; /* 150*382/300 aspect ratio */
      }
      
   .googlemap {
      height: 300px ;
      }
   }
   
@media screen and (min-width: 768px) and (max-width: 1024px) { /* tablet */
   .dhsscale, .sesscale, .rmsscale {
      height: 175px ;
      }
      
   .dhsw, .sesw {
      width: 175px ;
      }
      
   .rmsw {
      width: 223px ; /* 175*382/300 aspect ratio */
      }
      
   .googlemap {
      height: 600px ;
      }
   }

@media screen and (min-width: 1025px) { /* desktop */
   .dhsscale, .sesscale, .rmsscale {
      width: 100% ;
      }
      
   .dhsw, .sesw, .rmsw {
      width: 100% ;
      }
      
   .googlemap {
      height: 800px ;
      }
   }