@media (min-width: 10px) and (max-width: 499px){

* {
		color: #000;
		font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
        font-size: 101%;
		font-weight: 500;		
		margin: 0;
		padding: 0;
				}

html, body {
        line-height: 130%;
        margin: 6px 4px;
		text-align: center;
		overflow-x: hidden;
        vertical-align: top;
            }
    
h1 {
        font-size: 138%;
        line-height: 106%;
        margin-top: 4px;
        margin-bottom: 14px;
        text-align: center;
                }
    
h2 {
        font-size: 180%;
        margin-top: 22px;
        margin-bottom: 20px;
        text-align: center;
                }
				
.h2-desktop {
		display: none;
				}			
    
h3 {
        font-size: 105%;
        margin-top: 2px;
        margin-bottom: 0;
        text-align: center;
        margin: auto;
        padding: 2px auto 8px auto;
                }
    
h4 {
        font-size: 118%;
        line-height: 118%;
        margin-top: 2px;
        margin-bottom: 12px;
        text-align: center;
                }
				
h1, h2, h3, h4, h5, h6 {
		font-size: revert;
				}
				
				
p {
        padding: 5px;
        margin-top: 0;
        margin-bottom: 1px;
                }
				
strong {
		font-weight: 700;
				}				
				
				
/*  LINKS */
        
a:link, a:visited, a:active {
        color: #000;
        display: inline-flex;
        text-decoration: underline;
                    }
    
a:hover {
        background-color: #000080;
        color: #fff;
        text-decoration: none;
				}
					
    
a:img {
        text-decoration: none;
            }
    
a img {
        border: 0;
        max-width: 60px;
            }
    
.addtofavs-tellafriend-etc a:hover, .addtofavs-tellafriend-etc a:focus, .addtofavs-tellafriend-etc, .addtofavs-tellafriend-etc a {
        line-height: 115%;
        margin-top: 14px;
        margin-bottom: 10px;
        text-align: center;
                }

.addtofavs-tellafriend-etc a:hover, .addtofavs-tellafriend-etc a:focus {
        background-color: #316AC5;
        color: #fff;
        text-decoration: none;
                }

    
.center {
        text-align: center;
                }
    
#center {
        margin: 0 auto;
        text-align: center;
        width: 390px;
                }
        
.clear {
        clear: both;
        font-size: 0;
        line-height: 0;
                }
    
.footer {
        font-size: 97%;
        line-height: 130%;
        margin-top: 20px;
        margin-bottom: 2px;
        text-align: center;
                }
    
.copy-text-desk {
        display: none;
                }

.copy-text-mobile {
        display: block;
                }
    
.date, .day {
        background-color: #6499FF;
        color: #fff;
        font-weight: 600;
        padding: 2px;
        border-bottom: 0;
                }
    
.dkblue {
        background-color: #E8F4FF;
                }
    
.question-div {
        width: 25%;
                }
    
#answer {
        margin-top: 20px;
        width: 80px;
                }

.fav, .fav a, .fav a:focus, .fav a:hover, #fav, #fav a, #fav a:focus, #fav a:hover {
		line-height: 115%;
		margin-top: 12px;
		margin-bottom: 10px;
		font-weight: 500;
		text-align: center;
				}

.fav a {
		color: #316AC5;
		text-decoration: underline;
				}

.fav a:focus {
		background-color: #316AC5;
		color: #fff;
		text-decoration: underline;
				}

.fav a:hover {
		background-color: #316AC5;
		color: #fff;
		text-decoration: none;
				}

#fav a {
		color: #316AC5;
		text-decoration: underline;
				}

#fav a:focus {
		background-color: #316AC5;
		color: #fff;
		text-decoration: none;
				}

#fav a:hover {
		background-color: #316AC5;
		color: #fff;
		text-decoration: none;
				}    

.favs-taf {
        line-height: 110%;
        margin-bottom: 8px;
        margin-top: 10px;
        padding-bottom: 0;
        padding-top: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3px;
                        }
    
#findbox {
        text-align: center;
        vertical-align: top;
        margin-top: 4px;
        margin-bottom: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
                }

#forecast {
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        width: 428px;
        text-align: center;
                }
    
