html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ } body { margin: 0; text-align: center; color: #000000; padding: 0; font-size: 1em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; height: 100%; background: #15253c; overflow-x: hidden; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clearfix_old { overflow: auto; zoom: 1; } img { border: 0; } .img_dot { width: 1px !important; height: 1 !important; border: 0 !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; } a:link, a:visited { color: #41568f; text-decoration: none; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; } a:hover, a:active { color: #000000; text-decoration: underline; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; } div.spacer { position: relative; top: -1px; padding: 16px; } div.spacer_half { position: relative; top: -1px; padding: 6px; } div.spacer_quarter { padding: 3px; } div.spacer_white { position: relative; top: -1px; padding: 16px; background: white; z-index: 1000; } div.spacer_blue { position: relative; top: -1px; padding: 11px; border-top: 5px solid white; background: rgb(21, 37, 60); z-index: 1000; } div.spacer_fade_blue { position: relative; padding: 5px; border-top: 1px solid white; background: rgb(21, 37, 60); z-index: 1000; } div.spacer_half_white { position: relative; top: -1px; padding: 5px; background: white; z-index: 1000; } div.spacer_quarter_white { position: relative; top: -1px; padding: 3px; background: white; z-index: 1000; } div.error { position: absolute; top: 25%; width: 50%; font-size: 10em; color: black; background-color: rgba(255, 255, 255, .7); font-family: Helvetica, Verdana, sans-serif; text-align: center; } .menu { position: fixed; top: 0; left: 0; width: 100%; height: 41px; padding: 0 0 0 0; background: rgb(21, 37, 60); border-bottom: 3px solid white; z-index: 100; } .header_icon { width: 57px; max-width: 57px; height: 30px; display: block-inline; margin-top: 6px; margin-bottom: 3px; margin-left: 6px; border: 0; padding: 0; background: transparent url('images/gg_white_small.png') center top no-repeat; background-size: 57px; 30px; } .header_icon:hover { background-image: url('images/gg_lightblue_small.png'); } .navigation2 { position: fixed; top: 44; right: -80; bottom: 0; aleft: 0; width: 100%; height: 100%; z-index: 30000; margin: 0; list-style: none; background: rgb(21, 37, 60); /* required so menu doesn't show through */ } .navigation div { visibility: hidden; position: fixed; top: 30; aright: -80; bottom: 0; aleft: 0; width: 100%; height: 100%; z-index: 3; overflow: auto; overflow-y: scroll; margin: 0; list-style: none; background: rgb(21, 37, 60); /* required so menu doesn't show through */ } #mobile_link a, #mobile_link a:link, #mobile_link a:visited, #mobile_link a:hover, #mobile_link a:active { color: white; text-decoration: none; } .navigation_inner div { position: absolute; top: 0; right: 0; } .navigation ul { float: right; width: 300px; list-style: none; padding-bottom: 50px; } .navigation li { /* non-critical appearance styles */ list-style: none; width: 300px; font-size: 0.9em; border-top: 1px solid white; border-bottom: 1px solid #777777; background: midnightblue; background: rgb(21, 37, 60); /* required so menu doesn't show through */ } .navigation li:first-child { border-top: 1px none white; } .navigation li a, .navigation li a:link, .navigation li a:visited { /* non-critical appearance styles */ display: block; apadding: 0.7em 0.7em 0.7em 0.3em; padding: 0.4em 0.4em 0.4em 0.3em; background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); color: white; font-size: 1.2em; text-decoration: none; text-align: left; transition: color 0.2s, background 0.5s; } .navigation li a:hover, .navigation li a:active { color: #c74438; background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(75,20,20,0.65) 100%); } .navigation .sub_item { text-indent: 20px; } input[type=checkbox] { transform: scale(4); -ms-transform: scale(4); -moz-transform: scale(4); -webkit-transform: scale(4); -o-transform: scale(4); } .site_wrapper { position: absolute; top: 0; left: 0; bottom: 100%; height: 100%; width: 100%; min-width: 100%; min-height: 100%; background: midnightblue; background: rgb(21, 37, 60); /* required so menu doesn't show through */ z-index: 4; background: -webkit-linear-gradient(rgba(255, 0, 0, 0.45)); background: -o-linear-gradient(rgba(255, 0, 0, 0.45)); background: -moz-linear-gradient(rgba(255, 0, 0, 0.45)); background: linear-gradient(rgba(255, 0, 0, 0.45)); } .nav-trigger { position: absolute; top: 8; right: 40; clip: rect(0, 0, 0, 0); } label[for="nav-trigger"] { position: fixed; top: 0; right: 0; width: 160px; height: 40px; cursor: pointer; background: url("images/hamburger_menu.png") 130px 10px no-repeat; z-index: 200; } .nav-trigger:checked + label { /* will move or change the hamburger image when clicked right: 215px; */ } .nav-trigger:checked ~ .site_wrapper { left: -320px; box-shadow: 5px 5px 0 0 rgba(0,0,0,0.7); filter: alpha(opacity=60); -moz-opacity: 0.6; -o-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; } .nav-trigger:checked ~ .navigation div { visibility: visible; } .anav-trigger:unchecked ~ .navigation { z-index: 1000; } .snav-trigger:checked ~ .navigation div { z-index: 3; } .nav-trigger + label, .site_wrapper { -o-transition: left 0.2s; -moz-transition: left 0.2s; -webkit-transition: left 0.2s; transition: left 0.2s; } .anav-trigger:unchecked ~ div[id="flyout_menu"] { visibility: hidden; left: 300; border: red solid; } .div_link { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; text-decoration: none; background: white; /* Fix to make div clickable in IE */ opacity: 0; /* Fix to make div clickable in IE */ filter: alpha(opacity=1); /* Fix to make div clickable in IE */ z-index: -1; } .nav-trigger:checked ~ .site_wrapper > a[id="div_link"] { z-index: 1000; } .letterhead_home { width: 100%; position: relative; top: 0; -42; vertical-align: top; } .letterhead { width: 100%; position: relative; vertical-align: top; } .letterhead_large, .letterhead_large a:link, .letterhead_large a:visited, .letterhead_large a:hover, .letterhead_large a:active { color: #123456; font-weight: normal; font-family: "Times New Roman", Times, Minion Pro, serif; font-size: 7.6vw; font-variant: small-caps; text-decoration: none; padding-top: 0px; text-shadow: 1px 1px 4px #777777; } .letterhead_small { color: #123456; font-weight: normal; font-family: "Times New Roman", Times, Minion Pro, serif; font-size: 4.0vw; font-variant: none; text-shadow: 1px 1px 2px #777777; position: relative; top: -5; } .quote_box_main { position: absolute; top: 54%; width: 100%; text-align: center; line-height: 0.1em; amargin-bottom: 0%; } .quote_text_main { color: #123456; display: inline; font: bold 4.6vw Helvetica, Verdana, sans-serif; text-shadow: 0px 1px 1px #FFF; letter-spacing: 1px; margin: 0; text-align: center; } .quote_box_section { position: relative; text-align: center; line-height: .6em; margin-top: 5%; } .quote_text_section { color: #123456; font: bold 1.6em Helvetica, Verdana, sans-serif; letter-spacing: 1px; text-align: left; padding: 0px 10px 0px 10px; margin: 0 auto 0 auto; amin-width: 375px; amax-width: 667px; text-align: left; font-variant: small-caps; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.65); display: inline; font-size: 7.0vw; } .quote_text_section_sub { color: #123456; font: normal 1.0em Helvetica, Verdana, sans-serif; letter-spacing: 1px; text-align: left; padding: 0px 6px 3px 6px; font-variant: small-caps; font-size: 3.5vw; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.65); display: inline; } div.home_background { position: relative; top: -1; width: 100%; aheight: 100%; background: white; } div.home2_background { position: relative; top: -100; width: 100%; aheight: 100%; background: white; } div.info_box { display: inline; float:left; vertical-align: top; padding: 5px 0 0 0px; margin: 0px 0 0 0px; width: 100%; } div.info_box_end { display: relative; clear: left; } div.info_container { width: 100%; position: relative; margin-left: auto; margin-right: auto; padding: 0px 0 0px 0; margin-bottom: 0px; background: white; } div.info_box_container3 { width: 32.0%; position: relative; display: inline-block; vertical-align: top; abackground: #f6f6f6; padding: 0; background-size: cover; background-position: center top; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; border-top: 4px solid #FFFFFF; border-bottom: 0px solid #FFFFFF; } div.info_box_container3p { width: 32.0%; position: relative; display: inline-block; vertical-align: top; padding: 0; background-size: cover; background-position: center top; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; border-top: 0px solid #FFFFFF; border-bottom: 0px solid #FFFFFF; } div.info_box_container { width: 98.0%; position: relative; display: inline-block; vertical-align: top; abackground: #f6f6f6; padding: 0; background-size: cover; background-position: center top; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; border-top: 4px solid #FFFFFF; border-bottom: 0px solid #FFFFFF; } .info_box_linka { position: absolute; width: 100%; 32.6%; height: 100%; top: 0; left: 0; z-index: 1; background-image: url('images/dot.gif'); } .info_box_linka:hover { background: white; #15253c; white; opacity: 0.1; } div.info_box { aposition: relative; display: inline-block; vertical-align: top; padding: 10px 0 10px 0; } div.info_box_practice { display: inline-block; vertical-align: top; padding: 0px 0 3px 0; } div.info_box_spacer { awidth: 3%; margin-right: auto; margin-left: auto; min-width: 5px; display: inline-block; } div.info_box_spacer_large { width: 5%; margin-right: auto; margin-left: auto; amin-width: 20px; display: inline-block; } div.info_box_spacer_small { width: 10; margin-right: auto; margin-left: auto; display: inline-block; } .info_box_title { position: relative; text-align: center; color: white; font-weight: normal; font-family: Helvetica, Verdana, sans-serif; font-size: 0.8em; padding: 0; margin: 5x 0px 5px 0px; white-space: nowrap; } .info_box_title a:link, .info_box_title a:visited { color: white; text-decoration: none; } .info_box_title a:hover, .info_box_title a:active { text-decoration: none; } .info_box_title_large { position: relative; text-align: center; color: white; font-weight: normal; font-family: Helvetica, Verdana, sans-serif; font-size: 1.0em; padding: 0; margin: 17px 0px 5px 0px; white-space: nowrap; az-index: 2; } .info_box_title_large a:link, .info_box_title a:visited { color: white; text-decoration: none; } .info_box_title_large a:hover, .info_box_title a:active { text-decoration: none; } .info_box_headline { text-align: center; left; color: 000000; font-weight: normal; font-family: Helvetica, Verdana, sans-serif; font-size: 1.0em; padding: 0; margin: 0px 0px 5px 0px; white-space: nowrap; height: 1.2em; } .info_box_headline a:link, .info_box_headline a:visited { text-decoration: none; color: 000000; } .info_box_headline a:hover, .info_box_headline a:active { color: 000000; } /* .info_box_link { text-align: left; text-indent: 10px; color: black; #555555; font-weight: normal; font-family: Helvetica, Verdana, sans-serif; font-size: 0.9em; padding: 5px 0 2px 10px; height: 1.1em; } .info_box_link a, .info_box_link a:visited { color: black; #555555; text-decoration: none; } .info_box_link a:hover, .info_box_link a:active { color: black; text-decoration: none; } */ .info_box_link { position: absolute; width: 100%; 32.6%; height: 100%; top: 0; left: 0; z-index: 1; background-image: url('images/dot.gif'); } .info_box_link:hover { background: white; #15253c; white; opacity: 0.1; } /* .info_box_subhead { text-align: center; left; text-indent: 20px; color: 555555; font-weight: normal; font-family: Helvetica, Verdana, sans-serif; font-size: 0.9em; padding: 0 0 5px 10px; height: 1.1em; } .info_box_subhead a:link, .info_box_subhead a:visited { text-decoration: none; color: 555555; } .info_box_subhead a:hover, .info_box_subhead a:active { color: 000000; } .info_box_subhead_highlight { text-align: left; color: 000000; font-weight: normal; font-family: Helvetica, Verdana, sans-serif; font-size: 1.1em; padding: 5 0 3px 35px; position: relative; bottom: 5; } .info_box_subhead_highlight a:visited, .info_box_subhead_highlight a:link { color: 000000; text-decoration: none; } .info_box_subhead_highlight a:hover, .info_box_subhead_highlight a:active { color: 555555; text-decoration: none; } */ .home_heading { font-size: 1.1em; font-family: Helvetica, Verdana, sans-serif; font-weight: none; letter-spacing: 0px; background: white; color: black; text-align: center; margin: 0px auto 1px auto; padding: 10px 0 0 0px; } a.home_heading, a.home_heading:link, a.home_heading:visited, a.home_heading:hover, a.home_heading:active { color: black; text-decoraction: none; } .home_subhead { font-size: 1.1em; font-family: Helvetica, Verdana, sans-serif; font-weight: none; letter-spacing: 0px; background: white; text-align: left; margin: 0px auto 1px auto; padding: 5px 0 0 10px; } .home_text { color: black; font: normal 1em Helvetica, Verdana, sans-serif; background: white; width: 90%; text-align: left; padding: 15px 10px 5px 10px; margin: 0 auto; } .home_text ul { list-style-image: url('images/bullet.png'); list-style-type: disc; list-style-position: outside; 0.5em; padding: 0 0 0 0; margin: 0 0 0 0; border: 0; } .home_text li { margin: 0px 3px 0px 20px; padding: 0 0 0 0; } .home_text li li { margin: 0px 3px 0px 20px; padding: 0 0 0 0; text-indent: -1em; list-style-position: inside; } div.main_background { position: relative; top: 44; background-image: url("images/dc_skyline_sunset_narrow_mobile.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-color: rgba(55, 55, 55, 0.5); width: 100%; amin-width: 375px; amax-width: 667px; height: 0; padding-top: 54%; } div.main_home { position: absolute; top: 0px; bottom: 0; left: 0; right: 0; height: 100%; } div.section_background { height: 100%; position: relative; top: 44; background-image: url("images/dc_skyline_sunset_narrow_mobile.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-color: rgba(55, 55, 55, 0.5); width: 100%; amin-width: 375px; amax-width: 667px; height: 0; padding-top: 50%; } div.section_home { position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; amin-width: 375px; amax-width: 667px; } div.litigation_background { height: 100%; position: relative; background-image: url("images/courtroom_narrow_blue_mobile.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-color: rgba(55, 55, 55, 0.5); width: 100%; amin-width: 375px; amax-width: 667px; height: 0; padding-top: 46%; } div.litigation_home { position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; amin-width: 375px; amax-width: 667px; } div.technology_background { height: 100%; position: relative; margin: 0; padding: 0; background-image: url("images/java_code_blue_mobile.jpg"); background-repeat: no-repeat; background-position: left top; background-attachment: scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-color: rgba(55, 55, 55, 0.5); width: 100%; amin-width: 375px; amax-width: 667px; height: 0; padding-top: 46%; } div.technology_home { position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; } div.corporate_background { height: 100%; position: relative; margin: 0; padding: 0; background-image: url("images/corporate_blue_mobile.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-color: rgba(55, 55, 55, 0.5); width: 100%; amin-width: 375px; amax-width: 667px; height: 0; padding-top: 46%; } div.corporate_home { position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; } div.healthcare_background { height: 100%; position: relative; margin: 0; padding: 0; background-image: url("images/healthcare_blue_mobile.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-color: rgba(55, 55, 55, 0.5); width: 100%; amin-width: 375px; amax-width: 667px; height: 0; padding-top: 46%; } div.healthcare_home { position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; } div.breach_background { height: 100%; position: relative; margin: 0; padding: 0; background-image: url("images/data_blue_mobile.jpg"); background-repeat: no-repeat; background-position: center top; background-attachment: scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-color: rgba(55, 55, 55, 0.5); width: 100%; amin-width: 375px; amax-width: 667px; height: 0; padding-top: 46%; } div.breach_home { position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; } div.practice_background { height: 100%; position: relative; margin: 0; padding: 0; background-image: url("images/data_blue_mobile.jpg"); background-repeat: no-repeat; background-position: left top; background-attachment: scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-color: rgba(55, 55, 55, 0.5); width: 100%; amin-width: 375px; amax-width: 667px; height: 0; padding-top: 46%; } div.practice_home { position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; } .button_box { position: absolute; bottom: 3%; width: 100%; margin: 0 auto; text-align: center; } .button { color: white; background-color: #123456; font-family: Helvetica, Verdana, sans-serif; font-size: 0.8em; text-decoration: none; margin: 0 auto; white-space: nowrap; border: none; line-height: 1em; padding: 9px 16px 10px 16px; apadding: 7px 12px 8px 12px; } .button:hover { background-color: white; color: #000000; } .button_thin { color: white; background-color: #123456; font-family: Helvetica, Verdana, sans-serif; font-size: 1em; text-decoration: none; border: none; margin: 0 auto; } .button:link, .button_thin:link, a.button, a.button_thin, a.button:link, a.button_thin:link, a.button:visited, a.button_thin:visited { display: inline-block; font-family: Helvetica, Verdana, sans-serif; color: white; background-color: #123456; text-decoration: none; margin: 0 auto; aborder: none; border: 1px solid #1F2F3F; } a.button:hover, a.button:active { background-color: white; color: #123456; } a.button_thin:hover, a.button_thin:active { background-color: #CCCCCC; color: #123456; } .button_thin:hover { background-color: #CCCCCC; color: #123456; } .thin_line { width: 95%; height: 1px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); margin: 0 10px; } div.icon_background_thin { position: relative; height: 100%; width: 100%; right; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-attachment: scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-color: rgba(55, 55, 55, 0.5); border-top: 5px solid white; amin-width: 125px; amax-width: 250; height: 0; padding-top: 50px; } /* using vwidth to figure height? */ div.icon_background_white { background: white; margin: 0; padding: 0; border: 0; } div.icon_background_thin a:hover, div.icon_background_thin a:active { text-decoration: none; border: 2px solid SlateGrey; } #practice_overview_tab_selector, #practice_litigation_tab_selector, #practice_technology_tab_selector, #practice_corporate_tab_selector { text-decoration: none; } #practice_overview_tab_selector a:hover, #practice_litigation_tab_selector a:hover, #practice_technology_tab_selector a:hover, #practice_corporate_tab_selector a:hover { text-decoration: none; } div.bio_practice_area { aposition: relative; atop: -5px; adisplay: inline; padding: 5px 5px 0px 5px; margin: 0; } span.bio_practice_area { font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; color: black; white-space: nowrap; display: inline; float: left; margin: 0px 15px 5px 0px; padding: 5px 10px 5px 10px; background: rgb(240, 240, 240); } .bio_practice_area ul { padding: 0; margin: 0; } .bio_practice_area ul li, .bio_practice_area ul li a { list-style: none; font-size: 0.8em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; color: black; white-space: nowrap; text-align: center; float: left; margin: 0px 10px 5px 0px; padding: 2px 7px 3px 7px; background: rgb(240, 240, 240); } .bio_practice_area ul li:hover, .bio_practice_area ul li a:active { color: white; background: rgb(100, 100, 100); text-decoration: none; } div.bio_name { font-size: 1.1em; font-family: Helvetica, Verdana, sans-serif; font-weight: bold; text-align: left; padding: 10px 0 1px 0; } div.bio_name a { color: black; text-decoration: none; } div.bio_title { font-size: 1.0em; font-family: Helvetica, Verdana, sans-serif; font-style: italic; text-align: left; padding: 0 0 3px 0; } .bio_phone { font-size: 0.8em; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; color: #646464; #A0A0A0; padding: 3px 0 0px 0; text-align: left; line-height: 1.8em; } .bio_phone a, .bio_phone a:link, .bio_phone a:visited { font-family: Helvetica, Verdana, sans-serif; color: black; padding: 1px 0px 0px 0; } .bio_phone a:hover, .bio_phone a:active { text-decoration: none; color: #157aa9; } .bio_phone2 { afont-size: 0.8em; font-family: Helvetica, Verdana, sans-serif; color: rgb(21, 37, 60); padding: 3px 0 3px 0; text-align: left; } div.bio_data { font-size: 0.8em; color: black; font-family: Helvetica, Verdana, sans-serif; text-align: left; padding: 0 0 5px 0; } div.bio_data a { color: black; text-decoration: none; } .bio_email { font-size: 0.8em; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; color: #646464; padding: 5px 0 3px 15px; text-align: left; awhite-space: nowrap; } .bio_email a, .bio_email a:link, .bio_email a:visited { font-family: Helvetica, Verdana, sans-serif; color: black; padding: 1px 0px 2px 0; } .bio_email a:hover, .bio_email a:active { text-decoration: none; color: rgb(21, 37, 60); } .bio_link { margin: 0; padding: 3px 0 3px 0; border: 0; line-height: 1.4em; letter-spacing: 1.0px; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; white-space: nowrap; } .bio_link a, .bio_link a:link, .bio_link a:visited { color: #646464; text-decoration: none; } .bio_link a:hover, .bio_link a:active { color: #157aa9; #41568f } .bio_education { margin: 0; text-align: left; font-size: 1.0em; line-height: 1.3em; padding: 0px 0px 0px 18px; } .bio_label { font-size: .9em; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: normal; text-transform: uppercase; color: #646464; padding: 10px 10px 0px 18px; awhite-space: nowrap; text-align: left; } .bio_label a, .bio_label a:link, .bio_label a:visited { text-decoration: none; } .bio_label a:hover, .bio_label a:active { text-decoration: none; color: blue; } div.bio_text { font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; padding: 5px 5px 5px 10px; text-align: left; background: white; } div.bio_text_right, div.bio_text_right a:link, div.bio_text_right a:visited, div.bio_text_right a:hover, div.bio_text_right a:active { position: absolute; right: 0; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; color: black; padding-right: 10px; background: white; text-decoration: none; white-space: nowrap; } .bio_subhead { font-size: 1.0em; font-family: Helvetica, Verdana, sans-serif; font-weight: none; font-style: none; padding: 10px 0 0px 10px; text-align: left; atext-shadow: 1px 1px 1px #CCCCCC; white-space: nowrap; } .bio_text table, .section_text table { width: 100%; border-collapse: collapse; } .bio_text ul, .section_text ul { list-style-image: url('images/bullet.png'); list-style-type: disc; list-style-position: outside; 0.5em; padding: 0 0 0 0; margin: 0 0 0 0; border: 0; } .bio_text li, .section_text li { margin: 0px 3px 0px 20px; padding: 0 0 0 0; } .bio_text li li, .section_text li li { margin: 0px 3px 0px 20px; padding: 0 0 0 0; text-indent: -1em; list-style-position: inside; } .bio_text_note { font-size: 80%; font-style: italic; text-align: right; } div.bio_heading { font-size: 1.0em; font-family: Helvetica, Verdana, sans-serif; font-weight: none; padding: 0px 0 0 0; } div.tabs { width: 100%; margin-top: 5px; padding: 0; position: relative; } .tabs ul { list-style-type: none; overflow: hidden; padding: 0 0 0 0; margin: 0; } .tabs li { float: left; color: black; font-weight: normal; font-style: normal; font-family: Helvetica, Verdana, sans-serif; margin: 0 3px 0 3px !important; text-align: left; padding: 0; } .tabs li a { display: block; color: black; text-decoration: none; padding: 0 0px 0 0px; !important; padding: 5px 25px 0px 25px !important; } .tabs li a:link.selected, .tabs li a:visited.selected { acolor: black; text-decoration: none; border-bottom: 2px solid rgb(190, 190, 190); } .tabs li a:link:not(.selected), .tabs li a:visited:not(.selected) { acolor: gray; text-decoration: none; aborder-bottom: 2px solid rgb(230, 230, 250) !important; } .tabs li a:hover.selected, .tabs li a:active.selected { color: black; } .tabs li a:hover:not(.selected), .tabs li a:active:not(.selected) { color: black; border-bottom: 2px solid rgb(200, 200, 200) !important; } #expand1, #expand2, #expand3, #expand4, #expand5, #expand6, #expand7, #expand8, #expand9, #expand10, #expand11 { display: none; overflow: hidden; transition: height 0.5s; } label[for*="toggle"] { display: block; afont-family: Helvetica, Verdana, sans-serif; afont-weight: none; afont-style: none; padding: 10px 0 10px 0px; text-align: left; awhite-space: nowrap; } input[for*="toggle"] { display: none; visibility: hidden; } label[for*="toggle"]:after { content: ''; position: relative; top: -2px; display: inline-block; margin-left: 0.2em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #toggle1:checked ~ label[for=toggle1] { padding-bottom: 0; } #toggle2:checked ~ label[for=toggle2] { padding-bottom: 0; } #toggle3:checked ~ label[for=toggle3] { padding-bottom: 0; } #toggle4:checked ~ label[for=toggle4] { padding-bottom: 0; } #toggle5:checked ~ label[for=toggle5] { padding-bottom: 0; } #toggle6:checked ~ label[for=toggle6] { padding-bottom: 0; } #toggle7:checked ~ label[for=toggle7] { padding-bottom: 0; } #toggle8:checked ~ label[for=toggle8] { padding-bottom: 0; } #toggle9:checked ~ label[for=toggle9] { padding-bottom: 0; } #toggle10:checked ~ label[for=toggle10] { padding-bottom: 0; } #toggle11:checked ~ label[for=toggle11] { padding-bottom: 0; } #toggle1:checked ~ label[for=toggle1]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #toggle2:checked ~ label[for=toggle2]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #toggle3:checked ~ label[for=toggle3]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #toggle4:checked ~ label[for=toggle4]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #toggle5:checked ~ label[for=toggle5]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #toggle6:checked ~ label[for=toggle6]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #toggle7:checked ~ label[for=toggle7]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #toggle8:checked ~ label[for=toggle8]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #toggle9:checked ~ label[for=toggle9]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #toggle10:checked ~ label[for=toggle10]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #toggle11:checked ~ label[for=toggle11]:after { content: ''; position: relative; top: -3px; display: inline-block; margin-left: 0.3em; margin-top: 0.5em; width: 0.3em; height: 0.3em; border-top: 0.15em solid DimGrey; border-right: 0.15em solid DimGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } input[type=checkbox][id=toggle1]:checked ~ #expand1 { display: block; } input[type=checkbox][id=toggle2]:checked ~ #expand2 { display: block; } input[type=checkbox][id=toggle3]:checked ~ #expand3 { display: block; } input[type=checkbox][id=toggle4]:checked ~ #expand4 { display: block; } input[type=checkbox][id=toggle5]:checked ~ #expand5 { display: block; } input[type=checkbox][id=toggle6]:checked ~ #expand6 { display: block; } input[type=checkbox][id=toggle7]:checked ~ #expand7 { display: block; } input[type=checkbox][id=toggle8]:checked ~ #expand8 { display: block; } input[type=checkbox][id=toggle9]:checked ~ #expand9 { display: block; } input[type=checkbox][id=toggle10]:checked ~ #expand10 { display: block; } input[type=checkbox][id=toggle11]:checked ~ #expand11 { display: block; } div.news_box { width: 100%; 270px; float: right; aborder: 1px solid lightgrey; } .article { width: 100%; text-align: left; background: white; box-sizing: border-box; padding: 5px 10px; } .news_title { font-size: 1.3em; font-family: Helvetica, Verdana, sans-serif; color: #15253c; width: 100%; background: white; box-sizing: border-box; padding: 7px 0 3px 3px; margin-right: 50px; margin-bottom: 1px; border-bottom: 0px solid #999999; #15253c; white-space: nowrap; } .article_item { text-align: left; background: #F3F3F3; padding: 5px 13px; border-bottom: 20px solid #FFFFFF; } h1#article { font-size: 1.0em; font-family: Helvetica, Verdana, sans-serif; font-weight: none; font-style: none; padding: 10px 0 0px 10px; text-align: left; atext-shadow: 1px 1px 1px #CCCCCC; white-space: nowrap; } .article_headline { width: 98%; font-size: 1.5em; font-family: Helvetica, Verdana, sans-serif; color: #15253c; font-weight: none; padding: 5px 0px 0px 0px; margin: 0px 5px 5px 5px; amargin: 0px 250px 5px 0px; border-bottom: 1px solid #BBBBBB; } .article_headline a, .article_headline a:link, .article_headline a:visited { awidth: 60%; font-size: 0.85em; color: #15253c; text-decoration: none; } .article_headline a:hover, .article_headline a:active { color: #153f92; text-decoration: none; } .article_item .article_headline { padding: 3px 0 0px 0px; margin: 0; border-bottom: none; } .article_pull_quote { float: right; width: 100%; font-size: 1.4em; line-height: 1.3em; color: #000000; padding: 10px 5px 10px 5px; border-top: 5px solid #157aa9; border-bottom: 3px solid #157aa9; margin-bottom: 20px; } @media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (orientation: landscape) { .article_pull_quote { width: 40% !important; } } .article_text { font-size: 1.0em; font-family: Helvetica, Verdana, sans-serif; color: #000000; padding: 0px 0px 0px 0; } .article_text > p:first-child:first-letter { float: left; color: #15253c; font-size: 55px; line-height: 48px; padding-top: 2px; padding-right: 8px; padding-left: 3px; font-family: Georgia; } a.article_text, a.article_text:link, a.article_text:visited, a.article_text:hover, a.article_text:active { color: #157aa9; text-decoration: none; } #summary.article_text { font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; color: #000000; padding: 5px 0px 4px 0; } .article_text_summary { font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; color: #000000; padding: 0px 0px 4px 0; } .article_category { float: left; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; color: #666666; text-rendering: optimizePrecision; font-variant: small-caps; -webkit-font-feature-settings: "pcap" 1; -moz-font-feature-settings: "pcap" 1; -ms-font-feature-settings: "pcap" 1; font-feature-settings: "pcap" 1; } .article_date, .news_date { float: right; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; color: #666666; padding: 0px 0px 0 0; text-rendering: optimizePrecision; font-variant: small-caps; -webkit-font-feature-settings: "pcap" 1; -moz-font-feature-settings: "pcap" 1; -ms-font-feature-settings: "pcap" 1; font-feature-settings: "pcap" 1; } .article_disclaimer { font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; font-style: italic; color: #15253c; padding: 0px 0px 10px 0; } .article_disclaimer a, .article_disclaimer a:link, .article_disclaimer a:visited, .article_disclaimer a:hover, .article_disclaimer a:active { color: #157aa9; text-decoration: none; } .news_download_icons { float: right; vertical-align: top; height: 30px; } .article_icons { float: left; width: 100%; vertical-align: top; height: 30px; } .news_item { background: #F3F3F3; padding: 5px 10px; box-sizing: border-box; border-bottom: 15px solid #FFFFFF; text-align: left; width: 100%; } .news_headline { font-size: 1.2em; font-family: sans-serif; color: grey; #155286; #15253c; padding: 3px 0 1px 0px; } .news_headline a, .news_headline a:link, .news_headline a:visited { color: #333344; #112139; #153357; 15377f; text-decoration: none; } .news_headline a:hover, .news_headline a:active { color: #153f92; text-decoration: none; } .news_source { float: left; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; color: #000000; } .article_date { float: right; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; color: #666666; text-rendering: optimizePrecision; font-variant: small-caps; -webkit-font-feature-settings: "pcap" 1; -moz-font-feature-settings: "pcap" 1; -ms-font-feature-settings: "pcap" 1; font-feature-settings: "pcap" 1; } div.news_clear { display: relative; clear: both; } .news_tab { position: relative; display: block; visibility: visible; width: 100%; aheight: 100%; aoverflow: hidden; background: white; } .news_tabs { position: relative; width: 100%; aheight: 100%; aoverflow: visible; background: white; } .news_tabs:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; font-size: 0; } @media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (orientation: landscape) { .portrait_only { display: none; } .article_item { } .news_title { } #articles.news_tab { visibility: visible !important; display: block !important; float: left; width: 50%; } #margin.news_tab { visibility: visible !important; display: block !important; float: left; width: 2%; min-width: 10px; aheight: 200%; } #headlines.news_tab { visibility: visible !important; display: block !important; float: left; width: 48%; } } .landscape_only { } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) { .landscape_only { display: none; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) { .landscape_only { display: inline-block; float: left; } } @media only screen and (min-device-width: 767px) { .info_container2 { display: none; } #articles.news_tab { visibility: visible; display: block; float: left; width: 50%; } #margin.news_tab { visibility: visible; float: left; width: 2%; min-width: 10px; height: 100%; } #headlines.news_tab { visibility: visible; display: block; float: left; width: 48%; } } /* news icons */ .twitter_news_icon { float: left; margin: 5px 5px 0px 0; width: 40px; height: 20px; display: block-inline; background: transparent url('images/icon_twitter_plain_grey.png') center top no-repeat; } .twitter_news_icon:hover { background-image: url('images/icon_twitter_plain.png'); } .facebook_news_icon { margin: 5px 5px 0px 0; width: 40px; height: 20px; display: block-inline; float: left; background: transparent url('images/icon_facebook_plain_grey.png') center top no-repeat; } .facebook_news_icon:hover { background-image: url('images/icon_facebook_plain.png'); } .linkedin_news_icon { margin: 5px 5px 0px 0; width: 40px; height: 20px; display: block-inline; float: left; background: transparent url('images/icon_linkedin_plain_grey.png') center top no-repeat; } .linkedin_news_icon:hover { background-image: url('images/icon_linkedin_plain.png'); } .email_news_icon { margin: 5px 5px 0px 0; width: 40px; height: 20px; display: block-inline; float: left; background: transparent url('images/icon_email_plain_grey.png') center top no-repeat; } .email_news_icon:hover { background-image: url('images/icon_email_plain.png'); } .news_pdf_icon { float: right; margin: 0px 5px 0px 0; width: 40px; height: 20px; display: block-inline; background: transparent url('images/icon_pdf_small.png') center top no-repeat; } .news_pdf_icon:hover { background-image: url('images/icon_pdf_small_grey.png'); } div.arrow_box_left { position: absolute; bottom: 14%; right: 9%; } div.arrow_box_right_home { position: absolute; bottom: 25%; right: 3% } div.arrow_box_right_section { position: absolute; bottom: 8%; right: 1%; } a.down_arrow, a.up_arrow { display: inline-block; border-radius: 50%; } a:hover .down_arrow, a:hover .up_arrow { border: 0.3em solid #FFFFFF; } a:hover .down_arrow:after { border-top: 0.3em solid #FFFFFF; border-right: 0.3em solid #FFFFFF; } .down_arrow { display: inline-block; width: 3em; height: 3em; border: 0.3em solid #777; border-radius: 50%; margin-left: 0.75em; margin-top: 20px; } .down_arrow:after { content: ''; display: inline-block; margin-top: 0.6em; width: 1.2em; height: 1.2em; border-top: 0.3em solid #777; border-right: 0.3em solid #777; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } a:hover .up_arrow { border: 0.3em solid #FFFFFF; } a:hover .up_arrow:after { border-top: 0.3em solid #FFFFFF; border-right: 0.3em solid #FFFFFF; } .up_arrow { position: absolute; bottom: 8%; right: 3%; display: inline-block; width: 3em; height: 3em; border: 0.3em solid #777; border-radius: 50%; margin-right: 0.0em; margin-top: 20px; } .up_arrow:after { content: ''; display: inline-block; margin-top: 1.2em; width: 1.2em; height: 1.2em; border-top: 0.3em solid #777; border-right: 0.3em solid #777; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } a.up_arrow_double { display: inline-block; border-radius: 50%; } a:hover .up_arrow_double { border: 0.3em solid #FFFFFF; } a:hover .up_arrow_double { border: 0.3em solid #FFFFFF; } a:hover .up_arrow_double:after { content: ''; display: inline-block; width: 0; height: 13px; border-bottom: 21px solid #FFF; border-left: 16px solid transparent; border-right: 16px solid transparent; } .up_arrow_double { position: absolute; bottom: 8%; right: 3%; display: inline-block; width: 3em; height: 3em; border: 0.3em solid #777; border-radius: 50%; margin-right: 0.0em; margin-top: 20px; } .aup_arrow_double:after { content: ''; display: inline-block; margin-top: 1.2em; width: 1.2em; height: 1.2em; border-top: 0.3em solid #777; border-right: 0.3em solid #777; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .up_arrow_double:after { content: ''; display: inline-block; width: 0; height: 13px; border-bottom: 21px solid #777; border-left: 16px solid transparent; border-right: 16px solid transparent; } div.arrow_box_left_top { position: absolute; top: 15%; right: 9%; } div.arrow_box_left_bottom { position: absolute; bottom: 15%; right: 9%; } div.arrow_box_right_top { position: absolute; top: 15%; right: 5px; } div.arrow_box_right_bottom { position: absolute; bottom: 0px; right: 5px; } div.arrow_box_right_hover { position: fixed; top: 70%; right: 5px; } a.down_arrow_small, a.up_arrow_small { display: inline-block; border-radius: 50%; } a:hover .down_arrow_small, a:hover .up_arrow_small { border: 0.2em solid #FFFFFF; } a:hover .down_arrow_small:after { border-top: 0.2em solid #FFFFFF; border-right: 0.2em solid #FFFFFF; } .down_arrow_small { display: inline-block; width: 2em; height: 2em; border: 0.2em solid LightGrey; border-radius: 50%; margin-left: 0.75em; margin-top: 20px; } .down_arrow_small:after { content: ''; display: inline-block; margin-top: 0.2em; margin-left: 0.1em; width: 1.0em; height: 1.0em; border-top: 0.2em solid LightGrey; border-right: 0.2em solid LightGrey; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } a:hover .up_arrow_small { border: 0.2em solid #555555; } a:hover .up_arrow_small:after { border-top: 0.2em solid #555555; border-right: 0.2em solid #555555; } .up_arrow_small { position: absolute; abottom: 45%; right: 3%; display: inline-block; width: 2em; height: 2em; border: 0.2em solid #777; border-radius: 50%; margin-right: 0.0em; margin-top: -9px; z-index: 1003; } .up_arrow_small:after { content: ''; display: inline-block; margin-top: 0.7em; margin-left: 0.1em; width: 1.0em; height: 1.0em; border-top: 0.2em solid #777; border-right: 0.2em solid #777; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } div.arrow_box_inline { position: absolute; top: 17px; right: 3px; display: inline; } a.right_arrow_miniA { display: inline-block; border-radius: 50%; } .right_arrow_mini { display: inline-block; width: 1.2em; height: 1.2em; border: 0.1em solid white; border-radius: 50%; amargin-left: 0.0em; margin-top: 0px; } .right_arrow_mini:after { content: ''; display: inline-block; margin-top: 0.25em; margin-right: 0.2em; width: 0.5em; height: 0.5em; border-top: 0.16em solid white; border-right: 0.16em solid white; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } div.arrow_box_right_top { position: absolute; top: 5px; right: 5px; } a.up_arrow_miniA { display: inline-block; border-radius: 50%; } .up_arrow_mini { display: inline-block; width: 1.25em; height: 1.2em; border: 0.1em solid grey; border-radius: 50%; amargin-left: 0.0em; margin-top: 0px; } .up_arrow_mini:after { content: ''; display: inline-block; margin-top: 0.37em; margin-right: 0.0em; width: 0.5em; height: 0.5em; border-top: 0.16em solid grey; border-right: 0.16em solid grey; -moz-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); } a.down_arrow_miniA { display: inline-block; border-radius: 50%; } .down_arrow_mini { display: inline-block; width: 1.5em; height: 1.5em; border: 0.1em solid LightGrey; border-radius: 50%; amargin-left: 0.0em; margin-top: 0px; } .down_arrow_mini:after { content: ''; display: inline-block; margin-top: 0.2em; margin-left: 0.0em; width: 0.7em; height: 0.7em; border-top: 0.2em solid LightGrey; border-right: 0.2em solid LightGrey; -moz-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(135deg); } #footer { display: table; width: 96%; margin: 0 auto; font-family: Helvetica, Verdana, sans-serif; font-size: 0.8em; color: white; } #footer a, #footer a:link, #footer a:visited { color: white; text-decoration: none; white-space: nowrap; } #footer a:hover, #footer a:active { color: #41568f; text-decoration: none; } #footer div { display: table-cell; width: 33%; } #footer #left { text-align: left; } #footer #center { text-align: center; } #footer #right { text-align: right; } div.footer_tail { height: 21px; width: 98%; margin-left: auto; margin-right: auto; border-top: 0px solid white; margin-top: 10px; } div.footer_spacer { height: 5px; } .footer { position: relative; width: 100%; amin-width: 375px; amax-width: 667px; margin: auto; padding: 0 0 150px 0; color: FFFFFF; min-height: 5em; font-weight: normal; font-family: Helvetica, Verdana, sans-serif; font-size: 1.0em; } .footer a:link, .footer a:visited { color: DDDDDD; font-family: Helvetica, Verdana, sans-serif; text-decoration: none; } .footer a:hover, .footer a:active { color: 41568f; text-decoration: none; } span.spacer { width: 115px; margin-right: auto; margin-left: auto; display: inline-block; } .firm_name { text-rendering: optimizePrecision; font-variant: small-caps; font-size: 110%; -webkit-font-feature-settings: "pcap" 1; -moz-font-feature-settings: "pcap" 1; -ms-font-feature-settings: "pcap" 1; font-feature-settings: "pcap" 1; } .firm_name a, .firm_name a:link, .firm_name a:visited { color: #606060; } .firm_name a:hover, .firm_name a:active { color: #606060; text-decoration: none; } .firm_address {text-decoration: none; } .firm_footer { font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; text-align: center; } .textwrap { float: left; margin-right: 10px; } .logo_icon { float: left; margin: 0 10px 0 10px; } div.footermenu { margin: 0 auto; width: 100%; padding: 0 0 0 0; } ul#footermenu { margin-left: auto; margin-right: 0; list-style: none; padding: 0; text-align: right; aoverflow: hidden; font-size: 0.8em; } ul#footermenu li { afloat: left; display: inline-block; list-style-type: none; text-align: right; text-transform: none; uppercase; line-height: 0.7em; font-size: 1.0em; font-family: Helvetica, Verdana, sans-serif; padding: 4px 20px 8px 0px; } ul#footermenu li:first-child { margin-top: -12px; } ul#footermenu li a { position: relative; top: 0; 3px; text-transform: none; uppercase; } ul#footermenu li a:link, ul#footermenu li a:visited { color: white; text-decoration: none; color: white; } ul#footermenu li a:hover, ul#footermenu li a:active { text-decoration: none; color: #157aa9; } ul#footermenu li a.selected { position: relative; top: 11px; color: gray; } ul#footermenu li a:link:not(.selected), ul#footermenu li a:visited:not(.selected) { } ul#footermenu li a:hover:not(.selected), ul#footermenu li a:active { } ul#footermenu li ul { margin-right: 0px; margin-top: 0px; padding: 0; } ul#footermenu li li { display: inline; clear: both; border: 0; text-align: left; text-transform: none; white-space: nowrap; font-size: 13px; font-family: Helvetica, Verdana, sans-serif; padding-top: 0px; } ul#footermenu li li a { padding: 0; margin: 0; display: inline-block; } ul#footermenu li li a:link, ul#footermenu li li a:visited { background-image: none; color: white; margin: 0; text-shadow: none; text-transform: none; font-size: 13px; aline-height: 2.0em; } ul#footermenu li li a:hover:not(.selected), ul#footermenu li li a:active:not(.selected), ul#footermenu li li a:hover, ul#footermenu li li a:active { background-image: none; color: black; text-transform: none; } .footer_icons { margin: 0 auto; width: 180px; padding-left: 4px; padding-top: 20px; abackground: black; } .main_image { width: 100%; aheight: 555px; position: relative; margin: auto; /* for IE 6 */ } .section_image { width: 800px; height: 200px; position: relative; margin: auto; /* for IE 6 */ } .profile_image { width: 191px; display: block; position: relative; margin-left: auto; margin-right: auto; border: 1px solid #021a40; apadding: 5 0 7 0; } .section_quote_top { position: absolute; aleft: 90; top: 30px; color: white; font-family: Georgia; font-size: 26; text-shadow: 3px 3px 4px #000000; background: rgb(0, 0, 20); /* fallback color */ background: rgba(0, 0, 20, 0.7); padding: 2px 25px 2px 90px; } .section_quote_bottom { position: absolute; aleft: 90; bottom: 15%; color: white; font-family: Georgia; font-size: 26; text-shadow: 3px 3px 4px #000000; background: rgb(0, 0, 20); /* fallback color */ background: rgba(0, 0, 20, 0.7); padding: 2px 25px 2px 90px; } div.body_background { position: relative; top: -1px; padding: 0 0 30px 0; background-color: rgba(21, 37, 60, 1); width: 100%; } .section_container, .bio_container { position: absolute; top: 170; left: 0; right: 0; amargin-left: auto; amargin-right: auto; aheight: 0; width: 100%; max-width: 900px; margin: 0 auto; z-index: 0; } /* top is req'd to push the card below the links */ div.section_anchor { position: relative; top: -40px; } /* otherwise the top menu overhangs too much; the anchor needs to be a few pixels above the text */ div.practice_anchor { position: relative; top: -40px; } /* otherwise the top menu overhangs too much; the anchor needs to be a few pixels above the text */ div.section_body, div.bio_body { position: relative; top: 0px; margin: 0 auto; overflow: hidden; padding: 0 0 0 0; text-align: left; width: 98%; min-width: 750px; max-width: 900px; min-height: 400px; background: white; abackground: rgba(255, 255, 255, .9); abackground: -webkit-linear-gradient(rgba(255, 255, 255, .9), white); abackground: -o-linear-gradient(rgba(255, 255, 255, .9), white); abackground: -moz-linear-gradient(rgba(255, 255, 255, .9), white); abackground: linear-gradient(rgba(255, 255, 255, .9), white); } div.section_body_clear { position: relative; top: 0px; margin: 0 auto; overflow: hidden; padding: 0 0 0 0; text-align: left; width: 70%; min-width: 740px; max-width: 800px; min-height: 300px; } div.section_content, div.bio_content { position: relative; margin: 20px 20px 0 20px; border: 0px solid white; abackground-color: white !important; background: white; } div.section_content_transparent { position: relative; margin: 0px 15px 0 15px; text-align: center; aborder: 0px solid white; abackground-color: white !important; background: rgba(255, 255, 255, .8); } div.section_body2 { position: relative; top: 0px; margin: 0 auto; overflow: hidden; padding: 0 0 0 0; text-align: left; width: 98%; min-width: 750px; max-width: 900px; min-height: 400px; abackground: white; abackground: rgba(255, 255, 255, .9); abackground: -webkit-linear-gradient(rgba(255, 255, 255, .9), white); abackground: -o-linear-gradient(rgba(255, 255, 255, .9), white); abackground: -moz-linear-gradient(rgba(255, 255, 255, .9), white); abackground: linear-gradient(rgba(255, 255, 255, .9), white); } div.section_content2 { position: relative; margin: 20px 20px 30px 20px; text-align: center; abackground-color: white !important; background: white; background: rgba(255, 255, 255, .8); } .section_links { position: relative; float: right; padding: 0 15px 15px 15px; text-transform: uppercase; font-size: 11px; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; text-shadow: 0px 1px 1px #FFF; text-align: center; display: inline; line-height: 2.0em; } .section_links a, .section_links a:link, .section_links a:visited { color: rgb(15, 51, 98); text-decoration: none; } .section_links a:hover, .section_links a:active { color: rgb(15, 51, 98); text-decoration: underline; } div.contact_body { position: relative; atop: -200px; margin: 0 auto; text-align: left; padding: 0 10px 0 10px; width: 98%; min-width: 750px; max-width: 900px; overflow: hidden; background: white; background: rgba(255, 255, 255, .8); background: -webkit-linear-gradient(rgba(255, 255, 255, .8), white); background: -o-linear-gradient(rgba(255, 255, 255, .8), white); background: -moz-linear-gradient(rgba(255, 255, 255, .8), white); background: linear-gradient(rgba(255, 255, 255, .8), white); } div.contact_info { width: 50%; height: 100%; float: left; display: inline-block; } div.panel_left { float: left; width: 30%; height: 100%; min-width: 250px; aoverflow: hidden; } /* don't hide for the shorter panels, only the longer panels */ div.panel_center { float: left; width: 50%; min-width: 516; padding: 0 0px 0 5px; text-align: left; overflow: hidden; } div.panel_right { float: left; width: 20%; min-width: 2; padding: 0 0px 0 5px; text-align: left; overflow: hidden; } .button_link_box { margin: 0 auto; margin-left: 1em; margin-bottom: 1.9em; text-align: center; } zdiv.center_space { height: 45; width: 100%; position: static; } div.icon_container { position: relative; width: 700px; margin-left: auto; margin-right: auto; padding: 20px 0 20px 0; amargin-top: 10px; margin-bottom: 0px; } div.icon_box { width: 250px; min-width: 125px; margin-left: auto; margin-right: auto; display: inline-block; vertical-align: top; padding: 9px 10px 9px 10px; } .asection_card_place { position: absolute; top: 100; left: 0; right: 0; amargin-left: auto; amargin-right: auto; padding-top: 5%; apadding-top: 6%; height: 0; width: 100%; amin-width: 600px; max-width: 900px; aheight: 140px; margin: 0 auto; z-index: 1; } .section_card_place { position: relative; top: 0; left: 0; right: 0; width: 100%; background: red; } /* top is req'd to push the card below the links */ .section_card { position: relative; padding: 5px 0px 10px 0px; width: 98%; min-width: 750px; max-width: 900px; margin: 0 auto; background: white; background: rgba(255, 255, 255, .8); background: -webkit-linear-gradient(rgba(255, 255, 255, .7), white); background: -o-linear-gradient(rgba(255, 255, 255, .7), white); background: -moz-linear-gradient(rgba(255, 255, 255, .7), white); background: linear-gradient(rgba(255, 255, 255, .7), white); } .section_margin_wrapper { min-width: 710px; max-width: 860px; width: 90%; padding: 0px 20px 0px 20px; margin: 0 auto; } .description_card_place { position: relative; top: 5px; width: 100%; min-width: 750px; max-width: 900px; height: 140px; margin: 0 auto; } .description_card { position: absolute; bottom: -10; width: 100%; padding: 0px 0 5px 0; background: #FFFFFF; background: rgba(255, 255, 255, .8); background: -webkit-linear-gradient(white, rgba(221, 221, 221, .8)); background: -o-linear-gradient(white, rgba(221, 221, 221, .8)); background: -moz-linear-gradient(white, rgba(221, 221, 221, .8)); background: linear-gradient(white, rgba(221, 221, 221, .8)); } .description_card_inside { position: relative; line-height: 0.6em; font-size: 0.8em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; margin-left: auto; margin-right: auto; padding: 10px 10px 10px 10px; } .contact_card_place_unused { position: relative; width: 98%; min-width: 750px; max-width: 900px; height: 140px; margin: 0 auto; } .acontact_card { position: relative; width: 98%; min-width: 550px; max-width: 900px; padding: 0px 0 5px 0; margin: 0 auto; background: white; background: rgba(255, 255, 255, .8); background: -webkit-linear-gradient(rgba(255, 255, 255, .7), white); background: -o-linear-gradient(rgba(255, 255, 255, .7), white); background: -moz-linear-gradient(rgba(255, 255, 255, .7), white); background: linear-gradient(rgba(255, 255, 255, .7), white); } .contact_card { position: relative; padding: 15px 10px 10px 10px; width: 98%; min-width: 750px; max-width: 900px; margin: 0 auto; background: white; background: rgba(255, 255, 255, .8); } div.icon_background { position: relative; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center top; background-attachment: scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-color: rgba(55, 55, 55, 0.5); min-width: 125px; max-width: 250; height: 0; padding-top: 50%; } /* using vwidth to figure height */ div.icon_home { position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; border: 3px solid none; } div.icon_home a, div.icon_home a:link, div.icon_home a:visited { border: 3px solid none; } div.icon_home:hover, div.icon_home:active, div.icon_home a:hover, div.icon_home a:active { border: 3px solid red; background-image: linear-gradient(rgba(255, 0, 0, 0.45)); } .icon { position: relative; width: 100%; height: auto; max-width: 250px; } .icon_text, .icon_text a, .icon_text a:link, .icon_text a:visited { position: absolute; top: 35%; width: 100%; float: right; text-decoration: none; color: white; font-family: Helvetica, Verdana, sans-serif; text-transform: uppercase; afont-size: 83%; font-size: 1.0em; font-weight: bold; } .icon_text a:hover, .icon_text a:active { text-decoration: none; } .thin_line_vertical { border-left: thin solid #AAAAAA; height: 150px; width: 1px; margin-right: auto; margin-left: auto; vertical-align: middle; } .thin_line_vertical2 { border-left: thin solid #AAAAAA; height: 200px; width: 1px; margin-right: auto; margin-left: auto; } .thin_line_vertical50 { border-left: thin solid #AAAAAA; height: 50px; width: 1px; margin: 5 auto 10 50; } div.box_spacer { width: 2%; margin-right: auto; margin-left: auto; display: inline-block; } div.vert_box_spacer { height: 50px; } .home_info_box { width: 50%; text-align: left; margin: 0 auto 0 auto; margin: 10 40; afloat: left; display: inline-block; } .home_info_subbox { text-align: left; margin: 0 auto 0 auto; margin: 10 40; display: inline-block; } .home_end { display: relative; clear: left; } .home_end_space { height: 50; } table { width: 100%; border-collapse: collapse; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; color: black; } th, td { padding: 8px; } .publicaations th, .publications td { vertical-align: top; } td a:link, td a:visited { color: black; text-decoration: none; } td a:hover, td a:active { color: gray; text-decoration: none; } atr:hover { background-color: DDDDDD; } tr:nth-child(odd) { background-color: #ECEEF1 } th { background-color: #ECEEF1; text-align: left; font-weight: normal; } div.top_margin { height: 14px; width: 740px; margin-left: 0; margin-right: 0; display: inline-block; position: relative; top: -2px; border-width: 1px 0px 0px 0px; border-style: solid none none none; border-color: ccd1d4 } div.top_left_margin { height: 14px; width: 27px; display: inline-block; margin-left: 0; margin-right: 0; border-width: 3px 0px 0px 3px; border-style: solid none none solid; border-color: 081a5a } div.top_right_margin { height: 14px; width: 27px; display: inline-block; margin-right: 0; margin-left: 0; border-width: 3px 3px 0px 0px; border-style: solid solid none none; border-color: 081a5a } div.bottom_margin { height: 10px; width: 100%; min-width: 55px; margin-left: 0; margin-right: 0; display: inline-block; position: relative; top: 0px; } div.bottom_margin_center { height: 10px; width: 90%; min-width: 27px; margin-left: 0; margin-right: 0; display: table-cell; adisplay: inline-block; position: relative; top: 0px; border-width: 0px 0px 1px 0px; border-style: none none solid none; border-color: ccd1d4 } div.bottom_margin_left { height: 10px; width: 1%; max-width: 27px; min-width: 27px; display: table-cell; adisplay: inline-block; margin-left: 0; margin-right: 0; border-width: 0px 0px 3px 3px; border-style: none none solid solid; border-color: 081a5a } div.bottom_margin_right { height: 10px; width: 1%; max-width: 27px; min-width: 27px; display: table-cell; adisplay: inline-block; margin-right: 0; margin-left: 0; border-width: 0px 3px 3px 0px; border-style: none solid solid none; border-color: 081a5a } div.bottom_line_left { height: 10px; width: 1%; max-width: 27px; min-width: 27px; display: table-cell; adisplay: inline-block; margin-left: 0; margin-right: 0; border-width: 0px 0px 3px 0px; border-style: none none solid solid; border-color: 081a5a } div.bottom_line_right { height: 10px; width: 1%; max-width: 27px; min-width: 27px; display: table-cell; adisplay: inline-block; margin-right: 0; margin-left: 0; border-width: 0px 0px 3px 0px; border-style: none solid solid none; border-color: 081a5a } div.dotted_line { height: 1px; margin: 0 auto; adisplay: inline-block; max-width: 800; min-width: 800; position: relative; top: 0; text-align: center; background-image: url("images/dotted_line_blue.png"); background-repeat: repeat-x; } div.dotted_line_short { height: 1px; margin: 0 auto; max-width: 530; position: relative; top: 0; text-align: center; background-image: url("images/dotted_line_blue.png"); background-repeat: repeat-x; } div.dotted_line_menuitem { height: 1px; margin: 0 auto; width: 130; position: relative; top: 0; text-align: center; background-image: url("images/dotted_line_blue.png"); background-repeat: repeat-x; } div.dotted_line_short { height: 1px; margin: 0 auto; width: 30%; min-width: 300; position: relative; top: 0; padding: 0 0 5px 0; text-align: center; background-image: url("images/dotted_line_blue.png"); background-repeat: repeat-x; } .news { color: 000000; font-weight: normal; font-style: normal; font-family: Helvetica, Verdana, sans-serif; font-size: 12; text-align: left; -webkit-text-size-adjust: none; abackground-color: rgb(236, 238, 241); /* fallback color */ abackground-color: rgba(236, 238, 241, 0.9); margin: 0; padding: 0 0 5px 10px; } .news a:link, .news a:visited { color: 081a5a; text-decoration: none; } .news a:hover, .news a:active { color: 000000; text-decoration: none; } .news li { list-style-image: url('images/arrow.png'); list-style-position: outside; margin: 0 0 5px 0; padding: 0; position: relative; left: -25; } .news .squares { float: right } div.margin_boxes { width: 80%; text-align: left; min-width: 250px; vertical-align: top; padding: 0 0 20px 0; margin-left: auto; margin-right: auto; } div.margin_box { text-align: left; background: rgba(255, 255, 255, 0.5); min-width: 250px; display: inline-block; vertical-align: top; border-color: 455265; padding: 0px 5px 5px 5px; } .margin_box_label { color: 000000; font-weight: normal; font-style: normal; font-family: Helvetica, Verdana, sans-serif; font-size: .8em; text-shadow: 1px 2px 4px #888888; padding: 7px 0 4px 1px; } .margin_box_label a:link, .margin_box_label a:visited, .margin_box_label a:hover, .margin_box_label a:active { color: 000000; text-decoration: none; } .margin_box_text { color: 555555; font-weight: normal; font-style: normal; font-family: Helvetica; font-size: .8em; padding: 0 0 3px 1px; text-align: left; } .margin_box_text a:link, .margin_box_text a:visited { color: 555555; } .margin_box_text a:hover, .margin_box_text a:active { color: 000000; text-decoration: none; } .margin_box_subtext { color: 555555; font-weight: normal; font-style: normal; font-family: Helvetica, Verdana, sans-serif; font-size: .75em; padding: 0 0 2px 7px; } div.margin_box_spacer { background: rgba(255, 255, 255, 0.5); margin-right: auto; margin-left: 0; display: inline-block; vertical-align: top; border-color: 455265; padding: 5px 5px 5px 5px; } div.contact_maps { text-align: center; width: 100%; min-width: 750px; margin: auto; display: inline-block; vertical-align: bottom; } div.contact_map { text-align: center; awidth: 200px; margin: auto; display: inline-block; vertical-align: bottom; border: 1px solid white; } div.contact_map:hover { border: 1px solid MidnightBlue; background: -webkit-linear-gradient(rgba(21, 37, 60, 0.45), rgba(21, 37, 60, 0.45)); background: -o-linear-gradient(rgba(21, 37, 60, 0.45), rgba(21, 37, 60, 0.45)); background: -moz-linear-gradient(rgba(21, 37, 60, 0.45), rgba(21, 37, 60, 0.45)); background: linear-gradient(rgba(21, 37, 60, 0.45), rgba(21, 37, 60, 0.45)); } div.contact_map img { width: 300px; max-width: 300px; } div.contact_map_link, div.contact_map_link a, div.contact_map_link a:link, div.contact_map_link a:visited, div.contact_map_link a:hover, div.contact_map_link a:active { margin-top: -1.4em; margin-right: 4px; text-align: right; width: 300px; afont-weight: normal; text-decoration: none; color: #15253c; } div.contact_map_link2, div.contact_map_link2 a, div.contact_map_link2 a:link, div.contact_map_link2 a:visited, div.contact_map_link2 a:hover, div.contact_map_link2 a:active { margin-top: -1.3em; margin-left: 4px; text-align: left; width: 300px; afont-weight: normal; text-decoration: none; color: #15253c; } span.contact_name { font-variant: small-caps; font-size: 110%; } div.bio { width: 100%; margin: 0; padding: 0; font-style: normal; } .bio a, .bio a:link, .bio a:visited { color: #000; font-style: normal; } .bio a:hover, .bio a:active { color: #10316f; text-decoration: none; font-style: normal; } div.bio_line { aposition: relative; awidth: 100%; margin: 0; padding: 0; font-style: normal; } div.bio_img { awidth: 8%; margin-left: -5px; margin-right: 0; display: inline-block; float: left; vertical-align: top; padding: 5px 10px 5px 15px; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; } div.bio_img_spacer { height: 12px; margin: 0; padding: 0; border: 0; background: black; } div.bio_details_left { min-width: 375px; float: left; vertical-align: top; padding: 0px 0px 0px 0px; } div.bio_details_right { margin: 0; adisplay: inline-block; float: left; vertical-align: top; padding: 20px 0px 0px 0px; } div.bio_details_right a.more_link, div.bio_details_right a.more_link:link, div.bio_details_right a.more_link:visited, div.bio_desc a.more_link, div.bio_desc a.more_link:link, div.bio_desc a.more_link:visited { text-transform: uppercase; afont-weight: bold; padding: 0 4px 0 0px; color: rgb(21, 37, 60); white-space: nowrap; } div.bio_details_left a.more_link:hover, div.bio_details_left a.more_link:active, div.bio_details_right a.more_link:hover, div.bio_details_right a.more_link:active, div.bio_desc a.more_link:hover, div.bio_desc a.more_link:active { padding: 0 4px 0 0px; border-bottom: thin solid #003333; white-space: nowrap; } .more_link a:hover, .more_link a:active { text-decoration: none; color: inherit; } .more_link:after { content: ''; position: relative; top: -1px; display: inline-block; margin-top: -0.0em; width: 0.3em; height: 0.3em; border-top: 0.2em solid #003333; border-right: 0.2em solid #003333; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); white-space: nowrap; } /* .more_link a, .more_link a:link, .more_link a:visited { font-weight: bold !important; color: red; } .more_link a:hover, .more_link a:active { font-weight: bold; text-decoration: underline; } */ hr.fade_long { border: 0; height: 1px; background: #666; background-image: linear-gradient(to right, #ccc, #fff, #ccc); } hr.fade_long2 { border: 0; height: 1px; background: #fff; #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); } hr.fade_short { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } div.bio_desc { awidth: 60%; margin-left: 0; margin-right: 0; display: inline-block; float: left; vertical-align: top; padding: 5px 0px 5px 15px; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; } div.contact_text { font-size: 1.0em; font-family: Helvetica, Verdana, sans-serif; padding: 0px 5px 15px 0; margin: 0 0; background: white; } div.bio_item { font-size: 1em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; } div.bio_label_special, div.section_label_special { position: relative; bottom: 0.3em; left: 2px; padding: 0px 0 0px 0px; font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; text-transform: uppercase; color: rgb(100, 100, 100); } div.section_headline { font-size: 1.5em; font-family: Helvetica, Verdana, sans-serif; font-weight: none; padding: 5px 15px 0px 10px; margin: 0px 250px 20px 0px; border-size: 1px; border-style: none none solid none; border-color: #CCCCCC; white-space: nowrap; } .asection_headline { color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 1.5em; margin: 0px 350px 0px 10px; padding: 0 15px 0px 5px; border-size: 1px; border-style: none none solid none; border-color: #CCCCCC; } div.section_subhead { font-size: 1.2em; font-family: Helvetica, Verdana, sans-serif; font-weight: none; font-style: none; padding: 0px 0 5px 0; } div.section_text { font-size: 0.9em; font-family: Helvetica, Verdana, sans-serif; padding: 0px 25px 15px 0; margin: 0 0; } .section_text a, .section_text a:link, .section_text a:visited { color: rgb(15, 51, 98); font-family: Helvetica, Verdana, sans-serif; font-size: 1em; } .section_text a:hover, .section_text a:active { color: rgb(21, 122, 169); } .section_text_details { color: black; font-family: Helvetica, Verdana, sans-serif; font-size: 0.8em; atext-align: left; padding: 5px 15px 0px 15px; } img.bio { width: 180px; 160px; height: auto; border: 0; margin: 5px 0 0 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } div.bio_spacer { padding: 0px 0 2px 15px; } div.bio_breakout_heading { font-size: 1.0em; font-family: Helvetica, Verdana, sans-serif; font-weight: normal; color: black; text-decoration: none; padding: 2px 2px 2px 10px; background: rgb(200, 200, 200); margin: 0 0 0 -10px; aborder: 5px solid red; } div.bio_breakout_heading a, div.bio_breakout_heading a:link, div.bio_breakout_heading a: visited, div.bio_breakout_heading a:hover, div.bio_breakout_heading a:active { color: black; } div.bio_breakout_heading a:hover, div.bio_breakout_heading a:active { text-decoration: none; color: black; } div.bio_breakout { display: none; visibility: hidden; width: 100%; background: none !important; } .arrow_right { content: ''; position: relative; top: -1px; display: inline-block; margin-top: -0.0em; width: 0.3em; height: 0.3em; border-top: 0.2em solid #777; border-right: 0.2em solid #777; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .arrow_down { content: ''; position: relative; top: -1px; display: inline-block; margin-top: -0.0em; width: 0.3em; height: 0.3em; border-top: 0.2em solid #777; border-right: 0.2em solid #777; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .twitter_icon { margin: 2px 5px 0px 0; width: 25px; height: 25px; display: block-inline; float: left; background: transparent url('images/icon_twitter_grey.png') center top no-repeat; } .twitter_icon:hover { background-image: url('images/icon_twitter_blue.png'); } .facebook_icon { margin: 2px 5px 0px 0; width: 25px; height: 25px; display: block-inline; float: left; background: transparent url('images/icon_facebook_grey.png') center top no-repeat; } .facebook_icon:hover { background-image: url('images/icon_facebook_blue.png'); } .linkedin_icon { margin: 2px 5px 0px 0; width: 25px; height: 25px; display: block-inline; float: left; background: transparent url('images/icon_linkedin_grey.png') center top no-repeat; } .linkedin_icon:hover { background-image: url('images/icon_linkedin_blue.png'); } .email_icon { margin: 2px 5px 0px 0; width: 25px; height: 25px; display: block-inline; float: left; background: transparent url('images/icon_email_grey.png') center top no-repeat; } .email_icon:hover { background-image: url('images/icon_email_orange.png'); } .vcard_icon { margin: 2px 5px 0px 0; width: 25px; height: 25px; display: block-inline; float: left; background: transparent url('images/icon_vcard_grey.png') center top no-repeat; } .vcard_icon:hover { background-image: url('images/icon_vcard_dark.png'); } .vcard_icon2 { margin: 2px 7px 0px 5px; width: 25px; height: 0.5em; font-family: Arial; font-size: 9px; color: white; background: black; } .vcard_icon2:hover { color: black; background: white; } .phone_icon { margin: 2px 5px 0px 0; width: 25px; height: 25px; display: block-inline; float: left; background: transparent url('images/icon_phone_grey.png') center top no-repeat; } .phone_icon:hover { background-image: url('images/icon_phone_red.png'); } .lock_icon { margin: 2px 5px 0px 0; width: 25px; height: 25px; display: block-inline; float: left; background: transparent url('images/icon_lock_grey.png') center top no-repeat; } .lock_icon:hover { background-image: url('images/icon_lock_yellow.png'); } .vcard_icon_small { margin: 2px 0px 0px 0; width: 17px; height: 27px; display: block; float: left; color: #A0A0A0; white-space: nowrap; position: relative; left: 2em; background: transparent url('images/icon_download_grey_small.png') center top no-repeat; } .vcard_icon_small:hover { background-image: url('images/icon_download_yellow_small.png'); } .vcard_icon_small:before { content: 'v-card'; position: relative; left: -3em; font-size: 0.8em; } .download_icon { margin: 2px 0px 0px 0; width: 17px; height: 27px; display: block-inline; float: left; background: transparent url('images/icon_download_grey_small.png') center top no-repeat; } .download_icon:hover { background-image: url('images/icon_download_yellow_small.png'); } .vcard_text { margin: 0; padding: 0; padding-top: 4px; border: 0; } .vcard_text a, .vcard_text a:link, .vcard_text a:visited { color: #A0A0A0; font-size: 0.9em; font-weight: none; letter-spacing: .5px; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; } .vcard_text a:hover, .vcard_text a:active { color: #336699; } .contact_email_text { afloat: left; width: 100%; background: teal; margin: 0 auto; padding: 0; padding-top: 0px; border: 0; color: black; font-family: Sans-Serif; font-size: 0.8em; white-space: nowrap; } .contact_icon_text { float: left; margin: 0; padding: 0; padding-top: 4px; border: 0; color: #A0A0A0; white-space: nowrap; } .contact_icon_text a, .contact_icon_text a:link, .contact_icon_text a:visited { color: #A0A0A0; font-size: 0.9em; font-weight: none; letter-spacing: .5px; font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; } .contact_icon_text a:hover, .contact_icon_text a:active { color: #336699; } /* preload images */ body:after{ position: absolute; width: 0; height: 0; overflow: hidden; z-index:-1; content: url('images/icon_twitter_blue.png') url('images/icon_facebook_blue.png') url('images/icon_linkedin_blue.png') url('images/icon_email_orange.png') url('images/icon_vcard_dark.png') url('images/icon_download_yellow_small.png') url('images/icon_phone_red.png') url('images/icon_lock_yellow.png') url('images/icon_download_yellow_small') url('images/icon_twitter_plain_grey.png') url('images/icon_twitter_plain.png') url('images/icon_facebook_plain_grey.png') url('images/icon_facebook_plain.png') url('images/icon_linkedin_plain_grey.png') url('images/icon_linkedin_plain.png') url('images/icon_email_plain_grey.png') url('images/icon_email_plain.png') url('images/icon_pdf_small.png') url('images/icon_pdf_small_grey.png'); }