﻿@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:700,300);

#Hurricane-Overlay {
    display: none;
    z-index: 120;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: url(/images/media/stripes.png);
    opacity: .7;
    cursor: pointer;
}
#Hurricane-Alert {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 40px;
    left: 40px;
    right: 40px;
    bottom: 40px;
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgba(0,0,0,.6);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.6);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.6);
}
    #Hurricane-Alert div{
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 10px;
        right: 10px;
        overflow: auto;
    }
     #Hurricane-Alert div h2{
        padding-bottom: 24px;
        font-family: 'Source Sans Pro', helvetica,arial,verdana,sans-serif;
	    font-weight: 600;
	    font-size: 34px;
	    line-height: 44px;
        color: #d56f66;
    }
    #Hurricane-Alert div p{
        padding-bottom: 24px;
        font-family: arial,verdana,sans-serif;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
        color: #7b756c;
    }
    #Hurricane-Alert span.close{
        position: absolute;
        top: -23px;
        right:-23px;
        float:right;
        width: 25px;
        height: 25px;
        border-radius:13px;
        cursor: pointer;
        background: transparent url(/images/media/close-sprite.png) no-repeat 0px 0px;
        background-size: 25px 50px;
    }
        #Hurricane-Alert span.close:hover{
            background-position: 0px -25px;
        }


*{
	margin: 0px; 
	padding: 0px;
    -webkit-text-size-adjust: 100%;
}

body{    
    background-image: url(/images/master/footer-pattern.png);
    background-size: 112px 112px;
    background-position: center top;
	background-color: #bdbdbd;
}

