body {	
	color: #666;
	margin-top: 55px;	
	font-family: Century Gothic, Avenir Light, Tahoma, Arial, Helvetica, sans-serif;
}

a, a:visited {
	text-decoration: underline;
	color: #533d81;
	}
	
a:hover, a:active {
	text-decoration: underline;
	color: #999;
	}

h1, h2, h3, h4, h5 {
	color: #533d81;
}

h1, h2, h3, h4 {
	margin-bottom: 25px;
}

.page-title {
	margin-bottom: 60px;
}

/*@media (max-width: 767px) {
	h1, h2, h3, h4, h5, p {
	text-align: center;
}
}*/

.red {
	color: red;
	font-weight: bold;
}


										/* NAVBAR */

.navbar {
	background-color: #533d81;
}

.nav-item {
	margin-left: 5px;
	margin-right: 5px;
}

.navbar a, .navbar a:visited, .navbar a:hover, .navbar a:active {
	text-decoration: none;
	}
	
.navbar-dark .nav-item .nav-link, .navbar-dark .nav-item:visited .nav-link {
	color: #cdcdcd;
	}	
.nav-item a:hover.nav-link .nav-item a:active.nav-link {
	color: blue;
	}

.navbar-dark .nav-item:focus .nav-link,
.navbar-dark .nav-item:hover .nav-link {
        color: #fff;
}
.navbar-dark .nav-item.active .nav-link {
        color: #fff;
}

.dropdown-menu {
	background-color: #533d81;
	border-color: #cdcdcd;
	border-radius: 0px;	
}

a.dropdown-item, a:visited.dropdown-item {
	color: #cdcdcd;
}

a:hover.dropdown-item, a:focus.dropdown-item {
	color: #fff;
	background-color: #533d81;
}
										/* TITLE */

.title {
	background: #fff url(../palette/topback2.jpg); /* 639ef7 */
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #533d81;
}

.cclogo {
		height: 150px;
}

.title p {
	margin: 0px;
}
										/* CONTENT */

.white-back {
	background-color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #533d81;
}										

.grey-back {
	background-color: #eee;
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #533d81;
}


.alert {
	background-color: #ddd;
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #533d81;
}

.top-content {
	padding-top: 0px;
}

.green-back {
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 2px solid #4671ac;
	background: #639ef7 url(../palette/tbg.png); /* 639ef7 */
	background-position: top left;
	background-repeat: no-repeat;
}

.green-back p, .green-back h4, .green-back h3 {
	color: #fff;
}

.floatr {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #4671ac;
	border-radius: 4px;	
	padding: 3px;
	background-color: #fff;
		width: 400px;
}

@media (max-width: 767px) {
	.floatr {
		width: 300px;
	}
}
@media (max-width: 575px) {
	.floatr {
		width: 100%;
		margin-bottom: 30px;
	}
}

.life-event {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #4671ac;
	border-radius: 4px;	
	padding: 3px;
	background-color: #fff;
}

										
.affil-shell {
	padding: 0px 0px 0px 0px;
	border: 1px solid #4671ac;
	border-radius: 4px;
	margin-bottom: 20px;
	background-color: #fff;	
}

.affil-shell p {
	margin: 0px
}

.affil-shell img {
	max-width: 100%;
}

.white-back .fa, .white-back .far {
	color: #639ef7;
	margin-right: 5px;
}

/*.team .card {
		background: #eee url(../palette/dogbg.png); 
	background-position: top right;
	background-repeat: no-repeat;
}*/

.team .card-img {
	margin: 5px;
	border: 1px solid #4671ac;
	padding: 3px;
}

.team .card-text {
	margin-bottom: 2px;
}

.map-frame {
	border: 1px solid #533d81;
	padding: 5px 5px 0px 5px;
	border-radius: 0px;	
}

.btn, .btn:visited {
	border-radius: 0px;	
	background-color: #533d81;
	border: 1px solid #533d81;
	color: #fff;
	margin: 10px 0px 10px 0px;
}

.btn:hover, .btn:focus, .btn:active {
	color: #fff;
	background-color: #333;
}


.btn-white1, .btn-white1:visited {
	background-color: #fff;
	border-radius: 0px;	
	border: 1px solid #533d81;
	margin-top: 0px;
	color: #533d81;
	text-align: left;
}

.welcome-right .btn-white1, .welcome-right .btn-white1:visited {
	width: 100%;
}

.btn-white1:hover, .btn-white1:focus, .btn-white1:active {
	color: #999;
	background-color:rgba(180, 170, 210, 0.2);
}

.btn-white1 .fab, .btn-white1 .fas, .btn-white1 .far {
	margin-right: 10px;
	color: #739619;
}

.btn-club {
		padding: 0px;
}
.btn-clubwide {
	width: 100%;
		padding: 0px;
}
.btn-linkwide {
	width: 100%;
	background-color: #eee;
	padding: 15px;
	background-color: #533d81;
	color: #fff;
}

.btn-linkwide .fab, .btn-linkwide .fas, .btn-linkwide .far, .btn-linkwide .fa {
	margin-right: 10px;
	color: #fff;
}

.btn-linkwide:hover, .btn-linkwide:focus, .btn-linkwide:active {
	color: #fff;
	background-color: #333;
}

.contact_form .btn-linkwide {
	text-align: center
}

.club {
	width: 100%;
}

.fullheader {
	width: 100%;
}

.diary h5 {
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 50px;	
}

.diary p {
	margin-left: 50px;	
}

.diary {
	padding: 20px;
	margin-bottom: 35px;
	min-height: 200px;
	Xbackground-color: #ddd;
	border: 1px solid #ccc;
	width: 100%;
}

.icon-diary {
	float: left;
	margin-top: 5px;
}

.diary-header {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 70px;
}

.img-banner {
	width: 100%;
	padding-top: 40px;
	Xborder-top: 1px dotted #ccc; 
	margin-top: 30px;
}

li {
	margin-bottom: 5px;
}

.fb-page {
	margin-bottom: 20px;
}



.contact_form {
	width: 100%;
	border: 1px solid #ddd;
	padding: 20px;
	margin: 0px;
	background: #efefef url(../palette/blue_drive.png); /* 74a0b3 */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.contact_form p, .contact_form h4 {
	color: #533d81;
}

/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}




										/* TRIO */
										
.trio {
	background-color: #efefef;
	padding-top: 40px;
	padding-bottom: 20px;
}									


@media (max-width: 767px) {
	.trio-divider {
		border-bottom: 1px dotted #ccc;
		margin-top: 25px;
		margin-bottom: 25px;
	}
}

@media (min-width: 768px) {
	.trio-right {
		text-align: right;
	}
}

.trio .fa, .trio .far {
	color: #739619;
	margin-right: 5px;
}

.divider {
		border-bottom: 1px dotted #ccc;
		margin-top: 25px;
		margin-bottom: 50px;
	}


.paypal {
	margin-left: 20px;
}

.paypal td {
	padding-bottom: 10px;
}

										/* FOOTER */

.footer {
	background-color: #533d81;
}

.footer p {
	margin: 20px;
	color: #fff;
}

.footer a, .footer a:visited {
	color: #ddd;
}
.footer a:hover, .footer a:active {
	color: #999;
}