#forecast .desc {
        text-align: center;
                }
    
.forecasttd {
        background-color: #CCE6FF;
        border-right: 1px solid #039;
        border-bottom: 1px solid #039;
        margin: 0 0 6px 0;
        padding: 0 0 6px 0;
        width: 84px;
        text-align: center;
                }
    

.gobackonepage {
        margin-bottom: 1px;
        font-weight: 500;
        text-align: center;
                }
    
.heading {
        width: 100%;
        height: 30px;
        text-align: center;
        vertical-align: bottom;
        margin-top: 2px;
        margin-bottom: -12px;
                }
    
.hidden-btn {
        width: 0;
        height: 0;
        color: #fff;
        background-color: #fff;
        border: #fff
        		}
    
.highlow {
        font-weight: 600;
        margin: 0 1px 3px 1px;
        padding: 0 1px 3px 1px;
        text-align: center;
                }
    
.horizline, hr {
		height: 1px;
		text-align: center;
		width: 50%;
				}

.horizline {
		margin: 22px auto 19px auto;
		padding: 22px 0 19px 0;
				}

hr {
		margin: 12px auto 9px auto;
		padding: 12px auto 9px auto;
				}
				
				
/*  IMAGES  */

img {
		border: 0;
		max-width: 100%;
/*		height: auto;  */
				}
							
    
.image-no-border, .image-no-border a, .image-no-border a:hover, .image-no-border img {
		border: 0;
		background-color: #fff;
		text-decoration: none;
				}
    
    
.image-left {
        float: left;
        margin: 8px 14px 4px 0;
        padding: 0;
        border: 0;
                }
        
.imagelinked {
        text-decoration: none;
        border: 0;
                }
				
.img-center {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
                }				
    
.img-non-hover, img-non-hover a, img-non-hover a:hover,.img-non-hover-no-border, img-non-hover-no-border a, img-non-hover-no-border a:hover {
        border: 0;
        text-decoration: none;
                }
        
a.phone {
        text-decoration: underline;
                }
    
a.phone a:hover {
        color: #fff;
        background-color: green;
                }
        
.phone:hover {
        background-color: #90ee90;
        font-weight: 600;
                }
        
span.phone {
        display: inline;
        text-decoration: underline;
                }
    
    
.maintextcell {
        padding: 0 2%;
        margin: 0;
        text-align: left;
        width: 100%;
                }
    
.maintextcentered,.maintextunderphotos {
        text-align: center;
        margin-top: 0;
        margin-bottom: 1px;
        font-weight: 500;
        line-height: 118%;
                }
    
ol.list-items {
		margin: 2px 0 3px 1px;
		padding: 4px 0 5px 20px;
				}
    
ol.list-items li {
        font-weight: 500;
        line-height: 120%;
        margin: 2px 0 0 12px;
        padding: 0 0 0 1px;
        text-align: left;
                }
    
ol.list-items li span {
        position: relative;
        left: -4px
                }
    
.phone-web-icon {
        display: flex;
        align-items: center;
                }
    
.phone-web-spacing {
        margin-left: 6px;
                }

.phrases {
        text-align: center;
        margin-top: 4px;
        margin-bottom: 2px;
        padding-top: 5px;
        padding-bottom: 0;
        font-weight: 500;
        line-height: 118%;
        font-style: italic;
                }
    
.phrasesdate {
        text-align: center;
        margin-top: -4;
        margin-bottom: 1px;
        padding-top: -4;
        padding-bottom: 8px;
        font-weight: 500;
        line-height: 120%;
                }
    
    
.odd-lines {
        background-color: #E8F4FF;
        line-height: 125%;
        padding: 5px;
        margin-top: 0;
        margin-bottom: 1px;
                }
    
.even-lines {
        background-color: #d4e8fc;
        line-height: 125%;
        padding: 5px;
        margin-top: 0;
        margin-bottom: 1px;
                }
    
    
/* MENUS */
    
.side-menu {
        font-size: 91%;
		list-style-type: none;
        margin: 0 0 2px 0;
        padding: 0;
        border-right: 0;
        vertical-align: middle;
        border-bottom-width: 0;
        text-align: left;
        float: left;
 		position: absolute;
		top: 0;
		left: 0;
		display: none;
		z-index: 10;
	            }
				