#Header{
	z-index: 100;
	position: fixed;
	top:0px;
	left: 0px;
	right: 0px;
	height: 127px;
	background: #fff;
	border-bottom: 6px solid #1ac6d4;
}
	#Header div.bar{
		background: #00ADEE;
		border-bottom: 0px solid #1ac6d4;
	}
		#Header div.bar div.wrap{
			width: 100%;
			max-width: 1024px;
			margin: 0px auto;
			padding: 0px 8px 0px 8px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			overflow: hidden;
		}
			#Header div.bar div.wrap div.login{
				float: left;
			}
                #Header div.bar div.wrap div.login a{
                    margin-right: 8px;
                }
				    #Header div.bar div.wrap div.login a i{
					    float:left;
					    margin-top: 2px;
					    width: 24px;
					    height: 24px;
					    background-size: 24px 24px;
					    background-repeat: no-repeat;
					    background-image: url(/images/master/member-icon.png);
					    -moz-border-radius: 3px;
					    -webkit-border-radius: 3px;
					    border-radius: 3px;
					    opacity: .75;
					    overflow: hidden;
					    -webkit-transition: opacity 300ms;
					    -moz-transition: opacity 300ms;
					    -o-transition: opacity 300ms;
					    -ms-transition: opacity 300ms;
					    transition: opacity 300ms;
				    }
					    #Header div.bar div.wrap div.login a:hover i{
						    opacity: 1;
						    -webkit-transition: opacity 300ms;
						    -moz-transition: opacity 300ms;
						    -o-transition: opacity 300ms;
						    -ms-transition: opacity 300ms;
						    transition: opacity 300ms;
					    }	
				    #Header div.bar div.wrap div.login a span{
					    float: left;
					    padding-left: 4px;
					    color: #ffffff;
					    font-family: Arial, Sans-Serif;
					    font-size: 10px;
					    line-height: 28px;
					    opacity: .75;
				    }
                        #Header div.bar div.wrap div.login a:hover span {
						    opacity: 1;
                            color: #ffffff;
                        }
			#Header div.bar div.wrap div.social{
				float: right;
			}
				#Header div.bar div.wrap div.social p{
					float: left;
					padding-right: 4px;
					color:#ffffff;
					font-family: Arial, Sans-Serif;
					font-size: 10px;
					line-height: 28px;
				}
				#Header div.bar div.wrap div.social i{
					float:left;
					margin-top: 2px;
					width: 24px;
					height: 24px;
					background-size: 120px 24px;
					background-repeat: no-repeat;
					background-image: url(/images/master/social-icon-sprite.png);
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					opacity: .75;
					overflow: hidden;
					-webkit-transition: opacity 300ms;
					-moz-transition: opacity 300ms;
					-o-transition: opacity 300ms;
					-ms-transition: opacity 300ms;
					transition: opacity 300ms;
				}
					#Header div.bar div.wrap div.social i:hover{
						opacity: 1;
						-webkit-transition: opacity 300ms;
						-moz-transition: opacity 300ms;
						-o-transition: opacity 300ms;
						-ms-transition: opacity 300ms;
						transition: opacity 300ms;
					}			
					#Header div.bar div.wrap div.social i.facebook{
						background-position: 0px 0px;
					}
					#Header div.bar div.wrap div.social i.googleplus{
						background-position: -24px 0px;
					}
					#Header div.bar div.wrap div.social i.twitter{
						background-position: -48px 0px;
					}
					#Header div.bar div.wrap div.social i.youtube{
						background-position: -72px 0px;
					}
					#Header div.bar div.wrap div.social i.pinterest{
						background-position: -96px 0px;
					}		

		#Header div.navigation{
			position: relative;
            width: 100%;
			max-width: 1024px;
			margin: 0px auto;
			padding: 0px 8px 0px 8px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
			#Header div.navigation a.logo{
				float: left;
                margin-top: 10px;
				width: 250px;
				height: 75px;
                overflow: hidden;
			}
                #Header div.navigation a.logo span.icon{
                    float: left;
                    width: 250px;
                    height: 75px;
                    background-image: url(/images/master/Camp-Florida-Logo.svg);
                    background-size: 100% 100%;
                }
			#Header div.navigation > ul{
				float: right;
				margin-top: 55px;
				list-style-type: none;
                background-color: #ffffff;
			}
				#Header div.navigation > ul > li{
                    position: relative;
					float: left;
				}
					#Header div.navigation ul li a{
						float: left;
						padding: 0px 16px 4px 16px;
						font-family: helvetica,arial,verdana,sans-serif;
						font-weight: normal;
						font-size: 18px;
						line-height: 40px;
                        color: #7b756c;
						text-decoration: none;
						text-transform: lowercase;
					}
                    #Header div.navigation ul li ul{
                        position: absolute;
                        top: 44px;
                        left: 0px;
                        float: left;
                        height: 0px;
                        min-width: 100%;
                        background: #ffffff;
	                    border-bottom: 6px solid #1ac6d4;
                        list-style-type: none;
                        opacity: 0;
                        overflow: hidden;
                    }
                        #Header div.navigation ul li:hover ul {
                            height: auto;
                            opacity: 1;
                            -webkit-transition: opacity 300ms linear;
	                        -moz-transition: opacity 300ms linear;
	                        -o-transition: opacity 300ms linear;
	                        -ms-transition: opacity 300ms linear;
	                        transition: opacity 300ms;
                        }
                        #Header div.navigation ul li ul li a{
                            display: block;
                            width: 100%;
                            padding: 0px 8px 0px 36px;
                            white-space: nowrap;
                            font-size: 14px;
						    line-height: 32px;
                            color: #ffffff;
                            background-color: #00ADEE;
                            background-color: #0b9faa;
                            background-size:30px 30px;
                            background-position:1px 1px;
                            background-repeat: no-repeat;
                            -moz-box-sizing: border-box;
                            -webkitbox-sizing: border-box;
                            box-sizing: border-box;
                        }
                            #Header div.navigation ul li ul li a:hover{
                                background-color: #2a6d9b;
                            background-color: #1ac6d4;
                            }
                            #Header div.navigation ul li ul li:nth-child(1) a{
                                background-image:url(/images/regions/florida.svg);
                            }
                            #Header div.navigation ul li ul li:nth-child(2) a{
                                background-image:url(/images/regions/florida-northwest.svg);
                            }
                            #Header div.navigation ul li ul li:nth-child(3) a{
                                background-image:url(/images/regions/florida-north.svg);
                            }
                            #Header div.navigation ul li ul li:nth-child(4) a{
                                background-image:url(/images/regions/florida-central.svg);
                            }
                            #Header div.navigation ul li ul li:nth-child(5) a{
                                background-image:url(/images/regions/florida-south.svg);
                            }

            #Header div.navigation #SoftSearchWrap{
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    width: 300px;
                    overflow: hidden;
                }
            #Header.scrolled div.navigation #SoftSearchWrap {
                display: none;
            }
                #Header div.navigation #SoftSearchWrap div{ 
                    position: relative;
                    width: auto;                   
                    height: 30px;
                    background-color: #efebe5;
                    overflow: hidden;
                    
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    border-radius: 3px;
                }
                    #Header div.navigation #SoftSearchWrap div input{
                        z-index: 2;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        padding: 0px 6px 0px 6px;
                        border: 0px;

	                    font-size: 16px;
	                    line-height: 30px;
                        color:#7b756c;
                        background-color:transparent;

                        -moz-box-sizing: border-box;
                        -webkitbox-sizing: border-box;
                        box-sizing: border-box;
                    }
                    #Header div.navigation #SoftSearchWrap div span{
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        width: 30px;
                        height: 30px;
                        opacity: .6;

                        background-image: url(/images/common/search-icon.png);
                        background-size: contain;
                        background-position: right center;
                        background-repeat: no-repeat;
                    }
    #Header div.navigation #SoftSearchWrap a {
        float: right;
        color: #7b756c;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        font-family: helvetica, arial, verdana, sans-serif;
    }
            #Header #SoftSearchResults{
                    z-index: 100;
                    position: fixed;
                    top: 0px;
                    right: 0px;
                    width: 300px;

                    background-color: #ffffff;
                    font-family: helvetica,arial,verdana,sans-serif;
	                font-weight: normal;
                    color: #7b756c;
                    overflow: hidden;

                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    border-radius: 3px;
                    
                    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.5);
                    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.5);
                    box-shadow: 0px 0px 6px rgba(0,0,0,.5);
                }
            #Header.scrolled #SoftSearchResults{
                
            }
            #Header #SoftSearchResults ul{
                        max-height: 198px;
                        list-style-type: none;
                        overflow: auto;
                        overflow-x:hidden;
                        overflow-y: auto;
                    }
                #Header #SoftSearchResults ul li a {
                    display: block;
                    padding: 6px;
                    border-bottom: 1px solid #e0e0e0;
                    text-decoration: none;
                    font-size: 12px;
                    line-height: 14px;
                    color: #7b756c;
                }
                #Header #SoftSearchResults ul li a:hover {
                    background-color: #e0e0e0;
                }
                #Header #SoftSearchResults ul li a span {
                    display: block;
                    font-size: 16px;
                    line-height: 22px;
                    font-family: Oswald, 'Source Sans Pro', helvetica, arial, verdana, sans-serif;
                    font-style: normal;
                    font-weight: 400;
                    color: #333333;
                }
    #Header #SoftSearchResults span.clear {
        display: block;
        padding: 6px;
        background-color: #e0e0e0;
        text-align: center;
        font-size: 12px;
        line-height: 14px;
        color: #7b756c;
        cursor: pointer;
    }

