/* ===== Back to Top ===== */
.back-to-top {
	position: fixed;
	bottom: 7.2em;
	right: 70px;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	display: none;
	border-radius: 5px;
	padding: 5px;
}
hr {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #E6E7E8;
	margin: 10px 0 10px 0;
	padding: 10px 0;
	clear: both;
}
/* ===== headings ===== */
h1, .heading1 {
	font: 700 3em 'Roboto Condensed', sans-serif;
 	margin: 0px 0 20px 0;
  	color: #1D428A;
	border-bottom: 1px solid #E6E7E8;
	padding: 0 0 5px 0;
}
h2, .heading2 {
	font: 700 1.9em 'Open Sans', Arial, Sans-serif;
 	margin: 10px 0 15px 0;
  	color: #1D428A;
}
h3, .heading3 {
	font: 700 1.3em 'Open Sans', Arial, Sans-serif;
 	margin: 10px 0;
  	color: #1D428A;
}
h4, .heading4 {
	font: 600 1em 'Open Sans', Arial, Sans-serif;
 	margin: 10px 0 0 0;
  	color: #1D428A;
}
.hm-intro h2 {
	font: 600 1.4em 'Open Sans', Arial, Sans-serif;
	margin: 0;
	padding: 10px 0 0 0;
	color: #FFF;
}
.hm-intro h3 {
	font: 600 1.1em 'Open Sans', Arial, Sans-serif;
	margin: 0;
	padding: 0px 0 10px 0;
	color: #EDB53E;
}
/* ===== tables ===== */
table.tblGen {
	width: 100%;
}
.tblGen tr {
	vertical-align: top;
}
/* table columns */
.2Col td {
	width: 50%;
}
.3Col td {
	width: 33.33%;
}
/* ===== ipa brief form ===== */
form.hmFrm {
    width: 100%;
}
.hmFrm input {
	width: 100%;
	margin: 5px 0;
	box-sizing: border-box;
	padding: 5px;
}
.hmFrm input:nth-child(3) {
	width: 20%;
	float: right;
	margin: 0;
}
/* ===== highlights ===== */
.highlight {
	width: 100%;
	box-sizing: border-box;
	margin-top: 50px;
	padding: 15px;
}
.box1 {
	border: 1px solid #898989;
	background: #E6E7E8;
}
/* buttons */
.btn a {
	display: block;
	font: 600 1.1em 'Open Sans', Arial, Sans-serif;
	padding: 15px 25px;
	min-width: 200px;
	text-align: center;
	border: 1px solid #EEBF9A;
	}
.orange a {
	color: #FFF;
	background: -webkit-linear-gradient(#EEBF9A,#d45d00); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#EEBF9A,#d45d00); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#EEBF9A,#d45d00); /* Standard syntax */
}
.orange a:hover {
  	color: #FFF;
  	background: #d45d00;
}
.green {
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    margin: 15px 0;
    width: 265px;
}
.green a {
	background: -webkit-linear-gradient(#60aa1b,#46880a); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#60aa1b,#46880a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#60aa1b, #46880a);
    color: #fff;
}
.green a:visited {
	color: #FFF;
	text-decoration: underline;
}
.green a:hover {
  	color: #FFF;
  	background: #46880A;
}
.green a:active {
	color: #FFF;
	text-decoration: none;
}
/* bulletin list */
ul.bulletinListSm, ul.bulletinListLg {
	margin: 0;
	padding: 0;
	list-style: none;
	font: 600 1.1em 'Open Sans', Arial, Sans-serif;
}
.bulletinListSm li a{
		width: 200px;
}
.bulletinListLg li a {
		width: 300px;
}
.bulletinListSm li a, .bulletinListLg li a {
	display: block;
	float: left;
	box-sizing: border-box;
	padding: 15px 20px;
	margin: 10px;
	background: #00306E;
	text-align: center;
	color: #FFF;
	border-radius: 8px;
}
.bulletinListSm li a:hover, .bulletinListLg li a:hover  {
	background: #CF5A0C;
	color: #FFF;
}
/* ===== home news feed ===== */
.pubDate {
	color: #A0A0A0;
}
.sectionTitle {
	font: 600 1.4em 'Open Sans', Arial, Sans-serif;
	color: #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
}
/* image containers */
.imageContainer {
	display: block;
	float: left;
	margin: 8px 20px 8px 0;
}
.photoContainer {
	display: block;
	float: left;
	margin: 8px 20px 8px 0;
  	position: relative;
}
/* ===== members section ===== */
ul.membersList {
	display: table;
	list-style: none;
	margin: 0;
	padding: 0;
}
.membersList li {
	display: block;
	float: left;
	width: 170px;
	padding: 5px 0;
}
/* legacy styles for ipa-events.org migration */
.ProgrammeTable tr {border-bottom: #CCC 1px solid;background-color: #f0eff3;}
.ProgrammeTable	td.time { background-color: #f7f7f7; text-align: center; width: 12%;}
.ProgrammeTable tr.session {}
.ProgrammeTable td.cathering { background-color: #fbf2ec; }
.ProgrammeTable th { background-color: #3d599a; color: #ffffff;}
.ProgrammeTable tr.break { background-color: #f7f7f7;}
.ProgrammeTable tr.break td, .ProgrammeTable tr.break td p { color: black !important;}
.ProgrammeTable tr.break td.time { background-color: #f7f7f7; color: white;}
.ProgrammeTable td.extra{text-align: center; width: 12%;}
.ProgrammeTable td.color1{background-color:#8B9BC2;}
.ProgrammeTable td.color2{background-color:#B1BDD7;}
.ProgrammeTable td.color3{background-color:#9EACCC;}
.ProgrammeTable td.color4{background-color:#C5CDE1;}
.ProgrammeTable td.color5{background-color:#f7f7f7;}
.ProgrammeTable td.color6 { background-color: #3d599a; color: white;}
.ProgrammeTable td.color6 p { color: white !important;}
.ProgrammeTable .ProgrammeTable{margin:0;}
td.misc { background-color: #f7f7f7; }
td.session { background-color: #f0eff3; }
td.cathering { background-color: #fbf2ec; }
div#the-content table td { border: 1px solid #E8E8E8 !important; }

/* ===== media queries ===== */
/* 1024 */
/* Use max-width/max-device-width of 1024 instead of min-width/min-device-width to resize main properties up to 
960 to accommodate padding and scrollbar. Otherwise it will default to above settings. */
@media only screen and (max-width: 1024px), (max-device-width: 1024px) {

}

/* 786 */
@media screen and (max-width: 768px) {

}
/* 600 */
@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	/* image containers */
	.imageContainer {
		float: none;
		margin: 8px auto;
		text-align: center;
	}
	.photoContainer {
		float: none;
		margin: 8px auto;
		text-align: center;
	}
}

/* 480 */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {

}

/* 360 */
@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
}