/* user.css for protostar template */
 
body {
	max-width: 1040px;
    margin: auto;
}
body.site {
	padding: 0;
}
body.site.fluid {
 	border: 0;
}
.site-title {
	display: none;
}
/* Header and Carousel on all pages*/
.slideshow-container {
    position: relative;
	max-width: 1000px;
	max-height: 160px;
    margin: auto;
}
.mySlides {
	display: none;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 5s;
  -moz-animation-name: fade;
  -moz-animation-duration: 5s;
  animation-name: fade;
  animation-duration: 5s;
}
@-webkit-keyframes fade {
  0% { opacity: 0.4; } 
  100% { opacity: 1; }
}
@-moz-keyframes fade {
  0% { opacity: 0.4; } 
  100% { opacity: 1; }
}
@keyframes fade {
  0% { opacity: 0.4; } 
  100% { opacity: 1; }
}
/* Styling for splash pages */
p.splash {
	position: absolute;
	top: 240px;
}
a.splash {
	border: 1px solid black;
	display: block;
	margin-left: 100px;
	margin-bottom: 12px;
	padding: 12px;
	width: 180px;
	background-color: rgba(255, 255, 255, 0.85);
	color: #D32E12;
	font-size: 16px;
	font-weight: 900;
	text-align: center;
}

/* Page and Article Titles, anchors in paragraphs */
div.page-header {
	margin-bottom: 0;
	padding: 0;
	border: 0;
}
div.page-header>h1 {
	color: #ff0000;
	margin-bottom: 0;
}
div.page-header>h2 {
	margin-top: 36px;
}
p a {
	color: #0000ff;
}
div.partners {
	margin-bottom: 0;
	background-color: #ffffff;
	padding: 0;
	text-align: center;
	border: 0;
}
div.partners>h3.text-red {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
}
div.partners>p {
	border: 2px solid #d0d0d0;
	border-radius: 15px;
	margin-bottom: 12px;
}
/* Used for Diary Page */
div.diary td {
	padding-top: 8px;
	padding-bottom: 8px;
}
/* Used on About Us page */
div.bm-12>div.page-header>h1 {
	margin-bottom: 12px;
}

/* Used on Membership Cross-Reference Chart */
.table-responsive {
	overflow-x: auto;
}
table.bordered, table.bordered>tbody>tr>td {
	margin: 20px auto 0 auto;
	border: 1px solid black;
	border-collapse: collapse;
    border-spacing: 2px;
}
table.bordered>tbody>tr>td {
	padding: 6px;
}
.colhead1 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
.colhead2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.colhead3 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.colhead4 {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
h3.text-red {
	color: #ff0000;
}
.gold-back, #join-gold {
	background-color: #FFD700;
}
.silver-back, #join-silver {
	background-color: #C0C0C0;
}
.bronze-back, #join-bronze {
	background-color: #CD7F32;
}
.associate-back {
	background-color: #00FFFF;
}
.green-tick {
	font-size: 16px;
	color: #009900;
	font-weight: 900;
	text-align: center;
}
#join-gold, #join-silver, #join-bronze {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding: 2px 12px;
}

@media (max-width: 767px) {
	.container-fluid {
		padding: 0 12px;
	}
}