.side-menu li {
		margin-left: 0;
				}			
    
.side-menu.active {
		display: block;
	            }
        
.side-menu li a:visited, .side-menu li a:active {
        color: #fff;
        text-decoration: none;
                }
    
.side-menu li a:hover, .side-menu li.active {
        background-image: url(/_a_images_menus/glossyback2.gif);
                }

.side-menu li a, .side-menu-right li > a {
		width: 150px;
		white-space: nowrap;
                }
    
.side-menu-right {
        list-style-type: none;
        margin: 0 5px 1px 0;
        padding: 0;
        width: 158px;
        vertical-align: middle;
        border-bottom-width: 0;
        text-align: right;
        float: right;
                }
    
.side-menu-right li a {
		background-color: #fff url(/_a_images_menus/glossyback.gif) repeat-x bottom left;
		color: #fff;
		display: block;
		margin: 1px 3px 1px 0;		
		padding: 8px 10px 8px 18px;
		text-decoration: none;
		vertical-align: middle;
				}
    
.side-menu-right li a:visited, .side-menu li a:active {
        color: #fff;
        text-decoration: none;
                    }
    
.side-menu-right li a:hover {
        background-image: url(/_a_images_menus/glossyback2.gif);
                    }
        
.side-menu.side-menu-right {
		left: auto;
		right: -3px;
	            }
    
.side-menu-right, .side-menu {
		box-sizing: border-box;
		max-width: 154px;      
	            }
    

    
/*drop down style*/
    
.menu ul, .menu ul li {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        width: 168px;
                }
    
ul.side-menu li ul {	
        position: absolute;
        left: 145px;
        display: none;
        top: 0;
        border-right: 3px solid transparent;
                }
    
.side-menu li ul li ul {
        left: auto;
        right: 178px;
        top: 0;
                }
    
.side-menu li a {
        background: #fff url(/_a_images_menus/glossyback.gif) repeat-x bottom left;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
		margin: 0;			
        padding: 8px;
        text-decoration: none;
        vertical-align: middle;
                }

.side-menu-bottom {
		vertical-align: bottom;
                }				
				
    
.side-menu-right > li {
        text-align: right;
                }
    
    
ul.side-menu.side-menu-right li ul {
        left: auto;
        right: 185px;
                }
		
    
.page-header .mobile-menu {
		display: block;
	                }
    
.mobile-menu {
        padding: 0 7px 0 0;
        display: flex;
        justify-content: right;
                     }
    
.mobile-menu svg {
        width: 22px;
        height: 22px;
        cursor: pointer;
        display: none;
                }
    
.mobile-menu .active {
        display: block;
                    }
    
#space {
        margin-top: 242px;
        position: absolute;
                    }
    
#space1 {
        margin-top: -42px;
        position: absolute;
                    }
    
div#spacer {
        height: 20px;
                    }
    
.stripe tbody tr:nth-child(2n+1) {
            background-color: #E8F4FF;
                     }
        
.stripe tbody tr:nth-child(2n+2) {
            background-color: #d4e8fc;
                     }
        
.stripe thead tr td {
        background-color: #a8d4ff;
		height: 23px;
		padding-left: 9px;
		vertical-align: middle;
                    }
        
.stripe tfoot tr td {
        background-color: #a8d4ff;
		height: 23px;
		padding-left: 9px;
		vertical-align: middle;
                    }
					
					
table .stripe thead, table .stripe tfoot {
		position: sticky;
				}

table .stripe thead {
		inset-block-start: 0; /* "top" */
				}

table .stripe tfoot {
  		inset-block-end: 0; /* "bottom" */
				}
    
.stripe caption {
        margin: 0 0 6px 0;
        padding: 0 0 6px 0;
                    }
    
.stripe tbody tr td {
        box-sizing: border-box;
        padding: 11px 8px 12px 9px;
        vertical-align: top;
        border-collapse: separate;
        border-color: #fff;
        border: medium;
                    }
    
.stripe .center {
        text-align: center;
                    }
    
