BODY {COLOR: #45250D; FONT-FAMILY:Open Sans, calibri, verdana, sans-serif; FONT-SIZE: 1.0em; FONT-WEIGHT: normal; font-style:normal; line-height:1.45em; FONT-DECORATION: none; background: #FFFFED; background: #F7E9C3; background: #FBF9EB; background:white;} A:link{color: #4F974F; font-weight: bold; text-decoration: none;} A:visited{color: #4F974F; font-weight: bold; text-decoration: none;} A:active{color: #4F974F; font-weight: bold; text-decoration: none;} A:hover {COLOR: #B95112; font-weight: bold; TEXT-DECORATION: none;} A.navhead:link{color: #F9750B; font-weight: bold; text-decoration: none;} A.navhead:visited{color: #F9750B; font-weight: bold; text-decoration: none;} A.navhead:active{color: #F9750B; font-weight: bold; text-decoration: none;} A.navhead:hover {COLOR: #FC8A30; font-weight: bold; TEXT-DECORATION: underline;} A.footer:link{color: white; font-size:12px; line-height:16px; font-weight: bold; text-decoration: none;} A.footer:visited{color: white; font-size:12px; line-height:16px; font-weight: bold; text-decoration: none;} A.footer:active{color: white; font-size:12px; line-height:16px; font-weight: bold; text-decoration: none;} A.footer:hover {COLOR: black; font-size:12px; line-height:16px; font-weight: bold; TEXT-DECORATION: none;} P.footer{COLOR: #ffffff; font-size:14px; line-height:20px; font-weight: bold; font-style:normal;} P.footerblack{COLOR: #000000; font-size:12px; line-height:20px; font-weight: normal; font-style:normal;} P{COLOR: #45250D; FONT-FAMILY:Georgia, Cambria, Times New Roman, serif; FONT-SIZE: 1em; FONT-WEIGHT: normal; font-style:normal; line-height:1.45em;} P.smallprint{COLOR: #303030; font-size:10px; line-height:13px; font-weight: normal; font-style:normal;} P.tag{COLOR: #adb7b2; font-size:16px; line-height:22px; font-weight: normal; font-style:normal;} .subhead{COLOR:#4C3884; font-size:16px; line-height:22px; font-weight: bold; font-style:normal;} .greensubhead{COLOR:#5A932C; font-size:16px; line-height:18px; font-weight: bold; font-style:normal;} .blacksubhead{COLOR:#040404; font-size:14px; line-height:18px; font-weight: normal; font-style:normal;} .coursehead{COLOR: #45250D; font-size:14px; line-height:18px; font-weight: normal; font-style:normal;} .subheadtight{COLOR: #57791A; font-size:16px; line-height:16px; font-weight: normal; font-style:normal;} .redtext{COLOR: #CC0001; font-weight: normal; font-style:normal; } .greentext{COLOR: #57791A; font-weight: normal; font-style:normal; } .browntext{color: #AE7534;} img.onethird{border:0; width:100%;} img.currentdeals{border:0;width:100%; background-image:url('/images/480dottedDEALS.png');} table.tosize{COLOR: #45250D; width:60%; font-size:1em; line-height:1.25em; font-weight: normal; font-style:normal;} tr.footer{background-color: rgba(216, 216, 216, .6);} tr.footer{background-color: rgba(189, 200, 160, .6);} tr.disclaimer{background-color: rgba(229, 158, 89, .175);} tr.disclaimer{background-color: rgba(185, 116, 70, .175);} tr.disclaimer{background-color: #FFF5CB;} @media screen and (min-width:1440px) and (max-width:1920px){ TABLE{width:1440px; COLOR: #45250D; font-size:1.0em; line-height:1.75em; font-weight: normal; font-style:normal; } TABLE.sponsors{width:1440px; COLOR: #45250D; font-size:0.9em; line-height:1.35em; font-weight: normal; font-style:normal; } TABLE.sponsorsreally{width:1000px; COLOR: #45250D; font-size:0.9em; line-height:1.25em; font-weight: normal; font-style:normal; } TABLE.inner{width:1000px; COLOR: #45250D; font-size:1em; line-height:1.75em; font-weight: normal; background-image:url('/images/nothing.png'); } TABLE.nested{width:95%; COLOR: #45250D; font-size:1em; line-height:1.25em; font-weight: normal; background-image:url('/images/nothing.png'); } TABLE.contact{width:700px; COLOR: #45250D; font-size:1em; line-height:1.25em; font-weight: normal; background-image:url('/images/nothing.png'); } TABLE.maptable{width:480px; COLOR: #45250D; font-size:1em; line-height:1.25em; font-weight: normal; } TABLE.mapbuddy{width:400px; COLOR: #45250D; font-size:1em; line-height:1.25em; font-weight: normal; } table.shadedinner{width:960px; font-size:1em; line-height:1.25em; font-weight: normal; font-style:normal; bgcolor:#F1F5F3; } TABLE.slideshow{width:100%; COLOR: #45250D; font-size:1em; line-height:1.25em; font-weight: normal; } table.tosize{COLOR: #45250D; width: 60%; font-size:1em; line-height:1.25em; font-weight: normal; font-style:normal;} .subhead{color:#9C7960; font-size:1.5em; font-weight:bold; line-height:1.65em;} .subhead{color:#93A565; font-size:1.75em; font-weight:normal; line-height:1.85em;} .subsubhead{color:#93A565; font-size:1.25em; font-weight:normal; font-style: italic; line-height:1.75em;} A.subhead:link{color: #93A565; font-weight: bold; text-decoration: none; font-size:1.75em; font-weight:normal; line-height:1.85em;} A.subhead:visited{color: #93A565; font-weight: bold; text-decoration: none; font-size:1.75em; font-weight:normal; line-height:1.85em;} A.subhead:active{color: #93A565; font-weight: bold; text-decoration: none; font-size:1.75em; font-weight:normal; line-height:1.85em;} A.subhead:hover {COLOR: #B95112; font-weight: bold; TEXT-DECORATION: none; font-size:1.75em; font-weight:normal; line-height:1.85em;} .subheadADOPTION{color:#4F974F; font-size:1.75em; font-weight:bold; line-height:1.85em;} .subheadSTRAYSNEGLECT{color:#7C7FE5; font-size:1.75em; font-weight:bold; line-height:1.85em;} .subheadLOSTPETS{color:#2979C3; font-size:1.75em; font-weight:bold; line-height:1.85em;} .subheadUCHSSERVICES{color:#7F797A; font-size:1.75em; font-weight:bold; line-height:1.85em;} .subheadGIVE{color:#9B5F39; font-size:1.75em; font-weight:bold; line-height:1.85em;} .subheadABOUT{color:#BC873E; font-size:1.75em; font-weight:bold; line-height:1.85em;} .subheadCONTACT{color:#364F6E; font-size:1.75em; font-weight:bold; line-height:1.85em;} .subheadVOLUNTEER{color:#4C3884; font-size:1.75em; font-weight:bold; line-height:1.85em;} A.biglink:link{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:visited{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:active{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:external{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:hover {COLOR: #4C3884; font-weight: normal; TEXT-DECORATION: underline; font-size:1.25em; font-weight:bold; line-height:1.35em;} .purplemedium{color:#4C3884; font-size:1.35em; font-weight: bold; line-height:1.4em;} .greenmedium{color:#5D9732; font-size:1.35em; font-weight: bold; line-height:1.4em;} .stdcolormedium{color:#45250D; font-size:1.35em; font-weight: bold; line-height:1.4em;} .greensubhead{color:#5A932C; font-size:1.75em; font-weight:bold; line-height:1.775em;} .subheadrescue{color:#7B7EE5; font-size:1.75em; font-weight:bold; line-height:1.85em;} .subheadrehome{color:#4F974F; font-size:1.75em; font-weight:bold; line-height:1.85em;} .subheadcare{color:#2979C3;font-size:1.75em; font-weight:bold; line-height:1.85em;} .subheadeducate{color:#D6549A; font-size:1.75em; font-weight:bold; line-height:1.85em;} .navrescue{color:#7B7EE5; font-size:1.75em; font-weight:bold; line-height:1.85em;} .navrehome{color:#4F974F; font-size:1.75em; font-weight:bold; line-height:1.85em;} .navcare{color:#2979C3;font-size:1.75em; font-weight:bold; line-height:1.85em;} .naveducate{color:#D6549A; font-size:1.75em; font-weight:bold; line-height:1.85em;} A.navrescue:link{color: #7B7EE5; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navrescue:visited{color: #7B7EE5; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navrescue:active{color:#7B7EE5; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navrescue:external{color: #7B7EE5;; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navrescue:hover {COLOR: #333333; font-size:1.25em; font-weight:bold; line-height:1.35em; TEXT-DECORATION: underline;} A.navwhite:link{color: #ffffff; font-size:1.25em; font-weight:bold; line-height:1.85em; text-decoration: none;} A.navwhite:visited{color: #ffffff; font-size:1.25em; font-weight:bold; line-height:1.85em; text-decoration: none;} A.navwhite:active{color: #ffffff; font-size:1.25em; font-weight:bold; line-height:1.85em; text-decoration: none;} A.navwhite:external{color: #ffffff; font-size:1.25em; font-weight:bold; line-height:1.85em; text-decoration: none;} A.navwhite:hover {COLOR: #EFF6DD; font-size:1.25em; font-weight:bold; line-height:1.85em; TEXT-DECORATION:none;} A.navrehome:link{color: #4F974F; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navrehome:visited{color: #4F974F; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navrehome:active{color: #4F974F; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navrehome:external{color:#4F974F; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navrehome:hover {COLOR: #333333; font-size:1.25em; font-weight:bold; line-height:1.35em; TEXT-DECORATION: underline;} A.navcare:link{color: #2979C3; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navcare:visited{color: #2979C3; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navcare:active{color: #2979C3; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navcare:external{color:#2979C3; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navcare:hover {COLOR: #333333; font-size:1.25em; font-weight:bold; line-height:1.35em; TEXT-DECORATION: underline;} A.naveducate:link{color: #D6549A; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.naveducate:visited{color: #D6549A; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.naveducate:active{color: #D6549A; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.naveducate:external{color:#D6549A; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.naveducate:hover {COLOR: #333333; font-size:1.25em; font-weight:bold; line-height:1.35em; TEXT-DECORATION: underline;} A.navother:link{color: #AE7534; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navother:visited{color: #AE7534; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navother:active{color: #AE7534; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navother:external{color:#AE7534; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navother:hover {COLOR: #333333; font-size:1.25em; font-weight:bold; line-height:1.35em; TEXT-DECORATION: underline;} A.navcontact:link{color: #354E6D; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navcontact:visited{color: #354E6D; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navcontact:active{color: #354E6D; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navcontact:external{color:#354E6D; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navcontact:hover {COLOR: #333333; font-size:1.25em; font-weight:bold; line-height:1.35em; TEXT-DECORATION: underline;} A.navevents:link{color: #8F3423; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navevents:visited{color: #8F3423; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navevents:active{color: #8F3423; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navevents:external{color: #8F3423; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navevents:hover {COLOR: #333333; font-size:1.25em; font-weight:bold; line-height:1.35em; TEXT-DECORATION: underline;} A.navgive:link{color: #7F797A; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navgive:visited{color: #7F797A; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navgive:active{color: #7F797A; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navgive:external{color: #7F797A; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navgive:hover {COLOR: #333333; font-size:1.25em; font-weight:bold; line-height:1.35em; TEXT-DECORATION: underline;} A.navabout:link{color: #CC9850; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navabout:visited{color: #CC9850; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navabout:active{color: #CC9850; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navabout:external{color: #CC9850; font-size:1.25em; font-weight:bold; line-height:1.35em; text-decoration: none;} A.navabout:hover {COLOR: #333333; font-size:1.25em; font-weight:bold; line-height:1.35em; TEXT-DECORATION: underline;} .blacksubhead{color:#040404; font-size:1.225em; font-weight:normal; line-height:1.45em;} .businessname{color:#9C7960; font-size:1.25em; font-weight:bold; line-height:1.35em;} .icsubhead{color:#ffffff; font-size:1.75em; font-weight:normal; line-height:1.85em;} .coursehead{COLOR: #45250D; font-size:1.4em; line-height:1.5em; font-weight: normal; font-style:normal;} .subheadtight{color:#414244; font-size:1.75em; font-weight:normal; line-height:1.75em;} .subtitle{color:#414244; font-size:1.75em; font-weight:normal; line-height:1.85em;} .taghead{color:#787E7C; font-size:1.25em; font-weight:normal; line-height:1.35em;} .bluetaghead{color:#414244; font-size:1.25em; font-weight:normal; line-height:1.35em;} .smallprint{color:#45250D; font-size:.8em; font-weight:normal; line-height:1.1em;} .services{color:#00407C; font-size:1.125em; font-weight:bold; line-height:2em;} A.services:link{color: #00407C; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:2.25em;} A.services:visited{color: #00407C; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:2.25em;} A.services:active{color: #00407C; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:2.25em;} A.services:external{color: #00407C; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:2.25em;} A.services:hover {COLOR:#CC1621; font-weight: normal; TEXT-DECORATION: none;font-size:1.25em; font-weight:bold; line-height:2.25em;} A.online:link{color: #ffffff; font-weight: normal; text-decoration: none; font-size:1.15em; font-weight:bold; line-height:1.25em;} A.online:visited{color: #ffffff; font-weight: normal; text-decoration: none; font-size:1.15em; font-weight:bold; line-height:1.25em;} A.online:active{color: #ffffff; font-weight: normal; text-decoration: none;font-size:1.15em; font-weight:bold; line-height:1.25em;} A.online:external{color: #ffffff; font-weight: normal; text-decoration: none;font-size:1.15em; font-weight:bold; line-height:1.25em;} A.online:hover {COLOR:#F6D834; font-weight: normal; TEXT-DECORATION: none;font-size:1.15em; font-weight:bold; line-height:1.25em;} .footfont{color: #45250D; font-weight:normal; font-size:1.25em; line-height:2.5em;} .footfont{color: #604530; font-weight:normal; font-size:1.25em; line-height:2.5em;} tr.footer{background-color: rgba(216, 216, 216, .6);} tr.footer{background-color: rgba(189, 200, 160, .6);} tr.disclaimer{background-color: rgba(229, 158, 89, .175);} tr.disclaimer{background-color: rgba(185, 116, 70, .175);} tr.disclaimer{background-color: #FFF5CB;} .whitefooter{color: #ffffff; font-weight: normal; text-decoration: none; font-size:1.15em; font-weight:bold; line-height:1.25em;} .other{color:#ffffff; font-size:1.125em; font-weight:bold; line-height:2em;} .thing{color:#787E7C; font-size:1.125em; font-weight:bold; line-height:2em;} .redhead{COLOR: #E41937; font-size:24pt; line-height:28pt; font-weight: normal; font-style:normal;} .herredhead{COLOR: #F5002E; font-size:24pt; line-height:28pt; font-weight: normal; font-style:normal;} .darkbluehead{COLOR: #0C3590; font-size:24pt; line-height:28pt; font-weight: normal; font-style:normal;} .mediumbluehead{COLOR: #7091B6; font-size:20pt; line-height:24pt; font-weight: normal; font-style:normal;} .aside{COLOR: #F5002E; font-size:9pt; line-height:11pt; font-weight: normal; font-style:normal;} td.facebook{width:5%;} td.twitter{width:5%;} td.youtube{width:10%;} } @media screen and (min-width:1024px) and (max-width:1439px){ table{width:100%; font-size:1em; line-height:1.5em; font-weight: normal; font-style:normal; } table.inner{width:98%; font-size:1em; line-height:1.75em; font-weight: normal; font-style:normal; } TABLE.sponsors{width:98%; COLOR: #45250D; font-size:0.95em; line-height:1.125em; font-weight: normal; font-style:normal; } TABLE.sponsorsreally{width:98%; COLOR: #45250D; font-size:0.95em; line-height:1.125em; font-weight: normal; font-style:normal; } table.tosize{width: 90%; COLOR: #45250D; font-size:1em; line-height:1.125em; font-weight: normal; font-style:normal;} table.nested{width:95%; font-size:1em; line-height:1.125em; font-weight: normal; font-style:normal; } table.contact{width:95%; font-size:1em; line-height:1.125em; font-weight: normal; font-style:normal; } img.onethird{border:0; width:100%;} table.maptable{width:480px; font-size:0.95em; line-height:1.1em; font-weight: normal; font-style:normal; } table.mapbuddy{width:90%; font-size:0.95em; line-height:1.1em; font-weight: normal; font-style:normal; } table.shadedinner{width:95%; font-size:0.95em; line-height:1.1em; font-weight: normal; font-style:normal; bgcolor:#F1F5F3; } .subhead{color:#4C3884; font-size:1.25em; font-weight:bold; line-height:1.45em;} .subhead{color:#93A565; font-size:1.75em; font-weight:normal; line-height:1.85em;} .subsubhead{color:#93A565; font-size:1.25em; font-weight:normal; font-style: italic; line-height:1.75em;} .subheadADOPTION{color:#4F974F; font-size:1.25em; font-weight:bold; line-height:1.45em;} .subheadSTRAYSNEGLECT{color:#7C7FE5; font-size:1.25em; font-weight:bold; line-height:1.45em;} .subheadLOSTPETS{color:#2979C3; font-size:1.25em; font-weight:bold; line-height:1.45em;} .subheadUCHSSERVICES{color:#7F797A; font-size:1.25em; font-weight:bold; line-height:1.45em;} .subheadGIVE{color:#9B5F39; font-size:1.25em; font-weight:bold; line-height:1.45em;} .subheadABOUT{color:#BC873E; font-size:1.25em; font-weight:bold; line-height:1.45em;} .subheadCONTACT{color:#364F6E; font-size:1.25em; font-weight:bold; line-height:1.45em;} .subheadVOLUNTEER{color:#4C3884; font-size:1.25em; font-weight:bold; line-height:1.45em;} .greensubhead{color:#5A932C; font-size:1.25em; font-weight:bold; line-height:1.45em;} .blacksubhead{color:#040404; font-size:1.25em; font-weight:normal; line-height:1.45em;} .businessname{color:#9C7960; font-size:1.15em; font-weight:bold; line-height:1.2em;} .coursehead{COLOR: #45250D; font-size:1.25em; line-height:1.45em; font-weight: normal; font-style:normal;} .icsubhead{color:#ffffff; font-size:1.25em; font-weight:normal; line-height:1.45em;} .subheadtight{color:#414244; font-size:1.25em; font-weight:normal; line-height:1.25em;} .taghead{color:#787E7C; font-size:1.25em; font-weight:normal; line-height:1.35em;} .bluetaghead{color:#414244; font-size:1.25em; font-weight:normal; line-height:1.35em;} .smallprint{color:#45250D; font-size:.8em; font-weight:normal; line-height:1.1em;} .services{color:#00407C; font-size:1.25em; font-weight:normal; line-height:2em;} A.services:link{color: #00407C; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.services:visited{color: #00407C; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.services:active{color: #00407C; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:1.35em;} A.services:external{color: #00407C; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:1.35em;} A.services:hover {COLOR:#CC1621; font-weight: normal; TEXT-DECORATION: none;font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:link{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:visited{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:active{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:external{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:hover {COLOR: #4C3884; font-weight: normal; TEXT-DECORATION: underline; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.online:link{color: #ffffff; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:2em;} A.online:visited{color: #ffffff; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:2em;} A.online:active{color: #ffffff; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:2em;} A.online:external{color: #ffffff; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:2em;} A.online:hover {COLOR:#F6D834; font-weight: normal; TEXT-DECORATION: none;font-size:1.25em; font-weight:bold; line-height:2em;} .whitefooter{color: #ffffff; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:2em;} .other{color:#ffffff; font-size:1.25em; font-weight:normal; line-height:2em;} .thing{color:#787E7C; font-size:1.25em; font-weight:normal; line-height:1.5em;} .redhead{COLOR: #E41937; font-size:; line-height:28pt; font-weight: normal; font-style:normal;} .herredhead{COLOR: #F5002E; font-size:14pt; line-height:16pt; font-weight: normal; font-style:normal;} .darkbluehead{COLOR: #0C3590; font-size:14pt; line-height:18pt; font-weight: normal; font-style:normal;} .mediumbluehead{COLOR: #7091B6; font-size:12pt; line-height:14pt; font-weight: normal; font-style:normal;} .aside{COLOR: #F5002E; font-size: 8pt; line-height:12pt; font-weight: normal; font-style:normal;} .purplemedium{color:#4C3884; font-size:1.35em; font-weight: bold; line-height:1.4em;} .greenmedium{color:#5D9732; font-size:1.35em; font-weight: bold; line-height:1.4em;} .stdcolormedium{color:#45250D; font-size:1.35em; font-weight: bold; line-height:1.4em;} td.facebook{width:7%;} td.twitter{width:7%;} td.youtube{width:14%;} } @media screen and (min-width:768px) and (max-width:1024px){ table{width:100%; font-size:1em; line-height:1.25em; font-weight: normal; font-style:normal; } table.inner{width:98%; font-size:1em; line-height:1.25em; font-weight: normal; font-style:normal; } TABLE.sponsors{width:98%; COLOR: #45250D; font-size:0.95em; line-height:1.125em; font-weight: normal; font-style:normal; } TABLE.sponsorsreally{width:98%; COLOR: #45250D; font-size:0.95em; line-height:1.125em; font-weight: normal; font-style:normal; } table.tosize{width: 90%; COLOR: #45250D; font-size:.95em; line-height:1.1em; font-weight: normal; font-style:normal;} table.nested{width:95%; font-size:1em; line-height:1.1em; font-weight: normal; font-style:normal; } table.contact{width:95%; font-size:1em; line-height:1.1em; font-weight: normal; font-style:normal; } img.onethird{border:0; width:100%;} table.maptable{width:480px; font-size:0.95em; line-height:1.1em; font-weight: normal; font-style:normal; } table.mapbuddy{width:90%; font-size:0.95em; line-height:1.1em; font-weight: normal; font-style:normal; } table.shadedinner{width:95%; font-size:0.95em; line-height:1.1em; font-weight: normal; font-style:normal; bgcolor:#F1F5F3; } .subhead{color:#4C3884; font-size:1.25em; font-weight:normal; line-height:1.45em;} .subhead{color:#93A565; font-size:1.75em; font-weight:normal; line-height:1.85em;} .subsubhead{color:#93A565; font-size:1.25em; font-weight:normal; font-style: italic; line-height:1.75em;} .subheadADOPTION{color:#4F974F; font-size:1.25em; font-weight:bold; line-height:1.55em;} .subheadSTRAYSNEGLECT{color:#7C7FE5; font-size:1.25em; font-weight:bold; line-height:1.55em;} .subheadLOSTPETS{color:#2979C3; font-size:1.25em; font-weight:bold; line-height:1.55em;} .subheadUCHSSERVICES{color:#7F797A; font-size:1.25em; font-weight:bold; line-height:1.55em;} .subheadGIVE{color:#9B5F39; font-size:1.25em; font-weight:bold; line-height:1.55em;} .subheadABOUT{color:#BC873E; font-size:1.25em; font-weight:bold; line-height:1.55em;} .subheadCONTACT{color:#364F6E; font-size:1.25em; font-weight:bold; line-height:1.55em;} .subheadVOLUNTEER{color:#4C3884; font-size:1.25em; font-weight:bold; line-height:1.55em;} .greensubhead{color:#5A932C; font-size:1.25em; font-weight:bold; line-height:1.45em;} .blacksubhead{color:#040404; font-size:1.25em; font-weight:normal; line-height:1.45em;} .businessname{color:#9C7960; font-size:1.15em; font-weight:bold; line-height:1.2em;} .coursehead{COLOR: #45250D; font-size:1.25em; line-height:1.45em; font-weight: normal; font-style:normal;} .icsubhead{color:#ffffff; font-size:1.25em; font-weight:normal; line-height:1.45em;} .subheadtight{color:#414244; font-size:1.25em; font-weight:normal; line-height:1.25em;} .taghead{color:#787E7C; font-size:1.25em; font-weight:normal; line-height:1.35em;} .bluetaghead{color:#414244; font-size:1.25em; font-weight:normal; line-height:1.35em;} .smallprint{color:#45250D; font-size:.8em; font-weight:normal; line-height:1.1em;} .services{color:#00407C; font-size:1.25em; font-weight:normal; line-height:2em;} A.services:link{color: #00407C; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.services:visited{color: #00407C; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.services:active{color: #00407C; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:1.35em;} A.services:external{color: #00407C; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:1.35em;} A.services:hover {COLOR:#CC1621; font-weight: normal; TEXT-DECORATION: none;font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:link{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:visited{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:active{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:external{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:hover {COLOR: #4C3884; font-weight: normal; TEXT-DECORATION: underline; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.online:link{color: #ffffff; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:2em;} A.online:visited{color: #ffffff; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:2em;} A.online:active{color: #ffffff; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:2em;} A.online:external{color: #ffffff; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:2em;} A.online:hover {COLOR:#F6D834; font-weight: normal; TEXT-DECORATION: none;font-size:1.25em; font-weight:bold; line-height:2em;} .whitefooter{color: #ffffff; font-weight: normal; text-decoration: none;font-size:1.25em; font-weight:bold; line-height:2em;} .other{color:#ffffff; font-size:1.25em; font-weight:normal; line-height:2em;} .thing{color:#787E7C; font-size:1.25em; font-weight:normal; line-height:1.5em;} .redhead{COLOR: #E41937; font-size:; line-height:28pt; font-weight: normal; font-style:normal;} .herredhead{COLOR: #F5002E; font-size:14pt; line-height:16pt; font-weight: normal; font-style:normal;} .darkbluehead{COLOR: #0C3590; font-size:14pt; line-height:18pt; font-weight: normal; font-style:normal;} .mediumbluehead{COLOR: #7091B6; font-size:12pt; line-height:14pt; font-weight: normal; font-style:normal;} .aside{COLOR: #F5002E; font-size: 8pt; line-height:12pt; font-weight: normal; font-style:normal;} .purplemedium{color:#4C3884; font-size:1.35em; font-weight: bold; line-height:1.4em;} .greenmedium{color:#5D9732; font-size:1.35em; font-weight: bold; line-height:1.4em;} .stdcolormedium{color:#45250D; font-size:1.35em; font-weight: bold; line-height:1.4em;} td.facebook{width:7%;} td.twitter{width:7%;} td.youtube{width:14%;} } @media screen and (min-width:240px) and (max-width:767px){ table{width:100%; font-size:.75em; line-height:1.125em; font-weight: normal; font-style:normal; } table.inner{width:98%; font-weight: normal; font-style:normal; } TABLE.sponsors{width:98%; COLOR: #45250D; font-weight: normal; font-style:normal; } TABLE.sponsorsreally{width:98%; COLOR: #45250D; font-weight: normal; font-style:normal; } table.tosize{width:90%; COLOR: #45250D; font-size:.85em; line-height:1em; font-weight: normal; font-style:normal;} table.nested{width:90%; font-size:0.75em; line-height:.95em; font-weight: normal; font-style:normal; } table.contact{width:90%; font-size:0.75em; line-height:.95em; font-weight: normal; font-style:normal; } table.maptable{width:90%; font-size:0.75em; line-height:.95em; font-weight: normal; font-style:normal; } table.mapbuddy{width:90%; font-size:0.75em; line-height:.95em; font-weight: normal; font-style:normal; } table.shadedinner{width:95%; font-size:0.95em; line-height:1.1em; font-weight: normal; font-style:normal; bgcolor:#F1F5F3; } .subhead{color:#4C3884; font-size:1.15em; font-weight:normal; line-height:1.35em;} .subhead{color:#93A565; font-size:1.75em; font-weight:bold; line-height:1.85em;} .subsubhead{color:#93A565; font-size:1.25em; font-weight:bold; font-style: italic; line-height:1.75em;} .subheadADOPTION{color:#4F974F; font-size:1.15em; font-weight:bold; line-height:1.35em;} .subheadSTRAYSNEGLECT{color:#7C7FE5; font-size:1.15em; font-weight:bold; line-height:1.35em;} .subheadLOSTPETS{color:#2979C3; font-size:1.15em; font-weight:bold; line-height:1.35em;} .subheadUCHSSERVICES{color:#7F797A; font-size:1.15em; font-weight:bold; line-height:1.35em;} .subheadGIVE{color:#9B5F39; font-size:1.15em; font-weight:bold; line-height:1.35em;} .subheadABOUT{color:#BC873E; font-size:1.15em; font-weight:bold; line-height:1.35em;} .subheadCONTACT{color:#364F6E; font-size:1.15em; font-weight:bold; line-height:1.35em;} .subheadVOLUNTEER{color:#4C3884; font-size:1.15em; font-weight:bold; line-height:1.35em;} .blacksubhead{color:#040404; font-size:1.25em; font-weight:normal; line-height:1.45em;} .businessname{color:#9C7960; font-size:1.25em; font-weight:normal; line-height:1.45em;} .coursehead{COLOR: #45250D; font-size:1.25em; line-height:1.45em; font-weight: normal; font-style:normal;} .icsubhead{color:#ffffff; font-size:1.25em; font-weight:normal; line-height:1.45em;} .subheadtight{color:#414244; font-size:1.25em; font-weight:normal; line-height:1.25em;} .taghead{color:#787E7C; font-size:1.25em; font-weight:normal; line-height:1.35em;} .bluetaghead{color:#414244; font-size:1.25em; font-weight:normal; line-height:1.35em;} .smallprint{color:#45250D; font-size:.8em; font-weight:normal; line-height:1.1em;} .services{color:#00407C; font-size:.9em; font-weight:normal; line-height:1.25em;} A.services:link{color: #00407C; font-weight: normal; text-decoration: none; font-size:.9em; font-weight:normal; line-height:1.45em;} A.services:visited{color: #00407C; font-weight: normal; text-decoration: none; font-size:.9em; font-weight:normal; line-height:1.45em;} A.services:active{color: #00407C; font-weight: normal; text-decoration: none;font-size:.9em; font-weight:normal; line-height:1.45em;} A.services:external{color: #00407C; font-weight: normal; text-decoration: none;font-size:.9em; font-weight:normal; line-height:1.45em;} A.services:hover {COLOR:#CC1621; font-weight: normal; TEXT-DECORATION: none;font-size:.9em; font-weight:normal; line-height:1.45em;} img.onethird{border:0; width:50%; } A.biglink:link{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:visited{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:active{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:external{color: #4C3884; font-weight: normal; text-decoration: none; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.biglink:hover {COLOR: #4C3884; font-weight: normal; TEXT-DECORATION: underline; font-size:1.25em; font-weight:bold; line-height:1.35em;} A.online:link{color: #ffffff; font-weight: normal; text-decoration: none; font-size:.9em; font-weight:normal; line-height:1.45em;} A.online:visited{color: #ffffff; font-weight: normal; text-decoration: none; font-size:.9em; font-weight:normal; line-height:1.45em;} A.online:active{color: #ffffff; font-weight: normal; text-decoration: none;font-size:.9em; font-weight:normal; line-height:1.45em;} A.online:external{color: #ffffff; font-weight: normal; text-decoration: none;font-size:.9em; font-weight:normal; line-height:1.45em;} A.online:hover {COLOR:#F6D834; font-weight: normal; TEXT-DECORATION: none;font-size:.9em; font-weight:normal; line-height:1.45em;} .whitefooter{color: #ffffff; font-weight: normal; text-decoration: none;font-size:.9em; font-weight:normal; line-height:1.45em;} .other{color:#ffffff; font-size:.9em; font-weight:normal; line-height:1.25em;} .thing{color:#787E7C; font-size:.9em; font-weight:normal; line-height:1.25em;} .redhead{COLOR: #E41937; font-size:; line-height:28pt; font-weight: normal; font-style:normal;} .herredhead{COLOR: #F5002E; font-size:14pt; line-height:16pt; font-weight: normal; font-style:normal;} .darkbluehead{COLOR: #0C3590; font-size:14pt; line-height:18pt; font-weight: normal; font-style:normal;} .mediumbluehead{COLOR: #7091B6; font-size:12pt; line-height:14pt; font-weight: normal; font-style:normal;} .aside{COLOR: #F5002E; font-size: 8pt; line-height:12pt; font-weight: normal; font-style:normal;} .purplemedium{color:#4C3884; font-weight: bold; line-height:1.14em;} .greenmedium{color:#5D9732; font-weight: bold; line-height:1.14em;} .stdcolormedium{color:#45250D; font-weight: bold; line-height:1.14em;} td.facebook{width:10%;} td.twitter{width:10%;} td.youtube{width:20%;} } table.tag{COLOR: #7F8F87; font-size:16px; line-height:24px; font-weight: normal; font-style:normal;} td.tag{COLOR: #7F8F87; font-size:16px; line-height:24px; font-weight: normal; font-style:normal;} tr.tag{COLOR: #7F8F87; font-size:16px; line-height:24px; font-weight: normal; font-style:normal;} .bridgeWrapper { position: relative; padding-bottom: 58%; /* 16:9 */ padding-top: 25px; height: 0; } .bridgeWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* resets */ *, *:before, *:after { box-sizing: border-box; } .clearfix:after { content: ""; display: table; clear: both; } /* global */ bodynonono { background-color: rgb(40,40,40); color: rgb(100,100,100); font-family: sans-serif; font-size: 14px; line-height: 1.3; } .wrapper { margin: 0 auto; padding: 20px; padding: 0px; max-width: 95%; background-color: #fff; } h1 { font-family: "Lobster", cursive; font-size: 2em; margin-bottom: 10px; } h2 { color: #8CAB2D; font-weight: 700; font-weight: 400; margin-bottom: 4px; } /* grid */ .row { margin: 0 -10px; margin-bottom: 4px; margin: 0 0px; } .row:last-child { margin-bottom: 0; } [class*="col-"] { padding: 4px; } @media screen and ( min-width: 600px ) { .row { display: table; table-layout: fixed; width: 100%; } [class*="col-"] { display: table-cell; } /* set col widths */ .col-2-3 { width: 66.66%; } .col-1-2 { width: 50%; } .col-1-3 { width: 33.33%; } .col-1-4 { width: 25%; } .col-1-8 { width: 12.5%; } .col-1 { width: 98%; } } /* The side navigation menu */ .sidenav { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 1; /* Stay on top */ top: 0; left: 0; background-color: #111; /* Black*/ background-color: rgba(255, 255, 255, 0.6); background-color: rgba(189, 200, 160, .4); overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ } /* The navigation menu links */ .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; display: block; transition: 0.3s } .sidenav a.home { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; color: white; display: block; background-color: #B95112; background-color: rgba(189, 200, 160, .6); transition: 0.3s } .sidenav a.adoption { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; color: white; display: block; background-color: #4F974F; background-color: rgba(189, 200, 160, .6); transition: 0.3s } .sidenav a.strays { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; color: white; display: block; background-color: #B95112; background-color: rgba(189, 200, 160, .6); transition: 0.3s } .sidenav a.lostpets { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; color: white; display: block; background-color: #2979C3; background-color: rgba(189, 200, 160, .6); transition: 0.3s } .sidenav a.uchsservices { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; color: white; display: block; background-color: #7F797A; background-color: rgba(189, 200, 160, .6); transition: 0.3s } .sidenav a.givetouchs { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; color: white; display: block; background-color: #9B5F39; background-color: rgba(189, 200, 160, .6); transition: 0.3s } .sidenav a.events { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; color: white; color: #B95112; display: block; background-color: #893222; background-color: rgba(255, 255, 255, .6); transition: 0.3s } .sidenav a.about { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; color: white; display: block; background-color: #BC873E; background-color: rgba(189, 200, 160, .6); transition: 0.3s } .sidenav a.contact { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; color: white; display: block; background-color: #364F6E; background-color: rgba(189, 200, 160, .6); transition: 0.3s } .sidenav a.maillist { padding: 8px 8px 8px 32px; text-decoration: none; font-size: .95em; font-weight: bold; color: #818181; color: white; display: block; background-color: #9B5F39; transition: 0.3s } /* When you mouse over the navigation links, change their color */ /* Different links have different colors */ .sidenav a:hover, .offcanvas a:focus{ color: #f1f1f1; } .sidenav a:hover.home, .offcanvas a:focus{ color: #B95112; background-color: rgba(255, 255, 255, 0.6); } .sidenav a:hover.adoption, .offcanvas a:focus{ color: #4F974F; background-color: rgba(255, 255, 255, 0.0); color: #5A6440; background-color: rgba(255, 255, 255, 0.6); } .sidenav a:hover.strays, .offcanvas a:focus{ color: #7C7FE5; background-color: rgba(255, 255, 255, 0.0); color: #5A6440; background-color: rgba(255, 255, 255, 0.6); } .sidenav a:hover.lostpets, .offcanvas a:focus{ color: #2979C3; background-color: rgba(255, 255, 255, 0.0); color: #5A6440; background-color: rgba(255, 255, 255, 0.6); } .sidenav a:hover.uchsservices, .offcanvas a:focus{ color: #7F797A; background-color: rgba(255, 255, 255, 0.0); color: #5A6440; background-color: rgba(255, 255, 255, 0.6); } .sidenav a:hover.givetouchs, .offcanvas a:focus{ color: #9B5F39; background-color: rgba(255, 255, 255, 0.0); } .sidenav a:hover.events, .offcanvas a:focus{ color: #B95112; color: #5A6440; background-color: rgba(189, 200, 160, .6); } .sidenav a:hover.about, .offcanvas a:focus{ color: #BC873E; background-color: rgba(255, 255, 255, 0.0); } .sidenav a:hover.contact, .offcanvas a:focus{ color: #364F6E; background-color: rgba(255, 255, 255, 0.0); } .sidenav a:hover.maillist, .offcanvas a:focus{ color: #9B5F39; background-color: rgba(255, 255, 255, 0.0); } /* Position and style the close button (top right corner) */ .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 2em; margin-left: 50px; } /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ #main { transition: margin-left .5s; padding: 20px; padding: 2px; padding: 20px; overflow:hidden; width:100%; } body { overflow-x: hidden; } /* Add a black background color to the top navigation */ .topnav { position: fixed; /* Set the navbar to fixed position */ top: 0; /* Position the navbar at the top of the page */ width: 100%; /* Full width */ background-color: rgba(255, 255, 255, 0.0); overflow: hidden; } /* Style the links inside the navigation bar */ .topnav a { float: left; display: block; color: #f2f2f2; color:#4D3787; text-align: center; padding: 14px 16px; padding: 2px 1em 2px 1em; padding: 14px 16px; text-decoration: none; font-size: .5em; } /* Change the color of links on hover */ .topnav a:hover { background-color: #ddd; background-color: #4D3787; color: black; } /* Add a color to the active/current link */ .topnav a.active { background-color: #4CAF50; color: white; } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: .95em;} } a svg{ transition:all .5s ease; &:hover{ #transform:rotate(180deg); } } #ico{ display: none; } .menu{ background: #000; display: none; padding: 5px; width: 300px; @include border-radius(5px); #transition: all 0.5s ease; a{ display: block; color: #fff; text-align: center; padding: 10px 2px; margin: 3px 0; text-decoration: none; background: #444; &:nth-child(1){ margin-top: 0; @include border-radius(3px 3px 0 0 ); } &:nth-child(5){ margin-bottom: 0; @include border-radius(0 0 3px 3px); } &:hover{ background: #555; } }