#Header.scrolled{
	height: 77px;
	box-shadow: 0px 0px 8px rgba(0,0,0,.6);
}
	#Header.scrolled div.navigation a.logo{
		width: 150px;
		height: 45px;
		margin-top: 1px;
		background-size: 150px 45px;
	}
        #Header.scrolled div.navigation a.logo span.icon{
            float: left;
            width: 150px;
            height: 45px;
        }
		#Header.scrolled div.navigation ul{
			margin-top: 6px;
		} 
            #Header.scrolled div.navigation ul li a{
				float: left;
				padding: 11px 16px 0px 16px;
				font-size: 18px;
				line-height: 32px;
			}
            #Header.scrolled div.navigation ul li ul{
                top: 37px;
            }
                #Header.scrolled div.navigation ul li ul li a {
                    padding: 0px 8px 0px 36px;
                    font-size: 14px;
					line-height: 32px;
                }                            
				
				#Header div.mobile-search{
					display: none;
                    float: right;
                    height: 48px;
					margin: -46px 0px 0px 0px;
                    overflow: hidden;
					
					-moz-transition-duration: 0.3s, 0.6s;
					-webkit-transition-duration: 0.3s, 0.6s;
					transition-duration: 0.3s, 0.6s;
					
					-moz-transition-delay: 0s, 0s;  
					-webkit-transition-delay: 0s, 0s; 
					transition-delay: 0s, 0s; 				
						  
					-moz-transition-property: margin-top, margin-right;          
					-webkit-transition-property: margin-top, margin-right;             
					transition-property: margin-top, margin-right;     
				}
					#Header div.mobile-search p {
						display: block;
						position: relative;
						float: right;
						overflow: hidden;
						margin: 6px 0px 6px 6px;
						padding: 0;
						width: 40px;
						height: 40px;
						font-size: 0;
						text-indent: -9999px;
						appearance: none;
						
						cursor: pointer;
						background-color: #eb923c;
						
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
						
						-moz-transition: background 0.3s;
						-webkit-transition: background 0.3s;
						transition: background 0.3s;
					}						
						#Header div.mobile-search p span:first-child{
							display: block;
							position: absolute;
							top: 6px;
							left: 6px;
							right: 10px;
							height: 12px;
							width: 12px;

							border: 6px solid #ffffff;
							
							-moz-border-radius: 12px;
							-webkit-border-radius: 12px;
							border-radius: 12px;

							-ms-transform: rotate(-45deg);
							-moz-transform: rotate(-45deg);
							-webkit-transform: rotate(-45deg);
							transform: rotate(-45deg);
							
							-moz-transition-duration: 0.1s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s;
							-webkit-transition-duration: 0.1s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s;
							transition-duration: 0.1s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s;
							
							-moz-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s;  
							-webkit-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s; 
							transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s; 				
								  
							-moz-transition-property: background-color, border-radius, top, height, width, border-width;          
							-webkit-transition-property: background-color, border-radius, top, height, width, border-width;          
							transition-property: background-color, border-radius, top, height, width, border-width;  
						}				
						#Header div.mobile-search p span:last-child {	
							display: block;
							position: absolute;
							top: 24px;
							left: 22px;
							height: 6px;
							width: 12px;
							
							background-color:#ffffff;
						
							-ms-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-webkit-transform: rotate(45deg);
							transform: rotate(45deg);
							
							-moz-transition-duration: 0.3s, 0.3s, 0.3s;
							-webkit-transition-duration: 0.3s,0.3s, 0.3s;
							transition-duration: 0.3s, 0.3s, 0.3s;
							
							-moz-transition-delay: 0.6s, 0.6s, 0.6s;  
							-webkit-transition-delay: 0.6s, 0.6s, 0.6s;   
							transition-delay: 0.6s, 0.6s, 0.6s;    
					
							-moz-transition-property: top, left, width;         
							-webkit-transition-property: top, left, width;        
							transition-property: top, left, width;
						}
				#Header div.mobile-search.expanded{
					margin: 2px -46px 0px 0px;
				}
				#Header div.mobile-search.expanded p {
					background-color: #cb0032;
				}
					#Header div.mobile-search.expanded p span:first-child{
						top: 17px;
						height: 6px;
						width: 28px;
						background-color:#ffffff;
						
						border-width: 0px;
						
						-moz-border-radius: 0px;
						-webkit-border-radius: 0px;
						border-radius: 0px;						
						
						 -moz-transition-duration: 0.1s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s;
						-webkit-transition-duration: 0.1s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s;
						transition-duration: 0.1s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s;
						
						-moz-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s;  
						-webkit-transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s; 
						transition-delay: 0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0.6s; 				
							  
						-moz-transition-property: background-color, border-radius, top, height, width, border-width;          
						-webkit-transition-property: background-color, border-radius, top, height, width, border-width;          
						transition-property: background-color, border-radius, top, height, width, border-width; 
					}
					#Header div.mobile-search.expanded p span:last-child{
						top: 17px;
						left: 6px;
						width: 28px;	

						-moz-transition-duration: 0.3s, 0.3s, 0.3s;
						-webkit-transition-duration: 0.3s,0.3s, 0.3s;
						transition-duration: 0.3s, 0.3s, 0.3s;
						
						-moz-transition-delay: 0.6s, 0.6s, 0.6s;  
						-webkit-transition-delay: 0.6s, 0.6s, 0.6s;   
						transition-delay: 0.6s, 0.6s, 0.6s;    
				
						-moz-transition-property: top, left, width;         
						-webkit-transition-property: top, left, width;        
						transition-property: top, left, width;						
					}

				
				
				#Header div.mobile-navigation{
                    position: relative;
                    display: none;
                    float: right;
                    height: 48px;
					margin-top: -46px;
                    overflow: hidden;
                }
                    #Header div.mobile-navigation.expanded{
                        height: auto;
                        overflow: visible;
                    }

                        #Header div.mobile-navigation p {
                            display: block;
                            position: relative;
                            float: right;
                            overflow: hidden;
                            margin: 6px;
                            padding: 0;
                            width: 40px;
                            height: 40px;
                            font-size: 0;
                            text-indent: -9999px;
                            appearance: none;
                            box-shadow: none;
                            -moz-border-radius: 3px;
                            -webkit-border-radius: 3px;
                            border-radius: 3px;
                            border: none;
                            cursor: pointer;
                            background-color: #eb923c;
                            
                            -moz-transition: background 0.3s;
                            -webkit-transition: background 0.3s;
                            transition: background 0.3s;
                        }
                            #Header div.mobile-navigation p:focus {
                              outline: none;
                            }
                            #Header div.mobile-navigation p span {
                              display: block;
                              position: absolute;
                              top: 17px;
                              left: 6px;
                              right: 6px;
                              height: 6px;
                              background: white;

                              -moz-transition: background 0s 0.3s;
							  -webkit-transition: background 0s 0.3s;
                              transition: background 0s 0.3s;
                            }
                                #Header div.mobile-navigation p span::before,
                                #Header div.mobile-navigation p span::after {
                                    position: absolute;
                                    display: block;
                                    left: 0;
                                    width: 100%;
                                    height: 6px;
                                    background-color: #fff;
                                    content: "";
                                  
                                    -moz-transition-duration: 0.3s, 0.3s;
                                    -webkit-transition-duration: 0.3s, 0.3s;
                                    transition-duration: 0.3s, 0.3s;
                                    -moz-transition-delay: 0.3s, 0s; 
                                    -webkit-transition-delay: 0.3s, 0s; 
                                    transition-delay: 0.3s, 0s;
                                }
                                #Header div.mobile-navigation p span::before {
                                    top: -10px; 
                                                                     
                                    -moz-transition-property: top, transform;         
                                    -webkit-transition-property: top, transform;         
                                    transition-property: top, transform;
                                }
                                #Header div.mobile-navigation p span::after {
                                    bottom: -10px;                         
                                                                     
                                    -moz-transition-property: bottom, transform;         
                                    -webkit-transition-property: bottom, transform;         
                                    transition-property: bottom, transform;
                                }
                        /* expanded state, i.e. menu open */
                        #Header div.mobile-navigation.expanded p {
                          background-color: #cb0032;
                        }
                            #Header div.mobile-navigation.expanded p span {
                              background: none;
                            }
                                #Header div.mobile-navigation.expanded p span::before {
                                  top: 0;

                                  -ms-transform: rotate(45deg);
                                  -moz-transform: rotate(45deg);
                                  -webkit-transform: rotate(45deg);
                                  transform: rotate(45deg);
                                }
                                #Header div.mobile-navigation.expanded p span::after {
                                  bottom: 0;

                                  -ms-transform: rotate(-45deg);
                                  -moz-transform: rotate(-45deg);
                                  -webkit-transform: rotate(-45deg);
                                  transform: rotate(-45deg);
                                }
                                #Header div.mobile-navigation.expanded p span::before,
                                #Header div.mobile-navigation.expanded p span::after {
                                    -moz-transition-delay: 0s, 0.3s;
                                    -webkit-transition-delay: 0s, 0.3s; 
                                    transition-delay: 0s, 0.3s;
                                }


                    #Header div.mobile-navigation div{
                        z-index: 101;
						position: absolute;
                        top: 52px;
                        right: 0px;
                        overflow: hidden;
                        background:#ffffff;
	                    border-bottom: 6px solid #1ac6d4;
                        opacity: 0;
                    }
                        #Header div.mobile-navigation.expanded div{
                            opacity: 1;
                            -webkit-transition: opacity 300ms linear;
	                        -moz-transition: opacity 300ms linear;
	                        -o-transition: opacity 300ms linear;
	                        -ms-transition: opacity 300ms linear;
	                        transition: opacity 300ms;
                        }
                        #Header div.mobile-navigation div ul li a{
                            display: block;
                            width: 100%;
                            padding: 0px 8px 0px 8px;
                            white-space: nowrap;
                            font-family: helvetica,arial,verdana,sans-serif;
						    font-weight: normal;
                            font-size: 14px;
						    line-height: 32px;
                            color: #ffffff;
                            background-color: #00ADEE;
                            box-sizing: border-box;
						    text-decoration: none;
						    text-transform: lowercase;
                        }
                            #Header div.mobile-navigation div ul li ul li a {
                                padding-left: 34px;
                                background-size:30px 30px;
                                background-position:1px 1px;
                                background-repeat: no-repeat;

                            }
                            #Header div.mobile-navigation div ul li ul li:nth-child(1) a{
                                background-image:url(/images/regions/florida.svg);
                                background-color:#0b9faa;
                            }
                            #Header div.mobile-navigation div ul li ul li:nth-child(2) a{
                                background-image:url(/images/regions/florida-northwest.svg);
                                background-color:#0b9faa;
                            }
                            #Header div.mobile-navigation div ul li ul li:nth-child(3) a{
                                background-image:url(/images/regions/florida-north.svg);
                                background-color:#0b9faa;
                            }
                            #Header div.mobile-navigation div ul li ul li:nth-child(4) a{
                                background-image:url(/images/regions/florida-central.svg);
                                background-color:#0b9faa;
                            }
                            #Header div.mobile-navigation div ul li ul li:nth-child(5) a{
                                background-image:url(/images/regions/florida-south.svg);
                                background-color:#0b9faa;
                            }
                        #Header div.mobile-navigation div ul li a:hover{
                            background-color:#1ac6d4;
                        }
                        #Header div.mobile-navigation div ul li ul li a:hover{
                        background-color:#1ac6d4;
                    }