.stripe tfoot tr td {
        border-collapse: separate;
        border-color: #fff;
        border: medium;
        font-weight: 600;
        padding: 5px 6px 7px 6px;
        text-align: left;
        vertical-align: top;
                    }
    
.stripe thead tr th {
        border-collapse: separate;
        border-color: #fff;
        border: medium;
        font-weight: 600;
        padding: 7px 6px 5px 9px;
        text-align: left;
        vertical-align: bottom;
                    }
    
.stripe td, .stripe th {
        padding-left: 4px;
        padding-right: 4px;
                    }
        
table.stripe {
        border: 1px solid #fff;
        border-collapse: separate;
        margin: auto;
        padding: 0;
		position: relative;
        vertical-align: bottom;
        width: 98%;
                    }
    
table {
        border-collapse: collapse;
        margin: auto;
        width: 100%;
                    }
    
tr {
        vertical-align: bottom;
        width: auto;
                }		

th {
		background-color: #a8d4ff;
		height: 23px;
		padding-left: 10px;
		vertical-align: middle;
				}				
    
#taf-above-link-spacer {
        height: 0;
                    }
    
#taf-below-link-spacer, .taf-below-link-spacer {
        height: 8px;
        overflow: hidden;
                    }
    
td {
        vertical-align: top;
                    }
					
td .details {
		padding-bottom: 15px;
				}			
 
    
.top {
        width: 100%;
        margin: -2px 1px -12px 1px;
        text-align: center;
        vertical-align: top;
        background-color: #fff;
                    }
    
ul.list-items {
		padding: 0 0 0 20px;
		margin: 0 0 0 1px
				}
    
ul.list-items li {
		margin: 0 0 0 10px;
		padding: 0 0 4px 1px;
		text-align: left;
				}
    
ul.list-items li span {
        position: relative;
        left: -4px
                    }
    
    
#weather {
        width: 760px;
        margin: auto;
                    }
    
.weather-i {
        width: 376px;
        margin: 16px auto 16px auto;
        border-top: 1px solid #039;
        border-left: 1px solid #039;
                }
    
.weather-i td {
        vertical-align: top;
        text-align: center;
                    }
    
.weather-i tr:nth-child(odd) {
        background-color: #000;
                    }

.weather-i .captionText {
                    }
    
.weather-i .whtText12 {
        font-weight: 500;
        color: #fff;
                    }
    
.weather-i .blkText12 {
                     }
    
.weather-i .bgWhite {
        background-color: #fff;
                    }
    
.weather-i .tenDayColorA {
        background-color: #e8f4ff;
                    }
    
.weather-i .tenDayColorB {
        background-color: #6699ff;
        vertical-align: middle;
                    }
    
.weather-i-2 {
        width: 330px;
        margin: 6px auto 6px auto;
        height: 210px;
        background-color: #e8f4ff;
                    }
    
.weather-i-2 .captionText {
                     }
    
.weather-i-2 .whtText12 {
        font-weight: 500;
        color: #fff;
                    }
    
.weather-i-2 .blkText12 {
                    }
    
.weather-i-2 .bgWhite .td {
        background-color: #e8f4ff;
        border-color: #e8f4ff;
        border-style: solid;
        border: #e8f4ff;
        border-width: 1px;
        color: #e8f4ff;
                    }
    
.weather-i-2 .tenDayColorB {
        background-color: #6699ff;
        vertical-align: middle;
                    }
    
.weather-i-2 .tenDayColorA {
        background-color: #fff;
        vertical-align: middle;
                    }
    
.weather-i-2 .col1, .col3 , .col5, .col7, .col9 {
        background-color: #e8f4ff
                }

.col2, .col4, .col6, .col8, .col10 {
        background-color: #fff
                }

.weatherdesc {
        height: 58px;
        font-weight: 600;
        margin: 4px 1px 0 1px;
        padding: 4px 1px 0 1px;
        text-align: center;
                }
  
.websitehelpers {
        line-height: 115%;
        margin: 0 0 20px 0;
        padding: 0;
        text-align: center;
                }
    
.web-webhelper {
        display: none;
                }
    
.mobile-webhelper {
        display: block;
                }

    
