*{margin:0;padding:0;} body {font-family:Montserrat,Arial,sans-serif; background:#fff;} p{margin:14px 0;line-height:130%; } ul{margin-left:17px; list-style:circle;} ol{margin-left:17px;} li{margin:8px 0;} .vam{vertical-align:middle;} .fl {float:left;} .fr {float:right;} form{margin:0;} img,a img{border:none;} .bd {border:1px solid red;} .cb {clear:both;} .cr {clear:right;} .cl {clear:left;} .c {text-align:center} .dn {display:none;} h1 {font:700 36px "Roboto Slab",serif; color:#000; margin-bottom:40px;} h2 {font:700 28px "Roboto Slab",serif; color:#000; margin-bottom:0; margin-top:25px;} h3 {font:700 23px "Roboto Slab",serif; color:#000; margin-bottom:0; margin-top:25px;} h4 {font:700 18px "Roboto Slab",serif; color:#000;} a:link {color:#99cc00} a:visited {color:#99cc00} a:hover {color:#6A8E00} a[rel~="external"]::after {content:""; background:url(../images/icon-external-link.png) right center no-repeat; background-size:16px 15px; padding-left:16px; margin-left:6px} a[rel~="pdf"]::after {content:""; background:url(../images/icon-pdf-link3.png) right center no-repeat; background-size:20px 16px; padding-left:20px; margin-left:6px} body {font-size:14px} .imgLeft {margin:0 15px 5px 0; float:left;} .imgRight {margin:0 0 5px 15px; float:right;} .imgCenter {display:block; margin-left:auto; margin-right:auto;} .txtSmall {font-size:70%;} .txtLarge {font-size:170%; color:#695F3F;} .nw {white-space:nowrap;} .mb6 {margin-bottom:10px;} p.intro:first-letter {font-size:350%; float:left; width:1.5em; color:#695F3F; font-family:Georgia,serif;} .mainHeading {background:#EEEEEE; text-align:center; border-bottom:2px solid #bababa; margin:0 -30px 40px -30px; min-height:320px; display: flex; align-items: center; justify-content: center; flex-direction:column;} .mainHeading h1 {font:bold 60px "Roboto Slab"; color:#fff; text-shadow: 0px 1px 17px rgba(0, 0, 0, 0.9); margin:0;} .mainHeading h2 {font:34px "Roboto Slab"; color:#fff; margin:4px 0;} .leftColumn2 {float:left; width:48%; margin-right:4%;} .rightColumn2 {float:left; width:48%;} p,ul,ol,div,select,li {font:18px "Montserrat", Arial,sans-serif; color:#000; } ul li, ol li {margin-bottom:15px;} .errorDisplay {border:1px solid #FC0;background:#ffc; padding:10px;margin:60px 0 -60px 0} .userForm {margin:80px auto; padding:10px; border:1px solid #666; max-width:550px;} .userForm p {margin:17px 100px;} .userForm div {text-align:right} .userForm h2 {text-align:center; background:#666; color:#fff; margin:-10px -10px 15px -10px;} input[type=text], input[type=search], input[type=tel], input[type=email], input[type=number], input[type=password], textarea {-webkit-appearance: textfield; font-size:18px; width:300px; background:#efefef; border:1px solid #666; padding:3px 6px; font-family:Montserrat,Arial,sans-serif;} select { background: #efefef; font-size: 16px; margin-left: 5px; border: 0; border-radius: 0; height: 34px; width: 200px; } {font-size:18px; width:300px; background:#efefef; border:1px solid #666;} .userForm {} #header {background:#666; height:60px; position:fixed; top:0; right:0; left:0; z-index:2; vertical-align:middle;} .headPhoto { background-size:cover; height:320px; padding:0; overflow:hidden;} .headPhoto1 {background:url(/files/images/heros/two-people-helping.jpg) center no-repeat;} .headPhoto2 {background:url(/files/images/heros/hero200.jpg) center no-repeat;} .headPhoto3 {background:url(/files/images/heros/family-intake.jpg) center no-repeat;} .headPhoto4 {background:url(/files/images/heros/event-people.jpg) center no-repeat;} .headPhoto5 {background:url(/files/images/heros/young-woman-in-exam-room-2.jpg) center no-repeat;} .headPhoto6 {background:url(/files/images/heros/hero6.jpg) center no-repeat;} .headPhoto7 {background:url(/files/images/heros/two-ladies-talking-at-counter-2.jpg) center no-repeat;} .headPhoto8 {background:url(/files/images/heros/young-woman-smiling.jpg) center no-repeat;} .headPhoto9 {background:url(/files/images/heros/hero9.jpg) center no-repeat;} .headPhoto10 {background:url(/files/images/heros/hero501.jpg) center no-repeat;} .headPhoto11 {background:url(/files/images/heros/hero11.jpg) center no-repeat;} .headPhoto12 {background:url(/files/images/heros/women-reaching-for-shelf.jpg) center no-repeat;} .headPhoto13 {background:url(/files/images/heros/family-intake.jpg) center no-repeat;} .headPhoto14 {background:url(/files/images/heros/optical-care-interpreter.jpg) center no-repeat;} .headPhoto15 {background:url(/files/images/heros/hero15.jpg) center no-repeat;} .headPhoto16 {background:url(/files/images/heros/couple-standing-at-reg-table.jpg) center no-repeat;} .headPhoto17 {background:url(/files/images/heros/hero17.jpg) center no-repeat;} .headPhoto18 {background:url(/files/images/heros/two-people-at-counter-2.jpg) center no-repeat;} .headPhoto19 {background:url(/files/images/heros/people-talking-in-medical-office.jpg) center no-repeat;} .headPhoto20 {background:url(/files/images/heros/woman-washing-hands-2.jpg) center no-repeat;} .headPhoto21 {background:url(/files/images/heros/hero21.jpg) center no-repeat;} .headPhoto22 {background:url(/files/images/heros/hero22.jpg) center no-repeat;} .headPhoto23 {background:url(/files/images/heros/hero25.jpg) center no-repeat;} .headPhoto24 {background:url(/files/images/heros/hero30.jpg) center no-repeat;} .headPhoto25 {background:url(/files/images/heros/hero25-1.jpg) center no-repeat;} .headPhoto26 {background:url(/files/images/heros/hero32-2.jpg) center no-repeat;} .headPhoto27 {background:url(/files/images/heros/hero33.jpg) center no-repeat;} .headPhoto28 {background:url(/files/images/heros/hero34.jpg) center no-repeat;} .headPhoto29 {background:url(/files/images/heros/hero35.jpg) center no-repeat;} .headPhoto30 {background:url(/files/images/heros/hero36.jpg) center no-repeat;} .headPhoto31 {background:url(/files/images/heros/hero37.jpg) center no-repeat;} .headPhoto32 {background:url(/files/images/heros/waiting-room-with-people.jpg) center no-repeat;} .headPhoto33 {background:url(/files/images/heros/hero51.jpg) center no-repeat;} .headPhoto34 {background:url(/files/images/heros/hero52.jpg) center no-repeat;} .headPhoto35 {background:url(/files/images/heros/hero53.jpg) center no-repeat;} .headPhoto36 {background:url(/files/images/heros/hero54.jpg) center no-repeat;} .headPhoto37 {background:url(/files/images/heros/lady-with-red-mask.jpg) center no-repeat;} .headPhoto38 {background:url(/files/images/heros/hero60.jpg) center no-repeat;} .headPhoto39 {background:url(/files/images/heros/hero70.jpg) center no-repeat;} .headPhoto40 {background:url(/files/images/heros/woman-working-at-computer-2.jpg) center no-repeat;} .headPhoto41 {background:url(/files/images/heros/sunset-over-field.jpg) center no-repeat;} .headPhoto42 {background:url(/files/images/heros/hero73.jpg) center no-repeat;} .headPhoto43 {background:url(/files/images/heros/hero74.jpg) center no-repeat;} .headPhoto44 {background:url(/files/images/heros/hero75.jpg) center no-repeat;} .headPhoto45 {background:url(/files/images/heros/hero-man-at-desk.jpg) center no-repeat;} .headPhoto46 {background:url(/files/images/heros/two-people-talking.jpg) center no-repeat;} .headPhoto47 {background:url(/files/images/heros/black-lady-working-at-computer-2.jpg) center no-repeat;} .headPhoto48 {background:url(/files/images/heros/man-working-on-computer-2.jpg) center no-repeat;} .headPhoto49 {background:url(/files/images/heros/woman-on-phone-desk-2.jpg) center no-repeat;} .headPhoto50 {background:url(/files/images/heros/connect-with-others-2.jpg) center no-repeat;} .headPhoto51 {background:url(/files/images/heros/beach-by-road.jpg) center no-repeat;} .headPhoto52 {background:url(/files/images/heros/staff-shaking-hands-with-patient-2.jpg) center no-repeat;} .headPhoto53 {background:url(/files/images/heros/staff-smiling-with-patients-2.jpg) center no-repeat;} .headPhoto54 {background:url(/files/images/heros/membership.jpg) center no-repeat;} .headPhoto55 {background:url(/files/images/heros/woman-getting-glasses.jpg) center no-repeat;} .headPhoto56 {background:url(/files/images/heros/woman-at-sequim.jpg) center no-repeat;} .headPhoto57 {background:url(/files/images/heros/reports.jpg) center no-repeat;} .headPhoto58 {background:url(/files/images/heros/older-man-and-woman.jpg) center no-repeat;} #siteLogo {margin:8px 10px 0 15px; float:left;} #siteTools {position:absolute; top:0; right:0; z-index:10;} #siteTools .search {width:63px; border-left:1px solid #ccc; border-right:1px solid #ccc; position:absolute; top:0; right:0; background:#666 url(/files/images/header-search-icon.png) 18px 21px no-repeat; height:76px; cursor:pointer;} #siteTools .search div {position:absolute; bottom:3px; left:0; width:63px; text-align:center; color:#ccc; font-size:14px;} #siteTools .login {width:63px; position:absolute; top:0; right:0; background:#666; height:76px;} #siteTools .login img {position:absolute; top:21px; left:23px;} #siteTools .login div {position:absolute; bottom:3px; left:0; width:63px; text-align:center; color:#ccc; font-size:14px;} #siteTools .menu {width:63px; height:76px; border-left:1px solid #ccc; position:absolute; top:0; right:65px; background:#666 url(/files/images/header-menu-icon.png) 18px 21px no-repeat; cursor:pointer; display:none;} #siteTools .menu div {position:absolute; bottom:3px; left:0; width:63px; text-align:center; color:#ccc;} #nav > ul {margin:0; z-index:2; font:14px "Montserrat",Arial,sans-serif; position:absolute; top:20px; left:180px; right:0px;} #nav ul li {list-style:none; float:left; margin:0 18px 0 0; position:relative; padding-bottom:18px; white-space:nowrap;} #nav a {padding:2px 0px 4px 0px; font:14px "Montserrat",Arial,sans-serif;} #nav a.active {color:#FFC05B !important;} #nav a:link {color:#fff; text-decoration:none;} #nav a:visited {color:#fff; text-decoration:none;} #nav a:hover {color:#A39D97;} #nav .last {margin-right:0;} #nav > ul > li > ul {background:#333; list-style:none; position:absolute; left:-15px; top:35px; z-index:10; border:1px solid #222; display:none;} #nav > ul > li > ul > li { padding-top:1px; float:none; white-space:nowrap; padding:5px;} #nav > ul > li:hover > ul {display:block;} #searchForm {position:fixed; top:16px; right:140px; z-index:5; display:none;} #searchField {background:#efefef; border:1px solid #666; font-size:18px; padding:3px 5px; width:300px; position:absolute; top:0; right:78px;} #searchButton {font-size:17px; width:75px; position:absolute; top:0; right:0; margin-top:1px; margin-left:3px; padding:3px 5px;} .button{/* Structure */display:inline-block;*display:inline;/*IE 6/7*/ zoom:1;font-size:100%;*font-size:90%;/*IE 6/7 - To reduce IE's oversized button text*/ *overflow:visible;/*IE 6/7 - Because of IE's overly large left/right padding on buttons */ padding:0.2em 1em 0.25em; line-height:normal; white-space:nowrap; vertical-align:baseline; text-align:center;cursor:pointer; -webkit-user-drag:none; -webkit-user-select:none; -moz-user-select:none;user-select:none;/* Presentation */ color:#444;/* rgba not supported (IE 8) */ color:rgba(0,0,0,0.80);/* rgba supported */ *color:#444;/* IE 6 & 7 */ border:1px solid #999;/*IE 6/7/8*/ border:none rgba(0,0,0,0);/*IE9 + everything else*/ text-decoration:none; background-color:#FFC25D;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC25D',endColorstr='#FFD084',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.30)),color-stop(40%,rgba(255,255,255,0.15)),to(transparent));background-image:-webkit-linear-gradient(rgba(255,255,255,0.30),rgba(255,255,255,0.15) 40%,transparent);background-image:-moz-linear-gradient(top,rgba(255,194,93,0.30),rgb(255,208,132,0.15) 40%,transparent);background-image:-ms-linear-gradient(rgba(255,255,255,0.30),rgba(255,255,255,0.15) 40%,transparent);background-image:-o-linear-gradient(rgba(255,255,255,0.30),rgba(255,255,255,0.15) 40%,transparent);background-image:linear-gradient(rgba(255,255,255,0.30),rgba(255,255,255,0.15) 40%,transparent);text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset,0 2px 0 rgba(255,255,255,0.30) inset,0 1px 2px rgba(0,0,0,0.15);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset,0 2px 0 rgba(255,255,255,0.30) inset,0 1px 2px rgba(0,0,0,0.15);box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset,0 2px 0 rgba(255,255,255,0.30) inset,0 1px 2px rgba(0,0,0,0.15);/* Transitions */ -webkit-transition:0.1s linear -webkit-box-shadow;-moz-transition:0.1s linear -moz-box-shadow;-ms-transition:0.1s linear box-shadow;-o-transition:0.1s linear box-shadow;transition:0.1s linear box-shadow;} button.button:hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#26000000',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,0.05)),to(rgba(0,0,0,0.15)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.15));background-image:-moz-linear-gradient(top,transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.15));background-image:-ms-linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.15));background-image:-o-linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.15));background-image:linear-gradient(transparent,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.15));} button.button:active{border:inset 1px solid #999;/*IE 6/7/8*/ border:none rgba(0,0,0,0);/*IE9 + everything else*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000',endColorstr='#26000000',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.10)),to(rgba(0,0,0,0.15)));background-image:-webkit-linear-gradient(rgba(0,0,0,0.10),rgba(0,0,0,0.15));background-image:-moz-linear-gradient(top,rgba(0,0,0,0.10),rgba(0,0,0,0.15));background-image:-ms-linear-gradient(rgba(0,0,0,0.10),rgba(0,0,0,0.15));background-image:-o-linear-gradient(rgba(0,0,0,0.10),rgba(0,0,0,0.15));background-image:linear-gradient(rgba(0,0,0,0.10),rgba(0,0,0,0.15));-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset,0 2px 4px rgba(0,0,0,0.30) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset,0 2px 4px rgba(0,0,0,0.30) inset;box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset,0 2px 4px rgba(0,0,0,0.30) inset;} .button:link {color:#000 !important; text-decoration:none;} .button:visited {color:#000} .button:hover {color:#000} /* Error Messages */ #displayUserNotice, #displayUserWarning, #displayUserError, #displayDebugError {background:#74AD53 url(/files/images/messageNotice.png) 12px 12px no-repeat; min-height:94px; margin:5px auto; z-index:100;} #displayUserNotice div, #displayUserWarning div, #displayUserError div, #displayDebugError div {margin-left:93px; border-left:1px solid #fff; color:#fff; font-size:20px; min-height:74px; text-align:left; padding:10px 5px 10px 15px;} #displayUserWarning {background:#FFDC73 url(/files/images/messageWarning.png) 12px 12px no-repeat;} #displayUserWarning div {color:#444;} #displayUserError, #displayDebugError {background:#D90000 url(/files/images/messageError.png) 12px 12px no-repeat;} .button2 { /* Structure */ display: inline-block; *display: inline; /*IE 6/7*/ zoom: 1; font-size: 100%; *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/ *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */ padding: 0.2em 1em 0.25em; line-height: normal; white-space: nowrap; vertical-align: baseline; text-align: center; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Presentation */ color: #444; /* rgba not supported (IE 8) */ color: rgba(0, 0, 0, 0.80); /* rgba supported */ *color: #444; /* IE 6 & 7 */ border: 1px solid #999; /*IE 6/7/8*/ border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/ background-color: #E6E6E6; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent)); background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15); -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15); box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15); /* Transitions */ -webkit-transition: 0.1s linear -webkit-box-shadow; -moz-transition: 0.1s linear -moz-box-shadow; -ms-transition: 0.1s linear box-shadow; -o-transition: 0.1s linear box-shadow; transition: 0.1s linear box-shadow; } .button2:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.15))); background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); } .button2:active { border: inset 1px solid #999; /*IE 6/7/8*/ border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0, 0.10)), to(rgba(0,0,0, 0.15))); background-image: -webkit-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); background-image: -ms-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); background-image: -o-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); background-image: linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset; -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset; box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset; } #body {background:#fff; max-width:1140px; text-align:left; margin:0 auto; position:relative; min-height:300px; margin-top:60px; z-index:0; padding:0 30px 50px 30px; overflow:hidden} #footer {background:#fff; position:relative; max-width:1200px; margin:0 auto; text-align:left; min-height:200px; padding:60px 0;} #footer .logo {margin-left:15px;} #footer .features {float:right; margin-right:15px;} #footer .nav ul {overflow:hidden; margin:40px 0 10px 15px; z-index:2; font:bold 15px "Montserrat",Arial,sans-serif;} #footer .nav li {list-style:none; float:left; margin-right:26px; margin-bottom:0px; margin-top:0px;} #footer .nav a {padding:2px 0px 4px 0px;} #footer .nav a.active {background:#DEDACE;} #footer .nav a:link {color:#777; text-decoration:none;} #footer .nav a:visited {color:#777; text-decoration:none;} #footer .nav a:hover {color:#A39D97;} #footer .copyright {color:#999; font:bold 13px "Montserrat",Arial,sans-serif; margin:0 0 10px 15px;} /* HOME */ #homeLogoBox {background:#EEEFE7; width:auto; padding:70px 0; text-align:center; margin:0 -30px;} #homeMainFeatures {background:#EDF3F3; text-align:center; overflow:hidden; padding:25px 10px; margin:0 -30px;} #homeMainFeatures .item {width:220px; float:left; text-align:center; font:bold 20px Montserrat,Arial,sans-serif;} #homeMainFeatures .item img {display:block; margin:0 auto 15px auto;} #homeMainFeatures .box {width:668px; margin:0 auto;} #homeMainFeatures .item a:link {color:#333; text-decoration:none;} #homeMainFeatures .item a:visited {color:#333; text-decoration:none;} #homeMainFeatures .item a:hover {color:#777; } #homeMainFeatures .item a:active {color:#FFC25D; text-decoration:none;} #homeMainText {background:#fff url(/files/images/temperature-check3.jpg) center no-repeat; padding:70px 2px 70px 30px; overflow:hidden; margin:0 -30px; color:#fff;} #homeMainText h2 {font:bold 23px "Roboto Slab",Georgia,serif; color:#fff; margin-bottom:0; text-shadow: 0px 1px 17px rgba(0, 0, 0, 0.9);} #homeMainText p {font:20px Montserrat,Arial,sans-serif; color:#fff; margin:0 0 20px 0; text-shadow: 0px 1px 17px rgba(0, 0, 0, 0.9);} #homeMainText .left {width:45%; float:left; margin-right:5%;} #homeMainText .right {width:50%; float:left;} #homeClinicInfo {background:#FFC25D; padding:30px 2px 70px 30px; overflow:hidden; margin:0 -30px;} #homeClinicInfo h2 {font:bold 28px "Roboto Slab",Georgia,serif; color:#fff; text-align:center;} #homeClinicInfo div {font:bold 20px Montserrat,Arial,sans-serif; color:#fff; margin:20px 20px 20px 0; } #homeClinicInfo img {float:right; margin:0 0 20px 40px;} #homeJob {background:#DADF47; padding:12px 2px 15px 30px; overflow:hidden; position:relative; margin:0 -30px;} #homeJob img {position:absolute; top:20px; left:40px;} #homeJob div {font:bold 18px Montserrat,Arial,sans-serif; margin:17px 20px 20px 140px; color:#fff;} #homeJob div h2 {font:bold 22px "Roboto Slab",Georgia,serif; color:#fff; margin-bottom:0;} #homeJob div p {margin-top:5px;} #homePartners {padding:15px; background:#EEEFE7; margin:0 -30px; text-align:center;} #homePartners img {margin:10px 15px 10px 0; vertical-align:middle;} #homePartners h2 {font:bold 28px "Roboto Slab",Georgia,serif; text-align:center; margin:17px 0 30px 0;} #homeNewsletter {text-align:center; margin:20px 0 30px 0;} #homeNewsletter img {float:left; margin-right:15px; } #homeNewsletter h3 {font:bold 38px "Roboto Slab",Georgia,serif; text-align:left; color:#333;} #homeNewsInside .smallerTxt {color:#666; text-align:left; margin:10px 0 20px 0;} #homeNewsInside .text {overflow:hidden;} #homeNewsInside {max-width:466px; margin:0 auto; overflow:hidden; position:relative;} /* Lists */ .linkList {margin:0; list-style: none; padding:0; border-top:1px solid #eee; width:100%; max-width:500px;} .linkList li {position:relative; font-size:21px; border-bottom:1px solid #eee; background:url('/files/images/green-bullet-2.svg') 30px center no-repeat; padding:30px 10px 30px 80px; color:#000; font-weight:bold; } .linkList li a:link, .linkList li a:visited {text-decoration: none} .linkList li a:hover {color:#99cc00; text-decoration: underline;} .orangeButton {background:#FFAE47; text-decoration:none; font-size:24px; font-weight:700; margin-top:15px; display:block;} .orangeButton:link {color:#fff;} .orangeButton:visited {color:#fff;} .orangeButton:hover {color:#fff;} .button1 {background:url("/files/images/buttons/orange-angled-button.svg") center center no-repeat; padding:14px 90px;} .button4 {background:url("/files/images/buttons/orange-angled-button-2.svg") center center no-repeat; padding:14px 90px;} /* Contact */ .contactForm label {display:block} .contactForm textarea {padding:6px} /* forum */ .forumHeading {font-size:15px;} .postAuthor {font-size:15px; font-weight:bold; color:#444; padding-bottom:10px;} .postAuthor em {font-size:13px; font-weight:normal; color:#9197A3; display:block;} .postContent {padding-bottom:10px; line-height:100%;} .forumFileAttachments {overflow:hidden; font-size:14px;} .forumFileAttachments li {float:left; margin:0 30px 0 20px;} .commentAuthor {font-size:15px; font-weight:bold; color:#444; padding-bottom:0;} .commentAuthor em {font-size:13px; font-weight:normal; color:#9197A3; display:block;} .commentContent {border-bottom:1px solid #ccc; padding-bottom:10px; margin-top:0; line-height:100%;} .endOfAttachments {border-bottom:1px solid #ccc;} .addCommentField {width:500px; height:50px; padding:4px; margin-bottom:10px;} .forumList div {margin:6px 0 20px 0; font-size:13px;} .forumBread {margin:-30px 0 20px 0; font-size:14px;} /* clinic Search */ label span { vertical-align: middle; } #healthcare-select { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #healthcare-select input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #healthcare-select label { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 10px; padding: 5px 10px; border: 1px solid #d9d9d9; border-radius: 5px; color: #7f7f7f; background-color: white; cursor: pointer; } #healthcare-select label:hover { color: #404040; background-color: #d9d9d9; border: 1px solid #d9d9d9; } #healthcare-select input[type=checkbox]:focus + label { /* outline: 10px solid red; */ } #healthcare-select input[type=checkbox]:checked + label { background-color: #b2bc36; color: white; border: 1px solid #b2bc36; } #healthcare-select input[type=checkbox]:checked + label:hover { color: white; background-color: #939B2D; border: 1px solid #939B2D; } .siteIndexFlex {display: flex;} .siteIndexSide {width:50%;} @media screen and (max-width:545px) { .siteIndexFlex {display: block;} .siteIndexSide {width:100%;} } #search-results { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card { background-color: #f2f2f2; border: 1px solid #eee; box-shadow: 1px 2px 4px 2px #ccc; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 18px; width: 47%; padding-left: 12px; padding-right: 12px; } .card.fullCard { width: 100%; } .card .clinic-website { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .card .clinic-services { border-top: 1px solid gray; padding-top: 10px; } .clinic-website-print {display:none} @media screen and (max-width: 1040px) { .card { width: 90%; } } @media screen and (min-width:1100px) { #nav {display:block;} } @media screen and (max-width:1100px) { #siteTools .menu {display:block;} #searchForm {position:fixed; top:16px; right:204px; z-index:5; display:none;} #nav{position:fixed; top:0; left:0px; height:100%; background:#3c4451; z-index:0; width:250px; -webkit-transition: -webkit-transform 0.2s linear; -moz-transition: -moz-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; -ms-transition: -ms-transform 0.2s linear; transition: transform 0.2s linear;} .menuClosed{-webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(-250px,0,0); -moz-transform: translate3d(-250px,0,0); -ms-transform: translate3d(-250px,0,0); -o-transform: translate3d(-250px,0,0); transform: translate3d(-250px,0,0);} .menuOpen{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} #nav > ul {margin:0; z-index:2; font:bold 15px "Montserrat",Arial,sans-serif; position:absolute; top:0px; left:0px; right:none;} #nav ul li{list-style:none; float:none; margin:0; position:relative; padding-bottom:0; white-space:nowrap;} #nav li a{color: #fff; display: block; padding:15px 5px 15px 10px; text-decoration: none; line-height: 1.5em; overflow: hidden; border-bottom: 1px solid #2d333d; width:240px; white-space:pre-wrap;} #nav li a:hover{background:#666; color: #fff;} #nav > ul > li > ul{background:none; position:relative; left:0px; top:0px; z-index:10; border:none; display:none;} #nav > ul > li > ul > li{padding-top:1px; float:none; white-space:nowrap; padding:0px; margin:0; margin-left:-18px;} #nav > ul > li > ul > li a{background:#292D38; border-bottom:1px solid #3c4451;} #nav > ul > li:hover > ul{display:block;} } @media screen and (max-width:580px) { #searchField {background:#efefef; border:1px solid #666; font-size:18px; padding:3px 5px; width:210px;} #siteLogo {margin:0 10px 0 10px; float:none; width:30%; vertical-align:middle;} .helper {display:inline-block;height:100%; vertical-align:middle;} #searchForm {position:fixed; top:80px; right:20px; z-index:5; display:none;} #homeLogoBox img {width:90%; max-width:461px; margin:auto 15px;} #homeMainFeatures .box {width:100%; margin:0 auto;} #homeMainFeatures .item {width:60%; float:none; text-align:center; margin:10px auto;} #homeMainFeatures .item img {display:block; margin:0 auto 15px auto; width:30%; } #homeMainText {background-size:cover; padding:30px 0 30px 15px; overflow:hidden;} #homeMainText .left {width:auto; float:none; padding-right:5px;} #homeMainText .right {width:auto; float:none; padding-right:5px;} #homeClinicInfo {background:#FFC25D; padding:30px 2px 30px 15px; overflow:hidden;} #homeClinicInfo div {font:bold 20px Montserrat,Arial,sans-serif; color:#fff; margin:20px 10px 20px 0; } #homeClinicInfo img {display:none;} #homeJob {background:#DADF47; padding:12px 2px 15px 15px;} #homeJob img {position:relative; top:0; left:0;} #homeJob div {font:bold 18px Montserrat,Arial,sans-serif; margin:17px 20px 20px 0px; color:#fff;} #footer .features {float:none; margin-right:15px; margin-top:20px;} #footer .features img {display:block; margin-bottom:20px; margin-left:15px;} .leftColumn2 {float:none; width:100%; margin-right:0;} .rightColumn2 {float:none; width:100%;} #homeNewsletter img {float:left;} #homeNewsInside .text {overflow:visible;} } @media print { #nav, #clinicSearchForm, #siteTools, #searchForm, #footer .features, #footer .nav, #header, .clinic-website {display:none !important;} #search-results, .clinic-website-print {display:block} #search-results .card {display:block; width:auto; border:none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .mainHeading {padding:10px 0; text-align:center; border-bottom:1px solid #bababa; margin:0;} .mainHeading h1 {font:bold 25px "Roboto Slab"; color:#000; margin:4px 0;} .mainHeading h2 {font:18px "Roboto Slab"; color:#000; margin:4px 0;} }