@media(max-width:880px) {
    #Header div.navigation ul li a{
		padding: 0px 8px 3px 8px;
	}
    #Header.scrolled div.navigation ul li a {
		padding: 11px 8px 0px 8px;
    }
        #Header div.navigation ul li ul li a,
        #Header.scrolled div.navigation ul li ul li a {
            padding: 0px 8px 0px 36px;
        }
}				
@media(max-width:800px) { 
	#Header div.navigation a.logo{
		width: 150px;
		height: 45px;
		margin-top: 39px;
	}
        #Header div.navigation a.logo span.icon{
            float: left;
            width: 150px;
            height: 45px;
            background-image: url(/images/master/Camp-Florida-Logo.svg);
            background-size: 100% 100%;
        }
}
@media(max-width:720px) { 
	#Header div.navigation ul li a,
    #Header.scrolled div.navigation ul li a {
		font-size: 16px;
	}
        #Header div.navigation ul li ul li a{
            font-size: 14px;
		    line-height: 32px;
        }
}
@media(max-width:660px) { 
	#Header div.navigation a.logo{
		margin-top: 10px;
	}
		#Header.scrolled div.navigation a.logo{
			margin-top: 2px;
			width: 43px;
		}
	#Header div.navigation ul{
		clear: both;
		margin-top: 0px;
	}
		#Header.scrolled div.navigation ul{
			clear: none;
		}
}
@media(max-width:550px) {
    #Header{
	    height: 80px; 
	    box-shadow: 0px 0px 8px rgba(0,0,0,.6);  
    }
        #Header div.navigation{
            float: left;
        }
            #Header div.navigation ul{
		        display:none;
	        }    
            #Header div.navigation a.logo,
            #Header.scrolled div.navigation a.logo{
		        margin-top: 2px;
		        width: 150px;
		        height: 45px;
	        }

            #Header div.navigation #SoftSearchWrap {
                display: none;
				top: 48px;
				right: 0px;
				left: 0px;
				background-color: #ffffff;
				width: auto;
				padding: 10px;
				border-bottom: 6px solid #1ac6d4;
            }
			#Header div.navigation #SoftSearchWrap.expanded{
				display: block;
				padding-right: 54px;
			}

        #Header div.mobile-navigation{
            display: block;
        }
		#Header div.mobile-search{
            display: block;
        }
		#Header #SoftSearchResults{
			width: auto;
			left: 10px;
		}
		#Header.scrolled #SoftSearchResults{
			display: block;
		}
}
@media(max-width:360px) { 
	#Header div.bar div.wrap div.social p{
        display: none;
	}
}
@media(max-width:320px) { 
	#Header div.bar div.wrap div.social p{
        display: none;
	}
}