li .sf-with-ul .sf-sub-indicator {
        position: relative;
        right: -100px;
                }
    
ul {
		margin: 2px 0 1px 30px;
                }
    
ul li {
		margin-left: 30px;
		text-align: left;
                }
    
ul.sub {
		z-index: 9999;
		width: 50px;
		top: -100px;
	            }
    
ul.sub li {
        float: left;
		list-style-type: none;
        width: 135px;
                }
    
li:hover ul.sub {
        display: block;
                }
    
#tab01 {
        width: 250px;
        margin: auto;
                }
    
li .sf-with-ul .sf-sub-indicator {
        position: absolute;
        left: auto;
        right: 2px;
        color: transparent;
                }
    
li .sf-with-ul .sf-sub-indicator:before {
        content: "\00BB";
        color: #fff;
                }
				
				
/* HEADER  */

header {
		margin: 0;
		padding-top: 0;
				}
 
	
.header-wrap {
        display: flex;
        justify-content: space-between;
 /*       align-items: center;  */
		margin-top: 0;
		padding-bottom: 12px;
		padding-top: 0;
		vertical-align: top;
	                }
					
.header-wrap a {
		flex: 0 0 90px;
				}					
					
.header-wrap a img {
		border: 0;
		min-width: 80px;
		max-width: 80px;
				}
				
.header-left-img, .header-right-img {
		margin-top: 0;
		padding-top: 0;
		width: auto;
		height: auto;
		vertical-align: top;
				}				

.header-center-text {
        padding: 0 5px;
                }
				
.page-main {
        display: flex;
        justify-content: space-between;
		position: relative;
	            }
				
				
.table-overflow {
		overflow: scroll;
		scrollbar-width: none;
				}



.table-overflow::-webkit-scrollbar {
		display: none;
				}				

    
.table-mob {
		width: 100%;	
	            }
    
.table-mob table {
		width: 100%;
	            }
    
.table-mob td {
		width: 100%;
	            }
    
.table-mob table .thead, .table-mob table thead {
		display: none;
	            }
    
.table-mob table tr {
		display: block;
	            }
    
.table-mob table td {
		display: flex;
		justify-content: space-between;
		margin: 0;
	            }
    
.table-mob table td::before {
		font-weight: 600;
		margin-right: 20px;
	            }
        
.table-mob-col tr {
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
                }
    
.table-mob-col table {
        width: calc(100% - 10px);
                }
    
.table-mob-col td {
        height: 100%;
        width: 100%;
        border: 1.0pt solid;
                }
    
.table-mob tbody {
        display: flex;
        flex-direction: column;
        gap: 2px;
                }
    
video {
        width: 280px;
                }
    
pre {
        display: none;
    				}
    
.code-container {
        display: flex;
        flex-wrap: wrap;
                }
    
.page-main-bottom {
        display: flex;
        justify-content: space-between;
        align-items: end;
        position: relative;
                }
    
.sitemap-sub-list {
        display: grid;
        grid-column: wrap;
        grid-template-columns: auto auto;
        padding-left: 8px;
        padding-top: 2px;
				}
    
.directory-imgs {
		padding-bottom: -40px;
        text-align: left;
                }
    
    

/*   FORMS  */
    
.form-wrapper {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        border: 0 solid black;
        margin-top: 0;
        padding: 0 4px 4px 4px;
                }

.form-container {
        display: flex;
        flex-direction: column;
        line-height: 30px;
        margin-top: 10px;
        width: 100%;
        max-width: 473px;
                }
    
.form-row {
        display: flex;
        margin-bottom: 2px;
                }

.form-space {
        width: 40%;
                }
    
.input-width {
        height: 30px;
        width: 48%;
                }
    
.forms td {
        text-align: right;
        padding: 4px 10px 8px 0;
        vertical-align: top;
        border: 0;
                }
    
.border-error {
        background-color: #fff;
        border: 1px solid red;
                }
    
.err {
        border: 2px solid #f00;
                }
    
.errors {
        color: red;
        font-weight: 600;
        line-height: 116%;
        margin: 0 0 6px 0;
        padding: 0 0 6px 0;
        text-align: center;
                }
    
