/* Law Offices of Pamela Lindmark.
   Static recreation of the 2011 DotNetNuke "lindmark" skin. Every value here
   comes from the original skin.css, container.css, portal.css and
   superfish.css (kept for reference in legacy/mirror/Portals/). */

/* ---------- Page ---------- */
html { background: #004B82; }
body { margin: 0; padding: 0; color: #333; font: 13px Tahoma, Arial, Helvetica, sans-serif; }
img { border: 0; }

a { color: #3E81B5; text-decoration: none; }
a:hover { color: #D00; text-decoration: underline; }

#page { background: #004B82 url(../images/body-bg.gif) repeat-x left top; padding-bottom: 1px; }
.frame { background: #fff; margin: 0 auto; padding: 0 10px 10px; width: 980px; }

/* ---------- Masthead ---------- */
.masthead { height: 105px; }
.logo { float: left; padding: 15px 10px 0; }
.logo img { display: block; }
.masthead-contact {
  float: right; width: 321px; margin-right: 16px; padding-top: 15px; text-align: right;
  color: #564d37; font: 26px "Times New Roman", Times, serif; line-height: 17px;
}
.masthead-contact img { position: relative; top: 4px; right: 8px; }
.masthead-contact a, .masthead-contact a:hover { color: #007070; font: 13px Tahoma, Arial, sans-serif; line-height: 30px; text-decoration: underline; }

/* ---------- Menu (superfish skin; dropdown is CSS hover only, as it always was) ---------- */
.menu { background: url(../images/Nav_middle.png) repeat-x; height: 32px; width: 980px; position: relative; z-index: 10; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu > ul { float: left; margin: 0 10px; }
.menu li { float: left; position: relative; }
.menu a { display: block; position: relative; padding: 8px 12px; color: #fff; font: 14px "Trebuchet MS", Arial, sans-serif; text-decoration: none; }
.menu a:hover { color: #fff; text-decoration: none; }
.menu li:hover > a, .menu li:focus-within > a { background: url(../images/top-menu-sel-bg.png) repeat-x left top; }
.menu li.current { background: url(../images/top-menu-cur-bg.png) repeat-x; }
.menu li.current > a { color: #000; }
.menu li.current:hover > a, .menu li.current:focus-within > a { color: #fff; }

.menu li ul { position: absolute; top: -999em; left: 0; width: 20em; z-index: 99; font-size: 13px; }
.menu li:hover ul, .menu li:focus-within ul { top: 2.5em; }
.menu li li { width: 100%; background: #006FB7; border: 1px solid; border-color: #1A7EBE #005A95 #005A95; }
.menu li li a { padding: 4px; }
.menu li:hover li a, .menu li:focus-within li a {
  background: #006FB7; color: #fff; border: 1px solid; border-color: #1A7EBE #005A95 #005A95;
}
.menu li li:hover > a, .menu li li > a:focus {
  background: #F3F1EB; color: #222; border: 1px solid; border-color: #F3F1EB #5C9393 #306767;
}

/* ---------- Banner ---------- */
.banner { display: block; width: 980px; }

/* ---------- Content band ---------- */
.content-band { background: #F3F1EB; padding-bottom: 20px; }
.content-band.inner { margin-top: 15px; }
.content { width: 930px; margin: 0 auto; padding: 15px 15px 20px; min-height: 100px; display: flex; align-items: flex-start; }
.content::after { content: ""; display: table; clear: both; }

.main { flex: 1; min-width: 0; padding-right: 15px; text-align: justify; color: #000; line-height: 17px; }
.main a { color: #3C80A3; text-decoration: underline; }
.main a:hover { color: #3C80A3; }
.main h1 { color: #222; font: normal 24px/17px "Times New Roman", Times, serif; margin: 16px 0; }
.main h3 { color: #222; font: 100 19px/17px Tahoma, Arial, sans-serif; margin: 19px 0; }
.main p { margin: 13px 0; }
.main ul { padding: 0 0 0 20px; list-style-image: url(../images/bullet.gif); }
.main td { font-size: 13px; }
/* The old pages rendered in "almost standards" mode, where an image alone in a
   table cell gets no descender gap. Block display reproduces that. */
.main td > img { display: block; }
.main .list-subitem { display: list-item; list-style-image: url(../images/bullet.gif); margin: 5px auto 5px 30px; }

/* Module title used by the Practice Areas and Contact Us pages (Mark_002 container). */
.module-title { padding-top: 5px; color: #222; font: 26px "Times New Roman", Times, serif; line-height: normal; }

.breadcrumb { color: #004A80; line-height: 30px; }
.main .breadcrumb a { color: #004A80; text-decoration: none; }
.main .breadcrumb a:hover { text-decoration: underline; }

/* ---------- Practice Areas sidebar (Mark_001 container) ---------- */
.sidebar { flex: none; width: 220px; margin-bottom: 20px; border: 5px solid #fff; background: #F3F1EB; }
.sidebar-title {
  width: 211px; height: 32px; margin: 2px; padding-left: 5px;
  background: url(../images/center_img.jpg) repeat-x;
  color: #fff; font: normal 16px/28px "Times New Roman", Times, serif;
}
.sidebar ul { margin: 2px 0 0; padding: 0 5px; list-style: none; line-height: 17px; }
.sidebar li { padding: 10px 0; color: #004D78; }
.sidebar li.separator { padding: 0; height: 1px; font-size: 0; line-height: 0; background: #fff; border-top: 1px solid #E2DED0; }
.sidebar a, .sidebar a:hover { color: #004D78; text-decoration: underline; }

/* ---------- Footer ---------- */
.site-footer { background: #0072BC; height: 152px; width: 980px; }
.address { float: left; margin: 0; padding: 17px 0 5px; list-style: none; }
.address li { padding: 0 10px; color: #fff; font: 12px "Trebuchet MS", Arial, sans-serif; }
.footer-right { float: right; padding: 10px 15px 20px 5px; }
.footer-links { float: right; color: #fff; font: 13px Tahoma, Arial, sans-serif; }
.footer-links a, .footer-links a:hover { color: #fff; font: 12px "Trebuchet MS", Arial, sans-serif; text-decoration: underline; }
.cards { text-align: right; padding-top: 30px; }
.cards a { text-decoration: none; }
.disclaimer { clear: both; float: left; padding: 19px 40px; background: #004A80; color: #fff; font: 11px Tahoma, Arial, sans-serif; }

.copyright { width: 980px; height: 50px; margin: 10px auto; color: #fff; font: 12px "Trebuchet MS", Arial, sans-serif; }

/* ---------- Page specifics ---------- */
.testimonials { padding-top: 22px; }
.testimonial-title { color: rgb(8, 109, 153); font-size: 14pt; }
.testimonial-quote { font-size: 12px; text-align: justify; }
.testimonial td { font-size: 13px; }
.testimonial td.testimonial-quote { font-size: 12px; }
.map { display: block; border: 0; background: #e5e3df; }