#Content{
	padding-top: 130px;
	background-color: #efebe5; 
}
@media(max-width:550px) {
    #Content{
	    padding-top: 83px;
    }
}



#Heading{
    padding: 0px 20px 0px 20px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #3e3e3e;
}
    #Heading div.wrap{
        position: relative;
        width: 100%;
	    max-width: 1024px;
	    margin: 0px auto;

        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
    }
        #Heading.region.all div.wrap {
            background-image:url(/images/regions/florida.svg);
        }
        #Heading.region.northwest div.wrap {
            background-image:url(/images/regions/florida-northwest.svg);
        }
        #Heading.region.north div.wrap {
            background-image:url(/images/regions/florida-north.svg);
        }
        #Heading.region.central div.wrap {
            background-image:url(/images/regions/florida-central.svg);
        }
        #Heading.region.south div.wrap {
            background-image:url(/images/regions/florida-south.svg);
        }

        #Heading div.wrap h1{            
            padding-top: 40px;
            font-size: 56px;
            line-height: 56px;
            font-family: 'Source Sans Pro', sans-serif;
            font-style: normal;
            font-weight: bold;
            color: #ffffff;
            text-shadow: 2px 2px 0px rgba(0,0,0,.3);
        }
        #Heading div.wrap h2{         
            padding-bottom: 40px;
            font-size: 36px;
            line-height: 36px;
            font-family: 'Source Sans Pro', sans-serif;
            font-style: normal;
            font-weight: normal;
            color: #ffffff;
            text-shadow: 1px 1px 0px rgba(0,0,0,.3);
        }
            #Heading.campground div.wrap h1{
                padding-right: 80px;
            }
            #Heading.campground div.wrap h2{
                padding-right: 80px;
            }
@media(max-width:1140px) {
    #Heading.campground div.wrap h1 {
        padding-right: 120px;
    }
    #Heading.campground div.wrap h1 {
        padding-right: 120px;
    }
}
@media(max-width:640px) {
    #Heading.region div h1{            
        font-size: 40px;
        line-height: 40px;
    }
    #Heading.region div h2{         
        font-size: 24px;
        line-height: 24px;
    }
}
@media(max-width:380px) {
    #Heading.region div h1{            
        font-size: 36px;
        line-height: 36px;
    }
    #Heading.region div h2{         
        font-size: 24px;
        line-height: 24px;
    }
}