.forms {
        width: 100%;
        border-color: #006;
        vertical-align: top;
        padding: 4px 10px 8px 0;
        text-align: right;
        border-spacing: 0;
        border-collapse: collapse;
                }
    
.red-asterisk {
        font-size: 19px;
        color: #ff0000;
                }
    
.sidecells-forms {
        width: 116px;
                    }
    
       
table.smform {
        width: 68%;
        background-color: transparent;
                    }
    
table.smform tr th {
        padding: 15px 10px;
                    }
        
table.smform tr td {
        text-align: left;
        padding: 5px 0;
                    }
        
table.smform tr > td:first-of-type {
        width: 43%;
        padding-left: 10%;
        text-align: right;
                    }

.form-field {
        display: flex;
                }
    
.form-field .first {
        width: 40%;
        padding: 0 10px;
        text-align: left;
                    }
    
.taf-form {
        display: flex;
        justify-content: center;
                }
    
.taf-row {
        display: flex;
        flex-direction: column;
                }
    
.taf-space {
        width: 100%;
                }
    
.taf-wrapper {
        width: 240px;
                }
				
				
/* IMAGES */				
				
.img-right {
        width: 28%;
        height: auto;
        float: right;
        text-align: right;
        margin: 4px 1px 4px 18px;
                }
				
.img-right-left-dog {
        width: 40%;
        height: auto;
        float: left;
        text-align: left;
        padding: 3px 8px 3px 4px; 
                }	
				
.img-right-right-dog {
        width: 42%;
        height: auto;
        float: right;
        text-align: right;
        padding: 3px 4px 3px 4px; 
                }

.dogs-images {
		height: auto;
		margin: auto;
		max-width: 80%;
		width: 80%;
				}
				
				
/*  SEARCH  */			

.search {
		background-color: #fff;
		border-radius: 5px;
		flex-direction: column;
		align-items: center;
		padding: 5px;
		margin: auto;
		border: 0;
		float: none;
		position: sticky;
		display: flex;
		scale: 0.8;
		width: 100%;
				}
				
.search-form {
		display: flex;
		position: relative;
				}

.search img {
		height: 22px;
		position: absolute;
		top: 10px;
		left: 15px;
				}

.search input[type=text] {
		padding: 11px 10px 10px 40px;
		border: 1px #dce0e0 solid;
		background-color: #fff;
		border-radius: 5px;
		margin-right: 5px;
				}		

input[type="submit"], .search-button {
        background-color: #6A9EEC;
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 4px;
        padding: 10px 20px;
                }
    
input[type="submit"]:hover {
		background-color: linear-gradient(to bottom, #6A9EEC, #0056b3);
				}
					

.sticky {
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
				}


#search-results {
		list-style-type: none;
		padding: 0;
		margin: 0;
				}

#search-results li {
		padding: 5px;
		cursor: pointer;
				}

#search-results li:hover {
		background-color: #f0f0f0;
				}
				
				
				
				
				
td.leftpic {
		text-align: right;
				}

td.rightpic {
		text-align: left;
				}
				
				
				

td.lefttext {
		height: 237px;
		padding-right: 10px;
		text-align: right; 
		vertical-align: middle;
				}

td.righttext {
		height: 237px;
		padding-left: 10px;
		text-align: left; 
		vertical-align: middle;
				}
				
				
				

td.rightpic, td.leftpic {
		vertical-align: middle;
		text-align: center;
				}

td.rightpic img , td.leftpic img{
		max-width: 100%;
		height: auto;
				}

td.lefttext, td.righttext{
		width: 50%;
				}



/*

table {
	height: min-content!important;  
				}  
				
				*/
				
				
				
#mid td {
	/*	display: block;
		padding: 0 50px;
		width: -webkit-fill-available;
		width: 100%;  */
		text-align: center;
		margin: 40px 0;
				}
				
				
#holder td {
		vertical-align: bottom;
				}
				
				
#holder:nth-child(2) td {
		vertical-align: top;
				}
				
				
#holder td.lefttext {
		vertical-align: middle;
				}

#holder td.righttext {
		vertical-align: middle;
				}				
				

				

        }