@media (max-width: 600px) {
img.image_phone {

float:none !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

}

/* HEADER STYLES */

.header-white {
	background-color: #fff;
	min-height: 20px;
	}
	.logo {
		padding: 20px;
		}
		
	.header-right {
		text-align: right;
		margin-top: 20px;
		}
	.phone {
		color: #ee3a43;
		font-size: 36px;
		font-family: 'Noto Serif', serif;
		font-weight: 700;
		font-style: italic;
		padding-right: 20px;
		}
		
	
		
		
	.tagline {
		font-family: 'Noto Serif', serif;
		font-size: 24px;
		color: #0055a5;
		font-weight: 700;
		font-style: italic;
		}
	.searchbox {
		margin-top: 20px;
		}

.callout-contact {
	margin: 30px;
	padding: 20px 20px 15px 20px;
	color: #fff;
	background-color: #0055a5;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px; /* future proofing */
		-khtml-border-radius: 10px; /* for old Konqueror browsers */
	text-align: center;
	}
	.callout-contact a {
		color: #fff;
		font-weight: bold;
		text-decoration: underline;
		}
		
		
		
.callout-contact2 {
	margin: 30px;
	padding: 20px 20px 15px 20px;
	color: #fff;
	background-color: #ee3a43;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px; /* future proofing */
		-khtml-border-radius: 10px; /* for old Konqueror browsers */
	text-align: center;
	}
	.callout-contact2 a {
		color: #fff;
		font-weight: bold;
		text-decoration: underline;
		}


.callout-contact3 {
	padding: 20px 20px 15px 20px;
	color: #fff;
	background-color: #ee3a43;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px; /* future proofing */
		-khtml-border-radius: 10px; /* for old Konqueror browsers */
	text-align:center;
	display:inline-block;
	font-weight:bold;
	font-size:16px;
	
	}
	.callout-contact3:hover {
	color:#ffffff;
	background-color:#0055a5;
	}
	.callout-contact3:focus {
	color:#ffffff;
	}


.header-menu-red {
	background-color: #ee3a43;
	}

.home-blue-bar {
	background-color: #000f1d;
	border-bottom: 3px solid #fff;
	min-height: 20px;
	padding: 20px 0px;
	margin-top: -10px;
	}
	
.home-grayscale-bar {
	background: -webkit-linear-gradient(#e0e0e0, #ffffff); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#e0e0e0, #ffffff); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#e0e0e0, #ffffff); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#e0e0e0, #ffffff); /* Standard syntax */
  	background-image: linear-gradient(#e0e0e0, #ffffff); /* IE 11... */
	min-height: 20px;
	padding: 20px 0px;
	}
	
.home-links-center {
	color: #ee3a43;
	font-size: 24px;
	font-family: 'Lato';
	font-weight: 700;
	margin-bottom: 30px;
	}
	.home-links-center a {color: #0055a5;}
	.home-links-center a:hover {text-decoration: underline;}

.slogan-text {
		color: #333;
		font-size: 24px;
		font-family: 'Noto Serif', serif;
		font-weight: 700;
		font-style: italic;
		margin-left: 30px;
		
	}


.center-white {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
	}
	
.footer-red {
	background-color: #ee2a43;
	padding: 30px 20px 20px 20px;
	color: #fff;
	font-size: 1.2em;
	}
	.footer-red a {color: #fff;}
	.footer-red a:hover {text-decoration: underline;}
	
.footer-darkblue {
	background-color: #000f1d;
	padding: 30px 20px 400px 20px;
	color: #fff;
	}
	.footer-darkblue a {color: #fff; font-weight: bold;}
	.footer-darkblue a:hover {text-decoration: underline;}
		.footer-darkblue .fa-facebook-square a {color: #3b5998 !important;}
		.footer-darkblue .fa-twitter-square a {color: #00aced !important;}





input[type=radio], input[type=checkbox] {
	padding-bottom:0px;
	margin-bottom:8px;
	margin-right:4px;
}




/* INVUE PORTAL */


h2.account {
    font-size:20px;
    padding:0px;
    margin:0px;
    color:#ce1600;
    line-height:22px;
}

.account_section {
    background-color:#f7f7f6;
    border:1px solid #ebebea;
    padding:20px;
    width:85%;
    border-radius: 15px;
    overflow:auto;
} 

.subnav {
    padding-top:15px;
    padding-left:20px;
	position: relative;
	border-top:1px solid #0c2b7d;
	border-bottom:1px solid #0c2b7d;
	background-color:#2c4ea9;
	margin-bottom:20px;
}
.subnav ul {
	margin: 0;
	padding: 0;
}
.subnav li {
	margin: 0 13px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	text-align:left;
	vertical-align: top;
}
.subnav a {
	padding: 3px 6px;
	text-decoration: none;
	color: #ffffff;
	line-height: 100%;
}
a.subnavlink:hover {
	color: #e2e7be;
	text-align:left;
}

.subnav .current .subnavbox {	
    font-weight:bold;
    color:#e2e7be;
}

.subnav .current .subnavbox a {	
	color: #e2e7be;	
}

#mobile_nav {
	display: none;
}  


.field_label {
    float:left; 
    margin-right:4px; 
    margin-bottom:3px;
    background-color:transparent;
    color:#000000;
    text-shadow: none;
    font-size:13px;
    text-align:right;
    
}

.field_value {
    float:left; 
    margin-bottom:8px;  
    text-align:left;
  
}

.clear {
	clear: both; 
	display: block; 
	width: 100%; 
}    

.account_alerts {
	background-color:#ffffff;
	border:2px solid #9f1500;
	padding:10px; 
	color:#000000;
	text-align:center;
	opacity: 0.70; -moz-opacity: 0.70; filter:alpha(opacity=70);
	border-radius:10px;
}  
	
.account_notification {
	background-color:#ffffff;
	border:2px solid #68a104;
	padding:10px; 
	color:#000000;
	text-align:center;
	opacity: 0.70; -moz-opacity: 0.70; filter:alpha(opacity=70);
	border-radius:10px;
}  

.alt1 {
    background-color:#f1f1eb;
    padding:10px;
}

.alt2 {
    background-color:#f7f7f6;
    padding:10px;
}

@media screen and (max-width: 600px) {
   	
	.new_nav {
		color:#ffffff;
		background-color:#2c4ea9; 	
		display: block;
		margin-bottom:20px;
		width:100%;
		font-size:18px;
		height:40px;
	}
	
	#mobile_nav {
	    display: block;
	}    
	
	.subnav {
	    display: none;
	}	
	
	.field_label {
		float:left; 
		margin-right:4px; 
		margin-bottom:2px;
		background-color:transparent;
		color:#000000;
		text-shadow: none;
		font-size:13px;
		text-align:right;	
	}
	
	.div_columns1, .div_columns2, .div_columns3, .div_columns4, .div_columns5, .div_columns_end {
		float:left;
		margin-right:20px;
		overflow: auto;
		width:100%;
	}  
	
	.accountLoginReg {
		padding: 10px;
		font-size:15px;
		background: #28527c; 
		background: -moz-linear-gradient(top, #587fa4 0%, #28527c 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#587fa4), color-stop(100%,#28527c));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#587fa4', endColorstr='#28527c',GradientType=0 ); 
		color:#ffffff;
		text-align:center;
		margin-bottom:10px;
		max-width:100%;
	}
	
	input[type=submit].account-btn, button.account-btn {
		background-color:#2c4ea9;
		color:#ffffff;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border:1px solid #0c2b7d;
		padding:10px 30px;
		font-size:14px;
		margin-top:5px;
		width:100%;
	}
	
	input[type=submit].account-btn:hover, button.account-btn:hover {
		background-color:#222982;
		color:#ffffff;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border:1px solid #000000;
		padding:10px 30px;
		font-size:14px;
		margin-top:5px;
		width:100%;
	}
	
	input[type=button].cancel-btn, button.cancel-btn  {
		background-color:#e14041;
		color:#ffffff;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border:1px solid #e14041;
		padding:10px 30px;
		font-size:14px;
		margin-top:5px;
		width:100%;
	}
	
	input[type=button].cancel-btn:hover, button.cancel-btn:hover {
		background-color:#a7030c;
		color:#ffffff;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border:1px solid #840209;
		padding:10px 30px;
		font-size:14px;
		margin-top:5px;
		width:100%;
	}
	
	.field_value_desc {
	    width:100%;
	    text-align:left;	
	    clear:both;
	}
	
}


@media screen and (min-width: 600px) {
    
    .sublabel {
		float:left; 
		margin-left:4px; 		
	}
	
	.field_label {
		float:left; 
		margin-right:4px; 
		margin-bottom:8px;		
		text-align:right;
	}
	
	.field_value {
	    text-align:left;	   
	}
	
	.field_value2 {
		float:left;
		text-align:left;
		margin-right:20px;	
	}
		
	.div_columns1 {
	    float:left;		
		overflow: auto;
		width:45%;
		margin-right:20px;
	}  
	
	.div_columns2 {
	    float:left;		
		overflow: auto;
		width:35%;
	}  
	
	.div_columns3 {
		float:left;
		margin-right:20px;
		overflow: auto;
		width:30%;
	} 
	
	.div_columns4 {
		float:left;
		margin-right:20px;
		overflow: auto;
		width:20%;
	} 
	
	.div_columns5 {
		float:left;
		margin-right:20px;
		overflow: auto;
		width:15%;
	} 
	
	.div_columns_end {
		float:left;		
		overflow: auto;
		width:15%;
	} 	  
	
	.accountLoginReg {
		padding: 10px;
		font-size:15px;
		background: #28527c; 
		background: -moz-linear-gradient(top, #587fa4 0%, #28527c 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#587fa4), color-stop(100%,#28527c));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#587fa4', endColorstr='#28527c',GradientType=0 ); 
		color:#ffffff;
		text-align:center;
		margin-bottom:10px;
		max-width:300px;
	}
	
	input[type=submit].account-btn, button.account-btn {
		background-color:#2c4ea9;
		color:#ffffff;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border:1px solid #0c2b7d;
		padding:2px 30px;
		font-size:14px;
		margin-top:5px;
	}
	
	input[type=submit].account-btn:hover, input[type=button].account-btn:hover, button.account-btn:hover {
		background-color:#222982;
		color:#ffffff;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border:1px solid #3d6690;
		padding:2px 30px;
		font-size:14px;
		margin-top:5px;
	}
	
	input[type=button].cancel-btn, input[type=submit].cancel-btn, button.cancel-btn {
		background-color:#e14041;
		color:#ffffff;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border:1px solid #e14041;
		padding:2px 30px;
		font-size:14px;
		margin-top:5px;
	}
	
	input[type=button].cancel-btn:hover, input[type=submit].cancel-btn:hover, button.cancel-btn:hover {
		background-color:#a7030c;
		color:#ffffff;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px; 
		border:1px solid #840209;
		padding:2px 30px;
		font-size:14px;
		margin-top:5px;
	}
	
	.field_value_desc {
	    width:250px;
	    text-align:left;	
	    float:left;
	}

}



b.success {
    color:#006900;
}

b.error {
    color:#9d0606;
} 



/* END INVUE PORTAL */

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    
/* Sidebar menu styles */
/*FIRST LEVEL SIDEBAR NAV */
.sidebar ul li a {
  color: #222;
  padding: 10px 10px 10px 10px;
  line-height: 20px;
}
	.sidebar ul li a:hover {
			text-decoration:underline;
}

.sidebar ul li {
	line-height: 30px;
	padding-left: 10px;
}

.sidebar ul li.active a {
	color: #fff;
	background: #71b0df;
	font-weight: bold;
}

.sidebar ul li.active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #4FAA57;
  		text-decoration:underline;

}

.sidebar ul li a {
	color: #222;
}

/*SECOND LEVEL SIDEBAR NAV */
.sidebar ul li li {
	/*list-style-position: inside;*/
	margin-left: 0px;
	list-style-type: none;
	list-style-color: #222;
	background-color: #fff;
	}
	
	
.sidebar ul li li.nav-selected {
	color: #fff;
	}
	
.sidebar ul li li a {
	margin-left: -20px;
	display: block;
	padding: 10px;
	/*line-height: 20px;*/
	background: transparent;
	color: #222 !important;
	}
	.sidebar ul li li.nav-selected > a {
		background-color: #71b0df;
		list-style-color: #fff;
		color: #fff !important;
		}

.sidebar ul li li:hover {
	color: #fff;
	}
	.sidebar ul li li a:hover {
		color: #fff !important;
		background-color: #71b0df;
		text-decoration:underline;
		}

/*THIRD LEVEL SIDEBAR NAV */

.sidebar ul li li li {
	margin-left: -10px;
	list-style-position: inside;
	list-style-type: disc;
	color: #333;
	}
	.sidebar ul li li li:hover {
	color: #333 !important;
	}
	.sidebar ul li li li a {
		margin-left: -20px;
		display: block;
		padding: 5px 10px;
		}
		.sidebar ul li li li a:hover {
		background-color: #ebebeb !important;
		color: #333 !important;
		}
/* end sidebar menu styles */