#Sponsorship{
    clear: both;
	padding: 10px 20px 10px 20px; 
	overflow: hidden;
    background:#ffffff;
    
	border-bottom: 6px solid #f5f4f2; 
}
    #Sponsorship div.wrap{
		width: 100%;
		max-width: 1024px;
		margin: 0px auto;
        padding: 0px 0px;
        text-align: center;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
	}
        #Sponsorship div.wrap a img{
		    width: 100%;
            max-width: 734px;
            margin-bottom: 12px;
            vertical-align: bottom;

            border: solid 3px #ffffff;

            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;

        }
            #Sponsorship div.wrap a:hover img{
                -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.5);
                -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.5);
                box-shadow: 0px 0px 4px rgba(0,0,0,.5);
            }
        #Sponsorship div.wrap div.embedded-sponsor{
            width: 100%;
            max-width: 734px;
            margin-bottom: 12px;
            vertical-align: bottom;

            border: solid 3px #ffffff;

            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        #Sponsorship div.wrap div.sizer{
            position: relative;
            max-width: 640px;
            width: 100%;
            margin: 0px auto;
        }
            #Sponsorship div.wrap div.sizer div{
                width:100%;
                height: 0px;
                padding-bottom: 56.25%;

            }
            #Sponsorship div.wrap div.sizer iframe{
                position: absolute;
                top: 0px;
                bottom: 0px;
                left: 0px;
                right: 0px;
                width:100%;
                height: 100%;
            }
        #Sponsorship div.wrap div.sponsor-video{
            position: relative;
            max-width: 640px;
            width: 100%;
            margin: 0px auto;
            overflow: hidden;

            background-color: #3e3e3e;
        }
            #Sponsorship div.wrap div.sponsor-video img{
                width:100%;
                cursor: pointer;
                vertical-align:bottom;

                -webkit-transition: opacity 300ms;
		        -moz-transition: opacity 300ms;
		        -o-transition: opacity 300ms;
		        -ms-transition: opacity 300ms;
		        transition: opacity 300ms;
            }
                #Sponsorship div.wrap div.sponsor-video:hover img {
                    opacity: .4;

                    -webkit-transition: opacity 300ms;
		            -moz-transition: opacity 300ms;
		            -o-transition: opacity 300ms;
		            -ms-transition: opacity 300ms;
		            transition: opacity 300ms;
                }
            #Sponsorship div.wrap div.sponsor-video div.triangle {
                position: absolute;
                right: -8%;
                bottom: -24%;
                width: 30%;
                height: 0px;
                padding-bottom: 20%;

                background-color: rgba(0, 173, 238, 1);
                opacity: .7;
                cursor: pointer;

                -ms-transform: rotate(-30deg); /* IE 9 */
                -webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */
                transform: rotate(-30deg);

                -webkit-transition: opacity 300ms;
		        -moz-transition: opacity 300ms;
		        -o-transition: opacity 300ms;
		        -ms-transition: opacity 300ms;
		        transition: opacity 300ms;
            }
                #Sponsorship div.wrap div.sponsor-video:hover div.triangle {
                    background-color: rgba(0, 173, 238, 1);
                    opacity: .9;

                    -webkit-transition: opacity 300ms;
		            -moz-transition: opacity 300ms;
		            -o-transition: opacity 300ms;
		            -ms-transition: opacity 300ms;
		            transition: opacity 300ms;
                }
            #Sponsorship div.wrap div.sponsor-video div.title{
                position: absolute;
                right: 0px;
                top: 0px;
                width: 100%;
                padding: 14px;

                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;                
            }
                #Sponsorship div.wrap div.sponsor-video div.title h5{
                    padding-bottom: 14px;

                    font-family: 'Source Sans Pro', helvetica,arial,verdana,sans-serif;
	                font-weight: 600;
	                font-size: 34px;
	                line-height: 42px;
                    color: #FFFFFF;
                    text-shadow: 0px 0px 4px #000000;
                }
                #Sponsorship div.wrap div.sponsor-video div.title p.descr{
                    opacity: 0;

                    font-family: arial,verdana,sans-serif;
	                font-weight: normal;
	                font-size: 14px;
	                line-height: 18px;
                    color: #FFFFFF;

                    -webkit-transition: opacity 300ms;
		            -moz-transition: opacity 300ms;
		            -o-transition: opacity 300ms;
		            -ms-transition: opacity 300ms;
		            transition: opacity 300ms;
                }
                    #Sponsorship div.wrap div.sponsor-video:hover div.title p.descr{
                        opacity: 1;

                        -webkit-transition: opacity 300ms;
		                -moz-transition: opacity 300ms;
		                -o-transition: opacity 300ms;
		                -ms-transition: opacity 300ms;
		                transition: opacity 300ms;
                    }
            #Sponsorship div.wrap div.sponsor-video span.icon {
                position: absolute;
                right: 10px;
                bottom: 10px;
                width: 64px;
                height: 64px;
                background-image: url(/images/common/play-icon.png);
                background-repeat: no-repeat;
                background-size: 64px 64px;
                cursor: pointer;
            }
#SponsorOverlay {
    z-index: 120;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: url(/images/media/stripes.png);
    opacity: 0;
    cursor: pointer;
}
#SponsorVideo {
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -30px 0px 0px -30px;
    border: 10px solid #ffffff;
    background: #ffffff url(/images/common/ajax-loader.gif) no-repeat center center;
    box-shadow: 0px 0px 4px rgba(0,0,0,.6);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.6);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.6);
}
    #SponsorVideo video {
        visibility: hidden;
        width: 100%;
        height: 100%;
    }
    #SponsorVideo span.close{
        position: absolute;
        top: -23px;
        right:-23px;
        float:right;
        width: 25px;
        height: 25px;
        border-radius:13px;
        cursor: pointer;
        background: transparent url(/images/media/close-sprite.png) no-repeat 0px 0px;
        background-size: 25px 50px;
    }
        #SponsorVideo span.close:hover{
            background-position: 0px -25px;
        }
@media(max-width:800px) {
    #Sponsorship div.wrap div.sponsor-video span.icon {
        position: absolute;
        right: 4px;
        bottom: 4px;
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
    }
}
@media(max-width:540px) {
    #Sponsorship {
        padding: 10px; 
    }
        #Sponsorship div.wrap a img{
            border: 0px;
        }
            #Sponsorship div.wrap a:hover img{
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }
            #Sponsorship div.wrap div.sponsor-video div.title h5{
                padding-bottom: 8px;
	            font-size: 24px;
	            line-height: 32px;
            }
}
@media(max-width:460px) {
    #Sponsorship div.wrap div.sponsor-video span.icon {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
}


