/* Version 2329 */
.align-right { float:right; margin: 0 0 15px 15px; }

.align-left { float:left; margin: 0 15px 15px 0; }

.linktile {
	background-color: #FFFFDF;
	float: left;    /* was right */
	height: 70px; /* auto; */
	width: 450px;
	border: medium double #724CDF;
	margin-right: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #724CDF;
	margin-bottom: 6px;
	border-radius: 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:70px;
}

.linktileS {
	background-color: #FFFFDF;
	float: left;    /* was right */
	height: 60px;
	width: 180px;
	border: medium double #724CDF;
	margin-right: 50px;
	font-size: 18px;
	font-weight: bold;
	color: #724CDF;
	margin-bottom: 3px;
	border-radius: 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:70px;
	align: center;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #6E49E4;
	text-decoration: none; /* was underline - unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #744DE6;
	text-decoration: none; /* was underline */
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

.style9 {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #7650E4;
	text-align: justify;
}

.align-left { float:left; margin: 0 15px 15px 0;
}

-->

/* my additions =============================== */

h2.hdr2 {
	clear: both;
}

.linkcat {
	clear: both;
}

.contacttile table {
	background-color: #EEEEEE; /* was #FFFFDF */
	float: left;    /* was right */
	height: 250px;  /*	height: auto; */
	width: 470px;
	border: medium double #724CDF;
	margin-left: 25px;
/*	margin-right: 25px;	*/	
	font-size: 18px;
	font-weight: bold;
	color: #666666;  /* was #724CDF */
	margin-bottom: 10px;
	border-radius: 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:190px;
}

.contacttile2 table {
	background-color: #EEEEEE; /* was #FFFFDF */
	float: left;    /* was left */
	height: auto;
	width: 470px;
	border: medium double #724CDF;
	margin-left: 25px;
/*	margin-right: 25px;	*/	
	font-size: 18px;
	font-weight: bold;
	color: #666666;  /* was #724CDF */
	margin-bottom: 10px;
	border-radius: 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:110px;
}

/* extra width style for Branch Line Message tile on News Contacts page */
.contacttile2B table {
	background-color: #EEEEEE; /* was #FFFFDF */
	float: left;    /* was left */
	height: auto;
	width: 965px;
	border: medium double #724CDF;
	margin-left: 25px;
/*	margin-right: 25px;	*/	
	font-size: 18px;
	font-weight: bold;
	color: #666666;  /* was #724CDF */
	margin-bottom: 10px;
	border-radius: 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:110px;
}

/* dummy style for a completely blank tile (no border) the same size as main tile */
.contacttileX table {
/*	background-color: #EEEEEE; */
	float: left;    
	height: 250px;  /*	height: auto; */
	width: 470px;
/*	border: medium double #724CDF; */
	border: none;
	margin-left: 25px;
/*	margin-right: 25px;	*/	
	font-size: 18px;
	font-weight: bold;
	color: #666666;  
	margin-bottom: 10px;
	border-radius: 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	min-height:190px;
}

/* dummy style for a completely blank tile (no border) the same size as the smaller tile */
/* used to lift bottom tile clear of the bottom of the page */
.contacttile2X table {
	float: left;    
	height: auto;
	width: 470px;
	border: none;
	margin-left: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #666666;  
	margin-bottom: 10px;
	border-radius: 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}