#Blurb{
    clear: both;
	width: 100%;
	padding: 0px 20px 0px 20px; 
	overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    #Blurb div.container{
        position: relative;
        width: 100%;
		max-width: 1024px;
		margin: 0px auto;
    }
        #Blurb div.container div.wrap{
		    position: relative;
            padding: 26px 20px 30px 20px;
		    overflow: hidden;
            background-color:#ffffff;
            border-top: 6px solid #eb923c;

            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	    }
        #Blurb div.container.withsponsor div.wrap {
            margin-right: 318px;
            min-height: 266px;
        }
            #Blurb div.container div.wrap h2{
                font-family: 'Source Sans Pro', helvetica,arial,verdana,sans-serif;
	            font-weight: 600;
	            font-size: 34px;
	            line-height: 44px;
                color: #d56f66;
            }
            #Blurb div.container div.wrap h3{
                font-family: 'Source Sans Pro', helvetica,arial,verdana,sans-serif;
	            font-weight: 600;
	            font-size: 20px;
	            line-height: 26px;
                color: #00ADEE;
            }
            #Blurb div.container div.wrap div.sizer{
                max-height: 156px;
                min-height: 154px;
                overflow: hidden;
            }
                #Blurb div.container div.wrap div p{
                    padding-bottom: 24px;
                    font-family: arial,verdana,sans-serif;
		            font-weight: normal;
		            font-size: 14px;
		            line-height: 24px;
                    color: #7b756c;
                }
                    #Blurb div.container div.wrap div p a{
                        font-weight: bold;
                        color: #d56f66;
                        text-decoration: none;
                    }
                        #Blurb div.container div.wrap div p a:hover{
                            text-decoration: underline;
                        }
                #Blurb div.container div.wrap div ul{
                    padding-bottom: 24px;
                    margin-left: 20px;
                }
                    #Blurb div.container div.wrap div ul li{
                        font-family: arial,verdana,sans-serif;
		                font-weight: normal;
		                font-size: 14px;
		                line-height: 24px;
                        color: #7b756c;
                    }
            #Blurb div.container div.wrap span.expander{
                position: absolute;
                bottom: 0px;
                right: 20px;
                float: right;
                height: 24px;
                font-family: arial,verdana,sans-serif;
		        font-size: 14px;
		        line-height: 24px;
                font-weight: bold;
                color: #d56f66;
                cursor: pointer;
            }
            #Blurb div.container div.sponsorship{
                position: absolute;
                right: 0px;
                top: 0px;
                padding: 3px;
                background-color: #f5f4f2;
            }
        #Blurb div.container.withsponsor div.sponsorship .wrap {
            position: relative;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
            background-color: transparent;
            border-top: 0px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
                #Blurb div.container div.sponsorship img{
                    width: 300px;
                    border: 3px solid #f5f4f2;
                    background-color: #f5f4f2;
                }
                #Blurb div.container div.sponsorship img:hover {
                    border-color: #ffffff;
                    background-color: #ffffff;
                    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.5);
                    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.5);
                    box-shadow: 0px 0px 4px rgba(0,0,0,.5);
                }
            #Blurb div.container div.sponsorship div.embedded-sponsor{
                width: 306px;
                margin: 0px auto;
            }

@media(max-width:780px) {
    #Blurb div.container.withsponsor div.wrap {
        margin-right: 212px;
        min-height: 183px;
    }
    #Blurb div.container div.sponsorship img{
        width: 200px;
    }
        #Blurb div.container div.sponsorship div.embedded-sponsor{
            width: 206px;
        }
}
@media(max-width:640px) {
    #Blurb {     
	    padding: 0px 0px 0px 0px;    
    }
        #Blurb div.container div.wrap h2{  
            font-size: 28px;
	        line-height: 38px;
        }
}
@media(max-width:540px) {
    #Blurb div.container.withsponsor div.wrap {
        margin-right: 0px;
        min-height: 0px;
    }
    #Blurb div.container div.sponsorship{
        position: static;
        right: auto;
        top: auto;
        padding: 10px;
        text-align: center;
    }
        #Blurb div.container div.sponsorship img{
            width: 100%;
            max-width: 300px;
            height: auto;
            border: 0px;
        }
            #Blurb div.container div.sponsorship div.embedded-sponsor{
                width: 100%;
                max-width: 306px;
            }
}


#Footer{
	clear: both;
	width: 100%;
	border-top: 6px solid #00ADEE ;
	overflow: hidden;
}	
	#Footer div.wrap{
		width: 100%;
		max-width: 1064px;
		margin: 0px auto;
	    background-color:#dcdcdc;
        background-image: url(/images/master/footer-pattern.png);
        background-size: 112px 112px;
        background-position: center top;
		overflow: hidden;
	}
		#Footer div.wrap div.columns{
            float: left;
			width: 60%;
            padding: 20px 0px 20px 20px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
            overflow: hidden;
		}	
			#Footer div.wrap div.columns div.column{
				float: left;
				width: 50%;
				padding: 0px 8px 0px 8px;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				overflow: hidden;
			}	
				#Footer div.wrap div.columns div.column h3{
					font-family: 'Source Sans Pro',helvetica,arial,verdana,sans-serif;
					font-weight: 700;
					font-size: 24px;
					line-height: 28px;
					color: #00ADEE;
					text-transform: uppercase;
					text-align: left;
                    text-shadow: 0px 0px 2px rgba(256,256,256,.5);
				}
				#Footer div.wrap div.columns div.column ul{
					list-style-type: none;
				}
					#Footer div.wrap div.columns div.column ul li{
						
					}
						#Footer div.wrap div.columns div.column ul li a{
							display: block;
							font-family: arial,verdana,sans-serif;
							font-weight: normal;
							font-size: 14px;
							line-height: 28px;
							color: #7b756c;
							text-align: left;	
							text-decoration: none;							
						}
							#Footer div.wrap div.columns div.column ul li a:hover{
							    color: #3e3e3e;
								text-decoration: underline;	
							}
		#Footer div.wrap div.socialize{            
            position: relative;
            float: left;
			width: 40%;
            padding: 10px 10px 10px 10px;            
            overflow: hidden;

			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
            #Footer div.wrap div.socialize div.socialize-container{
                padding: 10px 20px 20px 20px;
                background-color:#efefef;
                overflow: hidden;
            }
            #Footer div.wrap div.socialize #Optin-Overlay {
                z-index: 9;
                position: absolute;
                top: 0px;
                bottom: 0px;
                right: 0px;
                left: 0px;
                background: rgba(63, 49, 33, 0.75);
                opacity: 0;
            }
            #Footer div.wrap div.socialize h3 {
                font-family: 'Source Sans Pro',helvetica,arial,verdana,sans-serif;
                font-weight: 700;
                font-size: 24px;
                line-height: 28px;
                color: #00ADEE;
                text-transform: uppercase;
                text-align: left;
            }
            #Footer div.wrap div.socialize div.input{
                position: relative;
                padding-top: 16px;
                padding-right: 30px;
            }
                #Footer div.wrap div.socialize div.input div.error-message {
                    font-family: arial,verdana,sans-serif;
                    font-weight: bold;
                    font-size: 12px;
                    line-height: 16px;
                    color: #c62d2d;
                }
                #Footer div.wrap div.socialize div.input input{
                    height: 30px;
                    width: 100%;
                    padding: 0px 6px 0px 6px;
                    font-family: arial,verdana,sans-serif;
					font-weight: normal;
					font-size: 14px;
					line-height: 30px;
					color: #1a83ab;
                    -moz-border-radius: 3px 0px 0px 3px;
                    -webkit-border-radius: 3px 0px 0px 3px;
                    border-radius: 3px 0px 0px 3px;
                    border: 0px;
                    background-color: #ffffff;
			        -moz-box-sizing: border-box;
			        -webkit-box-sizing: border-box;
			        box-sizing: border-box;
                }
                #Footer div.wrap div.socialize div.input a {
                    position: absolute;
                    bottom: 0px;
                    right: 0px;
                    height: 24px;
                    width: 24px;
                    border: 3px solid #eb923c;
                    -moz-border-radius: 0px 3px 3px 0px;
                    -webkit-border-radius: 0px 3px 3px 0px;
                    border-radius: 0px 3px 3px 0px;
                    background-color: #eb923c;
                    background-image: url(/images/common/right-arrow-srch.png);
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: 15px 15px;
					-webkit-transition: background-color 300ms;
					-moz-transition: background-color 300ms;
					-o-transition: background-color 300ms;
					-ms-transition: background-color 300ms;
					transition: background-color 300ms;
                }
                    #Footer div.wrap div.socialize div.input a:hover{
                        background-color: #1a83ab;
                        border: 3px solid #1a83ab;
						-webkit-transition: background-color 300ms;
						-moz-transition: background-color 300ms;
						-o-transition: background-color 300ms;
						-ms-transition: background-color 300ms;
						transition: background-color 300ms;
                    }
        #Footer div.wrap div.success {
            display :none;
            padding: 0px 6px 0px 6px;
            font-family: 'Source Sans Pro',helvetica,arial,verdana,sans-serif;
            font-weight: 700;
            font-size: 18px;
            line-height: 30px;
            color: #ffffff;
            text-transform: uppercase;
            text-align: left;

            background-color: #1a83ab;

            -moz-border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
        }
            #Footer div.wrap div.socialize div.social {
                padding-top: 16px;
            }
                #Footer div.wrap div.socialize div.social i{
					float:left;
					margin-right: 2px;
					width: 24px;
					height: 24px;
                    border: 3px solid #eb923c;
					background-size: 120px 24px;
					background-repeat: no-repeat;
                    background-color: #eb923c;
					background-image: url(/images/master/social-icon-sprite.png);
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					overflow: hidden;
					-webkit-transition: background-color 300ms;
					-moz-transition: background-color 300ms;
					-o-transition: background-color 300ms;
					-ms-transition: background-color 300ms;
					transition: background-color 300ms;
				}
					#Footer div.wrap div.socialize div.social i:hover{
                        border: 3px solid #1a83ab;
						background-color: #1a83ab;
						-webkit-transition: background-color 300ms;
						-moz-transition: background-color 300ms;
						-o-transition: background-color 300ms;
						-ms-transition: background-color 300ms;
						transition: background-color 300ms;
					}			
					#Footer div.wrap div.socialize div.social i.facebook{
						background-position: 0px 0px;
					}
					#Footer div.wrap div.socialize div.social i.googleplus{
						background-position: -24px 0px;
					}
					#Footer div.wrap div.socialize div.social i.twitter{
						background-position: -48px 0px;
					}
					#Footer div.wrap div.socialize div.social i.youtube{
						background-position: -72px 0px;
					}
					#Footer div.wrap div.socialize div.social i.pinterest{
						background-position: -96px 0px;
					}
            #Footer div.wrap div.socialize div.contact {
                clear: both;
                padding-top: 16px;
                font-family: arial,verdana,sans-serif;
				font-weight: normal;
				font-size: 12px;
				line-height: 20px;
				color: #988877;
            }
                #Footer div.wrap div.socialize div.contact a{
				    color: #7b756c;
                    text-decoration: none;
                }
                    #Footer div.wrap div.socialize div.contact a:hover{
					    color: #3e3e3e;
                        text-decoration: underline;
                    }
                    #Footer div.wrap div.socialize div.contact img{
                        display: none;
                    }
        #Footer div.policy-bar{
            padding: 6px 0px 40px 0px;
            background-image: url(/images/master/footer-pattern.png);
            background-size: 112px 112px;
            background-position: center top;
	        background-color: #a5a5a5;
        }
            #Footer div.policy-bar div.policy-wrap{
                width: 100%;
		        max-width: 1064px;
		        margin: 0px auto;
                overflow: hidden;
            }
		        #Footer div.policy-bar div.policy-wrap a{
                    float: left;
                    padding: 0px 10px 0px 10px;
					font-family: arial,verdana,sans-serif;
					font-weight: normal;
					font-size: 14px;
                    line-height: 30px;
                    color: #3e3e3e;
                    text-decoration: none;
		        }
                    #Footer div.policy-bar div.policy-wrap a:hover{
                        background-color:#d1d1d1;
                    }
		        #Footer div.policy-bar div.policy-wrap a.comnet{
                    float: right;
		        }
                    #Footer div.policy-bar div.policy-wrap a.comnet:hover {
                        background-color:transparent;
                    }
                    #Footer div.policy-bar div.policy-wrap a.comnet img{
                        float: left;
                        width: 180px;
                        border: 0px;
                    }
@media(max-width:720px) {
    #Footer div.wrap div.columns div.column h3,
    #Footer div.wrap div.socialize h3{
        font-size: 18px;
		line-height: 24px;
    }
}
@media(max-width:560px) {
    #Footer div.wrap div.columns {
        float: none;
        width: 100%;
        padding: 20px;
    }
    #Footer div.wrap div.socialize {
        float: none;
        width: 100%;
    }
}



span.clear-space{
    display: block;
    height: 60px;
    overflow: hidden;
}



