@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}

body {
  font: 600 14px/24px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Sans-Serif;
  background-color:#FFF;
  background-image:url(../images/footerback.gif);
  background-repeat:repeat;
  background-position:center;
}
h1 {
	font-family: "bebas_neueregular",sans-serif;
	font-size:48px;
	line-height:48px;
	color: #000000;
	font-weight:normal;
	margin-bottom: 0px;
	text-align:center;
	text-transform:uppercase;
}
h2 {
	font-family:bebas_neueregular;
	font-size:46px;
	line-height:46px;
	color: #1c6395;
	font-weight:normal;
	margin-bottom: 0px;
	text-align:left;
}
h25 {
	font-family:bebas_neueregular;
	font-size:30px;
	line-height:30px;
	color: #1c6395;
	font-weight:normal;
	margin-bottom: 0;
	text-align:left;
}
h27 {
	font-family:bebas_neueregular;
	font-size:24px;
	line-height:24px;
	color: #1c6395;
	font-weight:normal;
	margin-bottom: 0;
	text-align:left;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:32px;
	color: #1c6395;
	font-weight:normal;
	margin-bottom: 0px;
	text-align:left;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:32px;
	color: #1c6395;
	font-weight:normal;
	margin-bottom: 4px;
	text-align:left;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:24px;
	color: #FFFFFF;
	font-weight:normal;
	margin-bottom: 0px;
	text-align:left;
}
h55 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
	color: #1c6395;
	font-weight:bold;
	margin-bottom: 0px;
	margin-top: 10px;
	text-align:left;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#000;
	font-weight:normal;
	margin-bottom:13px;
}
p.member {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#000;
	font-weight:normal;
	margin-bottom:0px;
}
a {
	color:#881114;
	text-decoration:none;
}
a:hover {
	color:#c61c20;
}


.adminlinkbox {
	position: fixed;
	height: auto;
	width: auto;
	margin-left: 0px;
	margin-top:0px;
	padding:10px 20px 10px 10px;
	border-bottom-right-radius:20px;
	/*line-height:50px;*/
	z-index:300;
	background-color:#1e3551;
	text-align:left;
}
.adminlinkbox .admininside{
	position:relative;
	display:inline-block;
	width: auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.adminlinkbox p{
	font-family:bebas_neueregular;
	font-size:14px;
	color: #FFFFFF;
	font-weight:normal;
}
input.adminlink{
	background-color:#996600;
	padding:3px 5px 3px 5px;
	color: #FFFFFF;
	font-family:bebas_neueregular;
	font-size: 14px;
	line-height:14px;
	height:20px;
	width:auto;
	vertical-align:top;
	border: 0px solid #e5e5e6;
	webkit-appearance: none;
	border-radius: 3px;
	margin: 2px 3px 0 3px;
}
input.adminlink:hover{
	background-color:#993300;
}







.wrapper {
    margin: 0 auto;
    max-width: 1300px;
    padding: 0;
    height: 100%;
}
#topwrap{
		width:100%;
		background-color:#FFF;
		z-index: 100;
	}
@media screen and (max-width: 500px)  {
	#topwrap{
		position: relative;
		height: 100px;
	}
}
@media screen and (min-width: 501px)  {
	#topwrap{
		position: fixed;
		height: 100px;
	}
}

header {
    background-color: #FFF;
	height: 100px;
	background-image: url(../images/topbackground.png);
	background-repeat: repeat-x;
}
header:after {
    content: " ";
    display: table;
    clear: both;
}
/*.brand, h1, h2, h3 {
     font-family: 'Roboto Condensed', sans-serif;
     font-weight: 400;
     letter-spacing: 1px;
 }
h4, h5, h6 {
    letter-spacing: 1px;
}
h1 {
    font-size: 28px;
}

.main .dev-output pre {
    overflow: auto;
    max-height: 500px;
    background-color: #EBF4FD;
    padding: 0 1em 1em;
}
.brand p {
    margin: 0;
}
.rm-nav {
    letter-spacing: 1px;
}*/
.brand {
    float: left;
    height: 80px;
}
.logo {
    font-size: 1.4em;
    line-height: 40px;
    margin: 15px 0 15px 20px;
    width: 185px;
    height: 70px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    display: block;
    float: left;
    text-decoration: none;
    padding: 0;
	background-image: url(../images/logo_185_70.png);
}

.rm-toggle.rm-button {
    margin-top: 60px;
}
@media screen and (max-width: 500px)  {
	.socialmediablock{
		position:absolute;
		margin: 18px 6px 0 0;
		right: 0px;
		float: right;
		width: 0;
		overflow: hidden;
		height: 36px;
		/*background-color: aliceblue;*/
	}
}
@media screen and (min-width: 500px)  {
	.socialmediablock{
		position:absolute;
		margin: 18px 6px 0 0;
		right: 0px;
		float: right;
		width: auto;
		height: 36px;
		/*background-color: aliceblue;*/
	}
}
@media screen and (min-width: 1301px)  {
.socialmediablock{
		position:relative;
		display: inline-block;
		margin: 18px 6px 0 0;
		float: right;
		width: 80%;
		height: 36px;
		/*background-color: aliceblue;*/
	}
}
.socialmediablock .facebook, .socialmediablock .twitter, .socialmediablock .youtube, .socialmediablock .linkedin, .socialmediablock .instagram {
	position: relative;
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 0;
	width: 33px;
	height: 32px;
	background-image: url(../images/socialmedia-top.png);
	float: right;
	opacity: 1;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.socialmediablock .facebook:hover, .socialmediablock .twitter:hover, .socialmediablock .youtube:hover, .socialmediablock .linkedin:hover, .socialmediablock .instagram:hover {
	opacity: .5;
}
.socialmediablock .facebook {
	background-position: -42px 0;
}
.socialmediablock .twitter {
	background-position: -0px 0;
}
.socialmediablock .youtube {
	background-position: -84px 0;
}
.socialmediablock .instagram {
	background-position: -126px 0;
}
.socialmediablock .linkedin {
	background-position: -168px 0;
}
.socialmediablock a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.socialmediablockside{
	position:relative;
	display: inline-block;
	margin: 18px 6px 18px 0;
	padding: 0 5% 0 5%;
	float:left;
	width: auto;
	height: 36px;
	}
.socialmediablockside .facebook, .socialmediablockside .twitter, .socialmediablockside .youtube, .socialmediablockside .instagram, .socialmediablockside .linkedin {
	position: relative;
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 0;
	width: 33px;
	height: 32px;
	background-image: url(../images/socialmedia-top.png);
	opacity: 1;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.socialmediablockside .facebook:hover, .socialmediablockside .twitter:hover, .socialmediablockside .youtube:hover, .socialmediablockside .instagram:hover, .socialmediablockside .linkedin:hover {
	opacity: .5;
}
.socialmediablockside .facebook {
	background-position: -42px 0;
}
.socialmediablockside .twitter {
	background-position: -0px 0;
}
.socialmediablockside .youtube {
	background-position: -84px 0;
}
.socialmediablockside .instagram {
	background-position: -126px 0;
}
.socialmediablockside .linkedin {
	background-position: -168px 0;
}
.socialmediablockside a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}






.socialmediablockbody{
	position:relative;
	display: inline-block;
	margin: 0px 6px 18px 0;
	padding: 0;
	float:left;
	width: 100%;
	height: auto;
	}
.socialmediablockbody .facebook, .socialmediablockbody .twitter, .socialmediablockbody .youtube, .socialmediablockbody .instagram, .socialmediablockbody .linkedin {
	position: relative;
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 0;
	width: 33px;
	height: 32px;
	background-image: url(../images/socialmedia-top.png);
	opacity: 1;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.socialmediablockbody .facebook:hover, .socialmediablockbody .twitter:hover, .socialmediablockbody .youtube:hover, .socialmediablockbody .instagram:hover, .socialmediablockbody .linkedin:hover {
	opacity: .5;
}
.socialmediablockbody .facebook {
	background-position: -42px 0;
}
.socialmediablockbody .twitter {
	background-position: -0px 0;
}
.socialmediablockbody .youtube {
	background-position: -84px 0;
}
.socialmediablockbody .instagram {
	background-position: -126px 0;
}
.socialmediablockbody .linkedin {
	background-position: -168px 0;
}
.socialmediablockbody a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 500px)  {
	.socialmediablockmember{
		position:relative;
		display: inline-block;
		margin: 4px 0px 0px 20px;
		float:none;
		width: auto;
		max-width: 150px;
		overflow: hidden;
		height: 18px;
		/*background-color: aliceblue;*/
	}
}
@media screen and (min-width: 500px)  {
	.socialmediablockmember{
		position:relative;
		display: inline-block;
		margin: 4px 0px 0px 20px;
		float:none;
		width: auto;
		max-width: 150px;
		overflow: hidden;
		height: 18px;
		/*background-color: aliceblue;*/
	}
}
@media screen and (min-width: 1301px)  {
	.socialmediablockmember{
		position:relative;
		display: inline-block;
		margin: 4px 0px 0px 20px;
		float:none;
		width: auto;
		max-width: 150px;
		overflow: hidden;
		height: 18px;
		/*background-color: aliceblue;*/
	}
}
.socialmediablockmember .facebook, .socialmediablockmember .twitter, .socialmediablockmember .youtube, .socialmediablockmember .linkedin, .socialmediablockmember .instagram {
	position: relative;
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0;
	width: 16px;
	height: 16px;
	background-image: url(../images/socialmedia-member.png);
	float: none;
	opacity: 1;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.socialmediablockmember .facebook:hover, .socialmediablockmember .twitter:hover, .socialmediablockmember .youtube:hover, .socialmediablockmember .linkedin:hover, .socialmediablockmember .instagram:hover {
	opacity: .5;
}
.socialmediablockmember .facebook {
	background-position: -20px 0;
}
.socialmediablockmember .twitter {
	background-position: -0px 0;
}
.socialmediablockmember .youtube {
	background-position: -40px 0;
}
.socialmediablockmember .instagram {
	background-position: -60px 0;
}
.socialmediablockmember .linkedin {
	background-position: -80px 0;
}
.socialmediablockmember a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.memberlist{
	position:relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	float:left;
	width: 100%;
	height: auto;
		/*background-color: aliceblue;*/
	}
.memberlist .memberlistblock{
	position:relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	float:left;
	width: auto;
	height: auto;
		/*background-color: aliceblue;*/
}



.findcouncilblockside{
	position:relative;
	display: inline-block;
	margin: 0;
	padding: 5%;
	float:left;
	width: 90%;
	height: auto;
		/*background-color: aliceblue;*/
	}

.rm-css-animate.rm-menu-expanded {
    max-height: none;
    display: block;
}
.rm-container.rm-layout-expanded {
    float: right;
}
.rm-nav li a,
.rm-top-menu a {
    padding: 10px 14px 13px 9px;
    font-family: 'bebas_neueregular';
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
	font-weight: normal;
}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    height: 43px;
    line-height: 43px;
}

.main {
	display: inline-block;
	position: relative;
    background-image: url("../images/mainbackground.png");
    background-position: center top;
    background-repeat:no-repeat;
    min-height: 100%;
	width: 100%;
    padding-top: 0;
	text-align: center;
}
#mainbox{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	height: auto;
	max-width:1300px;
}
@media screen and (max-width: 500px)  {
	#mainbox{
		margin:0px 0 40px 0;
	}
}
@media screen and (min-width: 501px)  {
	#mainbox{
		margin:100px 0 70px 0;
	}
}
@media screen and (min-width: 1300px)  {
	#mainbox{
		margin:170px 0 70px 0;
	}
}
.mainleft {
	position: relative;
	margin: 0;
	height: 100%;
}
.mainright {
	position: relative;
	display: inline-block;
	margin: 0;
	height: auto;
	padding: 2%;
}
@media screen and (max-width: 1100px)  {
	.mainleft {
		width: 100%;
		float:none;
	}
	.mainright {
		width: 100%;
		float:none;
	}
}
@media screen and (min-width: 1101px)  {
	.mainleft {
		width: 67%;
		float: left;
	}
	.mainright {
		width: 33%;
		float: right;
	}
}

.mainright h1 {
	font-family:bebas_neueregular;
	color: #1c6395;
	font-weight:normal;
	margin-bottom: 0px;
	text-align:left;
}
.mainright p {
	font-family:Arial, Helvetica, sans-serif;
	color:#1c6395;
	font-weight:normal;
	margin-bottom:0px;
	text-align:left;
}

@media screen and (max-width: 500px)  {
	.mainright h1 {
		font-size:32px;
		line-height:32px;
	}
	.mainright p {
		font-size: 16px;
		line-height:26px;
	}
}
@media screen and (min-width: 501px)  {
	.mainright h1 {
		font-size:46px;
		line-height:46px;
	}
	.mainright p {
		font-size: 18px;
		line-height:30px;
	}
}

.mainright a {
	color:#b62026;
	font-weight:bold;
}
.mainright a:hover {
	color:#891921;
}

#subcontainer{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	height: auto;
	max-width:1300px;
	margin: 0 0 4% 0;
}
.subbox {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0;
    height: auto;
	text-align: left;
}
@media screen and (max-width: 500px)  {
	.subbox {
		width: 98%;
		margin: 0 1% 1% 1%;
   		background-size: 100%;
		font-size: 14px;
	}
}
@media screen and (min-width: 501px)  {
	.subbox {
		width: 48%;
		margin: 0 .75% 1.5% .75%;
   		background-size: 100%;
		font-size: 14px;
	}
}
@media screen and (min-width: 701px)  {
	.subbox {
		width: 31.3%;
		margin: 0 1% 0 1%;
   		background-size: 100%;
		font-size: 16px;
	}
}
@media screen and (min-width: 1001px)  {
	.subbox {
		width: 23%;
		margin: 0 1% 0 1%;
   		background-size: 100%;
		font-size: 16px;
	}
}
.sub_caption {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
	width: 100%;
	height: 100%;
	background-color: #d2e0ea;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.sub_caption_media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;@media screen and (min-width: 501px)  {
	.sub_caption_overlay {
	    transform: translateY(81%);
	}
}

}
.sub_caption_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 16px;
    color: white;
    transition: transform .35s ease-out;
	background-image: url(../images/back_black50.png);
}
@media screen and (max-width: 500px)  {
	.sub_caption_overlay {
	    transform: translateY(87%);
	}
}
@media screen and (min-width: 501px)  {
	.sub_caption_overlay {
	    transform: translateY(84%);
	}
}
@media screen and (min-width: 701px)  {
	.sub_caption_overlay {
	    transform: translateY(81%);
	}
}

.sub_caption:hover .sub_caption_overlay {
    transform: translateY(0);
}
.sub_caption_overlay_title {
    margin: 0;
    padding: 0 0 12px;
    transform: translateY( calc(-100% - 10px) ); /* +10px overlay padding */
    transition: transform .35s ease-out;
}
.sub_caption:hover .sub_caption_overlay_title {
    transform: translateY(0);
}
.sub_caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}
.sub_caption:hover::before {
    background: rgba(0, 0, 0, .5);
}
.sub_caption_overlay p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:24px;
	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:12px;
}
.sub_caption_overlay a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.sub_caption_overlay a:hover {
	color: #d2e0ea;
	/*text-decoration: underline;*/
}


.membersbox {
	display: inline-block;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 500px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background: #e6e6e6;
	text-align: center;
	border-top: 3px solid;
	border-top-color: #1c6395;
	border-bottom: 3px solid;
	border-bottom-color: #1c6395;
}
.membersbox .container{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	height: auto;
	max-width:1300px;
	margin: 25px 0  25px 0;
	text-align: center;
}
@media screen and (max-width:500px)  {
	.membersbox .container .cellleft, .membersbox .container .cellmiddle, .membersbox .container .cellright {
		position: relative;
		display: inline-block;
		width: 98%;
		vertical-align: top;
		text-align: left;
	}
}
@media screen and (min-width: 501px)  {
	.membersbox .container .cellleft, .membersbox .container .cellmiddle, .membersbox .container .cellright {
		position: relative;
		display: inline-block;
		width: 48%;
		vertical-align: top;
		text-align: left;
	}
}
@media screen and (min-width: 1000px)  {
	.membersbox .container .cellleft, .membersbox .container .cellright {
		position: relative;
		display: inline-block;
		width: 23%;
		vertical-align: top;
		text-align: left;
	}
	.membersbox .container .cellmiddle {
		position: relative;
		display: inline-block;
		width: 48%;
		vertical-align: top;
		text-align: left;
	} 
}
.membersbox .container .cellleft {
	vertical-align: top;
	float: left;
	margin: 0 1% 0 1%;
}
.membersbox .container .cellmiddle {
	vertical-align: top;
	float: left;
	margin: 46px 1% 0 1%;
}
.membersbox .container .cellright {
	vertical-align: top;
	margin: 46px 1% 0 1%;
}
@media screen and (max-width: 1000px)  {
	.membersbox .container .cellright {
		float: none;
	}
}
@media screen and (min-width: 1001px)  {
	.membersbox .container .cellright {
		float: right;
	}
}
.membersbox .container a {
	color: #1c6395;
}
.membersbox .container a:hover {
	color: #2a91da;
}
p.red {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#891921;
	font-weight:normal;
	margin-bottom:0px;
}
.membersbox .container .cellleft .formfield {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 10px;
}
input.memberfield {
	background-color:#e6e6e6;
	padding:7px;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:32px;
	width:125px;
	vertical-align:top;
	border: 1px solid #1c6395;
	webkit-appearance: none;
	border-radius: 0;
	margin: 0 0 15px 0;
}
input.memberfield2 {
	background-color:#e6e6e6;
	padding:0 7px 0 7px;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:30px;
	width:125px;
	vertical-align:top;
	border: 1px solid #1c6395;
	webkit-appearance: none;
	border-radius: 0;
	margin: 0 0 30px 0;
}
select.memberfield {
	background-color:#e6e6e6;
	padding:7px;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:32px;
	width:125px;
	vertical-align:top;
	border: 1px solid #1c6395;
	webkit-appearance: none;
	border-radius: 0;
	margin: 0 0 15px 0;
}
input.membersubmit {
	background-color:#21a9e1;
	padding: 0px 20px 0 10px;
	color: #e6e6e6;
	font-family:bebas_neueregular;
	font-size: 24px;
	line-height:24px;
	height:32px;
	width:auto;
	vertical-align:top;
	border: 0px solid #666666;
	webkit-appearance: none;
	border-radius: 0 16px 16px 0;
	margin: 0 0 15px 0;
	transition: 0.5s;
}
input.membersubmit:hover {
background-color:#006699;
color: #e6e6e6;
}




input.memberfieldright {
	background-color:#e6e6e6;
	padding:7px;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:32px;
	width:50%;
	vertical-align:top;
	border: 1px solid #1c6395;
	webkit-appearance: none;
	border-radius: 0;
	margin: 0 0 15px 0;
}
input.memberfield2right {
	background-color:#e6e6e6;
	padding:0 7px 0 7px;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:30px;
	width:50%;
	vertical-align:top;
	border: 1px solid #1c6395;
	webkit-appearance: none;
	border-radius: 0;
	margin: 0 0 15px 0;
}
select.memberfieldright {
	background-color:#e6e6e6;
	padding:7px;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:32px;
	width:50%;
	vertical-align:top;
	border: 1px solid #1c6395;
	webkit-appearance: none;
	border-radius: 0;
	margin: 0 0 15px 0;
}
input.membersubmitright {
	background-color:#21a9e1;
	padding: 0px 20px 0 20px;
	color: #e6e6e6;
	font-family:bebas_neueregular;
	font-size: 24px;
	line-height:24px;
	height:32px;
	width:auto;
	vertical-align:top;
	border: 0px solid #666666;
	webkit-appearance: none;
	border-radius: 16px;
	margin: 0 0 15px 0;
	transition: 0.5s;
}
input.membersubmitright:hover {
background-color:#006699;
color: #e6e6e6;
}






	.map {
		position:relative;
		display: inline-block;
		/*width: 905px;
		height: 644px;*/
		width: 100%;
		height: 0;
		padding-top: 72%;
		background-image: url(../images/map/US-Map.png);
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.map .west {
		top:1.5%;
		left: 0%;
		width: 40.9%;
		height: 98%;
		background-image: url(../images/map/west.png);
		z-index: 1;
	}
	.map .south {
		top:30.6%;
		left: 30.5%;
		width: 62%;
		height: 56%;
		background-image: url(../images/map/south.png);
		z-index: 2;
	}
	.map .midwest {
		top:7%;
		left: 37%;
		width: 43.4%;
		height: 44%;
		background-image: url(../images/map/midwest.png);
		z-index: 3;
	}
	.map .northeast {
		top:0%;
		left: 79.3%;
		width: 20.7%;
		height: 40%;
		background-image: url(../images/map/northeast.png);
		z-index: 5;
	}
	.map .west, .map .south, .map .midwest, .map .northeast {
		position:absolute;
		display: flex;
		background-size: 100%;
		background-repeat: no-repeat;
		transition: 0.3s;
		opacity: 0;
	}
	.map .west:hover, .map .south:hover, .map .midwest:hover, .map .northeast:hover {
		opacity: .5;
	}
	
	.map a {
		position: absolute;
		top: 0;
		left: 0;
		width:100%;
		height:100%;
	}
.missionbox, .partnerbox, .footerbox {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	text-align: center;
	bottom: 0;
}
.missionbox {
	background: #d2e0ea;
}
.partnerbox {
	background: #FFFFFF;
}
.footerbox {
	background: #1c6395;
	background-image:url(../images/footerback.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	min-height: 350px;
}
@media screen and (max-width:900px)  {
	.footerthirds {
		position: relative;
		display: inline-block;
		width: 98%;
		vertical-align: top;
		text-align: left;
		margin: 1% 1% 5% 1%;
	}
}
@media screen and (min-width: 901px)  {
	.footerthirds {
		position: relative;
		display: inline-block;
		width: 31%;
		vertical-align: top;
		text-align: left;
		margin: 1% 1% 0 1%;
	}
}

.missionformfield {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	margin: 7px 21px 7px 0;
}
.container{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	height: auto;
	max-width:1300px;
	margin: 25px 0  25px 0;
}
.container .header{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:98%;
	height: auto;
	max-width:1300px;
	margin: 0 1% 0 1%;
}
.container .headerleft{
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.container .headerright{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-family:bebas_neueregular;
	font-size:20px;
	line-height:20px;
	color: #1c6395;
	font-weight:normal;
	text-align:left;
}
@media screen and (max-width:900px)  {
	.container .headerleft{
		width:98%;
		height: auto;
		float: none;
		margin: 0 1% 0 1%;
	}
	.container .headerright{
		width:98%;
		height: auto;
		margin: 0 1% 0 1%;
		float: none;
	}
}
@media screen and (min-width: 901px)  {
	.container .headerleft{
		width:65%;
		height: auto;
		float: left;
		margin: 0 1% 0 1%;
	}
	.container .headerright{
		width:31%;
		height: auto;
		margin: 22px 1% 0 1%;
		float: right;
	}
}


@media screen and (max-width:500px)  {
	.halfs, .thirds, .quarters {
		position: relative;
		display: inline-block;
		width: 98%;
		vertical-align: top;
		text-align: left;
		margin: 0 1% 0 1%;
	}
}
@media screen and (min-width: 501px)  {
	.halfs, .thirds, .quarters {
		position: relative;
		display: inline-block;
		width: 48%;
		vertical-align: top;
		text-align: left;
		margin: 0 1% 0 1%;
	}
}
@media screen and (min-width: 1000px)  {
	.halfs {
		position: relative;
		display: inline-block;
		width: 48%;
		vertical-align: top;
		text-align: left;
		margin: 0 1% 0 1%;
	}
	.thirds {
		position: relative;
		display: inline-block;
		width: 31%;
		vertical-align: top;
		text-align: left;
		margin: 0 1% 0 1%;
	}
	.quarters {
		position: relative;
		display: inline-block;
		width: 23%;
		vertical-align: top;
		text-align: left;
		margin: 0 1% 0 1%;
	}
}



input.missionemail {
	background-color:#d2e0ea;
	padding: 0px 4px 0px 4px;
	color: #1c6395;
	font-family: "bebas_neueregular",sans-serif;
	font-size: 28px;
	line-height:28px;
	height:36px;
	width:200px;
	vertical-align:top;
	border: 0 solid #1c6395;
	border-bottom: 1px  solid #1c6395;
	webkit-appearance: none;
	border-radius: 0;
	margin: 0 0 0 0;
}
input.missionemailsubmit, input.missionactionsubmit {
	background-color:#21a9e1;
	padding:4px;
	color: #FFFFFF;
	font-family:bebas_neueregular;
	font-size: 28px;
	line-height:28px;
	height:36px;
	width:auto;
	vertical-align:top;
	border: 0px solid #666666;
	webkit-appearance: none;
	border-radius: 0 18px 18px 0;
	margin: 0;
	transition: 0.5s;
}
input.missionactionsubmitred {
	background-color:#891921;
	padding:4px;
	color: #FFFFFF;
	font-family:bebas_neueregular;
	font-size: 28px;
	line-height:28px;
	height:36px;
	width:auto;
	vertical-align:top;
	border: 0px solid #891921;
	webkit-appearance: none;
	margin: 0;
	transition: 0.5s;
}
input.missionemailsubmit {
	border-radius: 0 18px 18px 0;
	padding: 0 24px 0 14px;
}
input.missionactionsubmit, input.missionactionsubmitred {
	border-radius: 18px;
	padding: 0 24px 0 24px;
}

input.missionemailsubmit:hover, input.missionactionsubmit:hover {
	background-color:#006699;
}
input.missionactionsubmitred:hover {
	background-color:#660000;
}
@media screen and (max-width:900px)  {
	.partnerfourths {
		position: relative;
		display: inline-block;
		width: 48%;
		height: 0;
		vertical-align: top;
		text-align: left;
		margin: 0 1% 0 1%;
		opacity: 1;
		transition: 0.5s;
		background-repeat: no-repeat;
		background-size: 80%;
		background-position: center;
		text-align: center;
	}
	.partnerfourths {
		padding-top: 33.6%;
	}
}
@media screen and (min-width: 901px)  {
	.partnerfourths {
		position: relative;
		display: inline-block;
		width: 23%;
		height: 0;
		vertical-align: top;
		text-align: left;
		margin: 0 1% 0 1%;
		opacity: 1;
		transition: 0.5s;
		background-repeat: no-repeat;
		background-size: 70%;
		background-position: center;
		text-align: center;
	}
	.partnerfourths {
		padding-top: 13%;
	}
}
.partnerfourths:hover {
	opacity: 0.5;
}
.partnerfourths a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.footerbox p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:24px;

	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:12px;
}
.footerbox a {
	color:#FFFFFF;
	text-decoration:none;
}
.footerbox a:hover {
	color:#d2e0ea;
}
.footerbox #footerlogo {
	position: relative;
	display: inline-block;
	width: 161px;
	height: 61px;
	margin: 0 0 0 0;
	background-image: url(../images/bottomlogo_161_61.png);
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
	transition: 0.5s;
}
.footerbox #footerlogo:hover {
	opacity: 0.5;
}
.footerbox #footerlogo a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bottomsocialmediablock{
	position:relative;
	display: inline-block;
	margin: 0;
	width: 80%;
	height: 36px;
	/*background-color: aliceblue;*/
}
.bottomsocialmediablock .facebook, .bottomsocialmediablock .twitter, .bottomsocialmediablock .youtube, .bottomsocialmediablock .instagram, .bottomsocialmediablock .linkedin {
	position: relative;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	width: 33px;
	height: 32px;
	background-image: url(../images/bottomsocialmedia.png);
	opacity: 1;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.bottomsocialmediablock .facebook:hover, .bottomsocialmediablock .twitter:hover, .bottomsocialmediablock .youtube:hover, .bottomsocialmediablock .instagram:hover, .bottomsocialmediablock .linkedin:hover {
	opacity: .5;
}
.bottomsocialmediablock .facebook {
	background-position: -42px 0;
}
.bottomsocialmediablock .twitter {
	background-position: 0px 0;
}
.bottomsocialmediablock .youtube {
	background-position: -84px 0;
}
.bottomsocialmediablock .instagram {
	background-position: -126px 0;
}
.bottomsocialmediablock .linkedin {
	background-position: -168px 0;
}
.bottomsocialmediablock a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.insideheader, .insidebody {
	display: inline-block;
	position: relative;
	width: 100%;
    padding-top: 0;
	text-align: center;
}
.insideheader .container {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	height: auto;
	max-width:1300px;
	background-color: #1c6395;
	background-image:url(../images/insidemainback.png);
	background-repeat: repeat-x;
}
@media screen and (max-width: 500px) {
	.insideheader .container {
		margin:0px 0 20px 0;
	}
}
@media screen and (min-width: 501px) {
	.insideheader .container {
		margin:100px 0 20px 0;
	}
}
@media screen and (min-width: 1300px) {
	.insideheader .container {
		margin:120px 0 20px 0;
	}
}
.insidebody .container {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	height: auto;
	max-width:1300px;
	text-align: left;
	margin: 0;
	margin-bottom: 1%;
}

.insideheader h1 {
	font-family: "bebas_neueregular",sans-serif;
	font-size:56px;
	line-height:56px;
	color: #FFFFFF;
	font-weight:normal;
	margin-bottom: 0px;
	text-align:left;
	text-transform:uppercase;
}
.insideheader h2 {
	font-family:bebas_neueregular;
	font-size:30px;
	line-height:30px;
	color: #FFFFFF;
	font-weight:normal;
	margin-bottom: 0px;
	text-align:left;
}
.insideheader p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:24px;
	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:12px;
	text-align:left;
}
.insideheader a {
	color:#FFFFFF;
	text-decoration: none;
	font-style: italic;
}
.insideheader a:hover {
	text-decoration: underline;
}

.insideheader .container #left, .insideheader .container #left2 {
	position: relative;
	margin: 0;
	height: 100%;
}
.insideheader .container #right {
	position: relative;
	display: inline-block;
	margin: 0;
}
@media screen and (max-width: 800px)  {
	.insideheader .container #left, .insideheader .container #left2 {
		width: 90%;
		float:left;
	}
	.insideheader .container #right {
		width: 100%;
		float:right;
	}
	.insideheader .container #left {
		padding: 5%;
	}
	.insideheader .container #left2 {
		padding: 5%;
	}
}
@media screen and (min-width: 800px)  {
	.insideheader .container #left, .insideheader .container #left2 {
		width: 90%;
		float:left;
	}
	.insideheader .container #right {
		width: 100%;
		float:right;
	}
	.insideheader .container #left {
		padding: 5%;
	}
	.insideheader .container #left2 {
		padding: 2%;
	}
}
@media screen and (min-width: 1201px)  {
	.insideheader .container #left, .insideheader .container #left2 {
		width: 40%;
		float: left;
	}
	.insideheader .container #right {
		width: 50%;
		height: 0;
		padding-top: 410px;
		background-repeat: no-repeat;
		float: right;
	}
	.insideheader .container #left {
		padding: 5%;
	}
	.insideheader .container #left2 {
		padding: 2%;
	}
}
.insideheader .container #left3 {
	width: 90%;
	float:left;
	padding: 2.5% 5% 2.5% 5%;
}




.insidebody .container #left, #leftmember {
	position: relative;
	margin: 0;
	height: auto;
}
.insidebody .container #right, #rightmember {
	position: relative;
	display: inline-block;
	margin: 0;
}
@media screen and (max-width: 800px)  {
	.insidebody .container #left, #leftmember {
		width: 90%;
		float:none;
		padding: 5%;
	}
	.insidebody .container #right, #rightmember {
		width: 90%;right
		float:none;
		padding: 5%;
	}
}
@media screen and (min-width: 801px)  {
	.insidebody .container #left {
		width: 64%;
		float:left;
		padding: 1%;
	}
	.insidebody .container #leftmember {
		width: 64%;
		float:right;
		padding: 1%;
	}
	.insidebody .container #right {
		width: 32%;
		float:right;
		padding: 1%;
	}
	.insidebody .container #rightmember {
		width: 32%;
		float:left;
		padding: 1%;
	}
}
@media screen and (min-width: 1201px)  {
	.insidebody .container #left {
		width: 73%;
		float: left;
		padding: 1%;
	}
	.insidebody .container #leftmember {
		width: 73%;
		float: right;
		padding: 1%;
	}
	.insidebody .container #right {
		width: 23%;
		float: right;
		padding: 1%;
	}
	.insidebody .container #rightmember {
		width: 23%;
		float: left;
		padding: 1%;
	}
}



.covershell {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0;
    height: auto;
	text-align: left;
}
.coverboxpast {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0;
    background-size: 60%;
    background-repeat: no-repeat;
	background-position: center;
	background-color: #d2e0ea;
    height: 0;
	transition: 0.5s;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	float: left;
}
@media screen and (max-width: 450px)  {
	.covershell {
		width: 98%;
		margin: 0 1% 1% 1%;
   		background-size: 60%;
		font-size: 14px;
	}
	.coverboxpast {
		width: 98%;
		margin: 0 1% 1% 1%;
   		background-size: 60%;
	    padding-top: 48%;
		font-size: 14px;
	}
}
@media screen and (min-width: 451px)  {
	.covershell {
		width: 48%;
		margin: 0 .75% 1.5% .75%;
   		background-size: 60%;
		font-size: 14px;
	}
	.coverboxpast {
		width: 48%;
		margin: 0 1% 1.5% 1%;
   		background-size: 60%;
	    padding-top: 48%;
		font-size: 14px;
	}
}
@media screen and (min-width: 800px)  {
	.covershell {
		width: 48%;
		margin: 0 .75% 1.5% .75%;
   		background-size: 60%;
		font-size: 16px;
	}
	.coverboxpast {
		width: 48%;
		margin: 0 1% 1.5% 1%;
   		background-size: 60%;
	    padding-top: 48%;
		font-size: 16px;
	}
}
@media screen and (min-width: 1201px)  {
	.covershell {
		width: 31%;
		margin: 0 1% 2% 1%;
   		background-size: 60%;
		font-size: 16px;
	}
	.coverboxpast {
		width: 23%;
		margin: 0 .9% 1.8% .9%;
   		background-size: 60%;
	    padding-top: 23%;
		font-size: 16px;
	}
}
.coverbox {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 0;
	padding: 0;
    background-size: 60%;
    background-repeat: no-repeat;
	background-position: center;
	background-color: #d2e0ea;
	padding-bottom: 100%;
	transition: 0.5s;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
}
.coverdate {
	position: relative;
	display: inline-block;
	width: 90%;
	height: auto;
	padding: 5%;
	border: 0px solid #666666;
	webkit-appearance: none;
	border-radius: 24px 24px 0 0;
	margin: 0;
	transition: 0.5s;
	background-color: #1c6395;
	font-family:bebas_neueregular;
	font-size: 24px;
	line-height: 24px;
	color: #FFFFFF;
	font-weight:normal;
	margin-bottom: 0px;
	text-align:left;
}
.coverbox:hover, .coverboxpast:hover {
    background-size: 75%;
}
.bookofflayer {
	position: absolute;
	display: inline-block;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 0%;
	z-index: 10;
	background-image: url(../images/call_events/background.png);
}
p.booklayer {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:24px;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:0px;
}
a.booklayer {
	color: #f6d20a;
	font-weight:bold;
	text-decoration: none;
}
a.booklayer:hover {
	text-decoration: underline;
}
.bookofflayer .sub {
	position: relative;
	display: inline-block;
	bottom: 0;
	width: 90%;
	height: auto;
	padding: 5%;
	z-index: 20;
}
.coverbox a, .bookofflayer .sub a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*	color: #f6d20a;
	color: #f7eaa2;*/
.leftheaderbox, .leftbodybox {
	position: relative;
	display: inline-block;
	width:98%;
	height: auto;
	margin: 0;
	padding: 1%;
}
.leftbodybox .podcastcontainer0, .leftbodybox .podcastcontainer1 {
	position: relative;
	display: inline-block;
	width:98%;
	height: auto;
	margin: 0;
	padding: 1%;
}
.leftbodybox .podcastcontainer0 {
	background-color: #FFFFFF;
}
.leftbodybox .podcastcontainer1 {
	background-color: #e6e6e6;
}
.leftbodybox .podcastcontainer0 p, .leftbodybox .podcastcontainer1 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#000;
	font-weight:normal;
	margin-bottom:0;
}
.rightbody {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0;
	background-color: #d2e0ea;
}
.insidebody .container #right .headerbox, .insidebody .container #rightmember .headerbox {
	position: relative;
	display: inline-block;
	width: 90%;
	height: auto;
	padding: 2% 5% 1.5% 5%;
	background-color: #891921;
	margin: 7% 0 3% 0;
}

.insidebody .container #right .headerbox h2, .insidebody .container #rightmember .headerbox h2 {
	font-family:bebas_neueregular;
	font-size:30px;
	line-height:30px;
	color: #FFFFFF;
	font-weight:normal;
	margin-bottom: 0;
	text-align:left;
}
.insidebody .container #right p, .insidebody .container #rightmember p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#000;
	font-weight:normal;
	margin: 0 5% 13px 5%;
}

.insidebody .container #right .formfield, .insidebody .container #rightmember .formfield {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 90%;
	height: auto;
	margin: 0 5% 0 5%;
}
.formfieldside {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: auto;
	margin: 0 5% 0 5%;
}


.linkcontainer {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 0 12px 0;
}
.linkbox {
	position: relative;
	display: inline-block;
	width: 90%;
	height: auto;
	padding: 2% 5% 1.5% 5%;
	background-color: #d2e0ea;
	margin: 0;
	transition: 0.5s;
	font-family:bebas_neueregular;
	font-size:30px;
	line-height:30px;
	color: #1c6395;
	font-weight:normal;
	text-align:left;
}
.linkbox:hover {
	background-color: #b5bcc1;
}
.linkbox a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sponsorpic {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0;
    background-repeat: no-repeat;
	background-position: center;
	background-color: #FFFFFF;
    height: 0;
	opacity: 1;
	transition: 0.5s;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
}
.sponsorpic:hover {
	opacity: 0.5;
}
@media screen and (max-width: 450px)  {
	.sponsorpic {
		width: 98%;
		margin: 0 1% 1% 1%;
   		background-size: 80%;
	    padding-top: 68.6%;
		font-size: 14px;
	}
}
@media screen and (min-width: 451px)  {
	.sponsorpic {
		width: 48%;
		margin: 0 1% 1% 1%;
   		background-size: 100%;
	    padding-top: 33.6%;
		font-size: 14px;
	}
}
@media screen and (min-width: 800px)  {
	.sponsorpic {
		width: 48%;
		margin: 0 1% 1% 1%;
   		background-size: 80%;
	    padding-top: 33.6%;
		font-size: 16px;
	}
}
@media screen and (min-width: 1201px)  {
	.sponsorpic {
		width: 23%;
		margin: 0 1% 1% 1%;
   		background-size: 100%;
	    padding-top: 16.1%;
		font-size: 16px;
	}
}
.sponsorpic a, .staffpic a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}







.staffpiccontainer {
	position: relative;
	display: inline-block;
	top: 0;
	vertical-align: top;
	padding: 0;
    background-repeat: no-repeat;
	background-position: center;
    height: auto;
	transition: 0.5s;
	text-align: center;
	font-weight: bold;
	color: #000000;
}
@media screen and (max-width: 450px)  {
	.staffpiccontainer {
		width: 98%;
		margin: 0 1% 1% 1%;
		font-size: 14px;
	}
}
@media screen and (min-width: 451px)  {
	.staffpiccontainer {
		width: 48%;
		margin: 0 1% 1% 1%;
		font-size: 14px;
	}
}
@media screen and (min-width: 651px)  {
	.staffpiccontainer {
		width: 31%;
		margin: 0 1% 1% 1%;
		font-size: 14px;
	}
}
@media screen and (min-width: 800px)  {
	.staffpiccontainer {
		width: 31%;
		margin: 0 1% 1% 1%;
		font-size: 16px;
	}
}
@media screen and (min-width: 1201px)  {
	.staffpiccontainer {
		width: 23%;
		margin: 0 1% 1% 1%;
		font-size: 16px;
	}
}
.staffpic {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0;
    background-repeat: no-repeat;
	background-position: center;
	background-color: #d2e0ea;
    height: 0;
	transition: 0.5s;
	width: 100%;
	margin: 0;
	background-size: 100%;
    padding-top: 100%;
	border: 0px solid #FFFFFF;
	webkit-appearance: none;
	border-radius: 50%;
	opacity: 1;
}
.staffpic:hover {
	opacity: .5;
}
.staffpicsub {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0;
    background-repeat: no-repeat;
	background-position: center;
	background-color: #d2e0ea;
	background-size: 100%;
	border: 0px solid #FFFFFF;
	border-radius: 50%;
    height: 0;
	webkit-appearance: none;
}
@media screen and (max-width: 450px)  {
	.staffpicsub {
		width: 100%;
	    padding-top: 100%;
		margin: 0 0 5% 0;
		float: none;
	}
}
@media screen and (min-width: 451px)  {
	.staffpicsub {
		width: 30%;
	    padding-top: 30%;
		margin: 8% 0 5% 5%;
		float: right;
	}
}
@media screen and (min-width: 800px)  {
	.staffpicsub {
		width: 33%;
	    padding-top: 33%;
		margin: 8% 0 5% 5%;
		float: right;
	}
}
@media screen and (min-width: 1201px)  {
	.staffpicsub {
		width: 20%;
	    padding-top: 20%;
		border: 0px solid #FFFFFF;
		border-radius: 50%;
		margin: 8% 0 5% 5%;
		float: right;
	}
}



.speakerpicsub {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0;
    background-repeat: no-repeat;
	background-position: center;
	background-color: #d2e0ea;
	background-size: 100%;
	border: 0px solid #FFFFFF;
	border-radius: 50%;
    height: 0;
	webkit-appearance: none;
}
@media screen and (max-width: 450px)  {
	.speakerpicsub {
		width: 100%;
	    padding-top: 100%;
		margin: 0 0 5% 0;
		float: none;
	}
}
@media screen and (min-width: 451px)  {
	.speakerpicsub {
		width: 30%;
	    padding-top: 30%;
		margin: 0 5% 2.5% 0;
		float: left;
	}
}
@media screen and (min-width: 800px)  {
	.speakerpicsub {
		width: 33%;
	    padding-top: 33%;
		margin: 0 5% 2.5% 0;
		float: left;
	}
}
@media screen and (min-width: 1201px)  {
	.speakerpicsub {
		width: 25%;
	    padding-top: 25%;
		border: 0px solid #FFFFFF;
		border-radius: 50%;
		margin: 0 5% 2.5% 0;
		float: left;
	}
}



.eventimage {
	display: inline-block;
	position: relative;
	vertical-align: top;
	top: 0;
	margin: 0;
	margin-left: 2%;
	float: right;
	width: 25%;
	height: auto;
}
.eventpodcast {
	display: inline-block;
	position: relative;
	vertical-align: top;
	top: 0;
	margin: 0;
	float: left;
	width: 100%;
	height: auto;
}

input.contactfield, input.contactfieldfull, input.contactfieldmedium, input.contactfieldsmall, input.contactfieldmicro {
	background-color:#e6e6e6;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:32px;
	vertical-align:top;
	border: 1px solid #666666;
	webkit-appearance: none;
	border-radius: 10px;
	margin: 0;
}
textarea.contacttext {
	background-color:#e6e6e6;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:100px;
	vertical-align:top;
	border: 1px solid #666666;
	webkit-appearance: none;
	border-radius: 10px;
	margin: 0;
}
select.contactfield {
	background-color:#e6e6e6;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:40px;
	vertical-align:top;
	border: 1px solid #666666;
	webkit-appearance: none;
	border-radius: 10px;
	margin: 0;
}
select.contactfieldsmall, select.contactfieldint {
	background-color:#e6e6e6;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:40px;
	vertical-align:top;
	border: 1px solid #666666;
	webkit-appearance: none;
	border-radius: 10px;
	margin: 0;
}
input.contactfieldmedium {
	width:40%;
	padding: .5% 2% .5% 2%;
}
input.contactfieldmicro {
	width:23%;
	padding: .5% 2% .5% 2%;
}
input.contactfield {
	width:96%;
	padding: .5% 2% .5% 2%;
}
select.contactfield {
	width:100%;
	padding: .5% 2% .5% 2%;
}
select.contactfieldsmall {
	width:20%;
	padding: .5% 2% .5% 2%;
}
select.contactfieldint {
	width:40%;
	padding: .25% 1% .5% 1%;
}
input.contactfieldfull {
	width:98%;
	padding: .25% 1% .25% 1%;
}

.contactfieldcontainer {
	display: inline-block;
	position: relative;
	top:0;
	height: auto;
}
.contactfieldcontainerfull {
	display: inline-block;
	position: relative;
	top:0;
	height: auto;
}
textarea.contacttext {
	width:96%;
	padding: .5% 2% .5% 2%;
}


@media screen and (max-width: 500px)  {
	.contactfieldcontainer {
		width: 100%;
		margin: 2% 0 2% 0;
	}
	.contactfieldcontainerfull {
		width: 100%;
		margin: 2% 0 2% 0;
	}
}
@media screen and (min-width: 501px)  {
	.contactfieldcontainer {
		width: 47%;
		margin: 1.2% 2.5% 1.2% 0;
	}
	.contactfieldcontainerfull {
		width: 97%;
		margin: 1.2% 2.5% 1.2% 0;
	}
}

.contactfieldcontainerquarter {
	display: inline-block;
	position: relative;
	top:0;
	height: auto;
}


@media screen and (max-width: 500px)  {
	.contactfieldcontainerquarter {
		width: 48%;
		margin: 2% 2% 2% 0;
	}
}
@media screen and (min-width: 501px)  {
	.contactfieldcontainerquarter {
		width: 22%;
		margin: 1.2% 2.5% 1.2% 0;
	}
}






textarea.contactfield {
	background-color:#e6e6e6;
	padding: 1.5% 1% 1.5% 1%;
	color: #1c6395;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	height:96px;
	width:98%;
	vertical-align:top;
	border: 1px solid #666666;
	webkit-appearance: none;
	border-radius: 10px;
	margin: 0;
}
input.contactfieldsubmit {
	background-color:#990000;
	color: #FFFFFF;
	font-family:bebas_neueregular;
	font-size:28px;
	line-height:28px;
	height:40px;
	vertical-align:top;
	border: 0px solid #666666;
	webkit-appearance: none;
	border-radius: 10px;
	margin: 0;
	width: auto;
	padding: 8px;
	transition: 0.5s;
}
input.contactfieldsubmit:hover {
	background-color:#c61c20;
}
label.contactfield {
	display: inline-block;
	width:50%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	color:#000;
	font-weight:normal;
	margin: 0;
}

.call_event_caption {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
	width: 100%;
	height: 100%;
	background-color: #d2e0ea;
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
}
.call_event_caption_media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}
.call_event_caption_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: white;
    transform: translateY(79%);
    transition: transform .35s ease-out;
	background-image: url(../images/back_black50.png);
}
.call_event_caption:hover .call_event_caption_overlay {
    transform: translateY(0);
}
.call_event_caption_overlay_title {
    margin: 0;
    padding: 0 0 12px;
    transform: translateY( calc(-100% - 10px) ); /* +10px overlay padding */
    transition: transform .35s ease-out;
}
.call_event_caption:hover .call_event_caption_overlay_title {
    transform: translateY(0);
}
.call_event_caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}
.call_event_caption:hover::before {
    background: rgba(0, 0, 0, .5);
}
.call_event_caption_overlay p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:24px;
	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:0px;
}
.call_event_caption_overlay a {
	color: #f6d20a;
	font-weight:bold;
	text-decoration: none;
}
.call_event_caption_overlay a:hover {
	text-decoration: underline;
}
.news_event_caption {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
	width: 100%;
	height: 100%;
	background-color: #d2e0ea;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.news_event_caption_media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}
.news_event_caption_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: white;
    transform: translateY(85%);
    transition: transform .35s ease-out;
	background-image: url(../images/back_black50.png);
}
.news_event_caption:hover .news_event_caption_overlay {
    transform: translateY(0);
}
.news_event_caption_overlay_title {
    margin: 0;
    padding: 0 0 12px;
    transform: translateY( calc(-100% - 10px) ); /* +10px overlay padding */
    transition: transform .35s ease-out;
}
.news_event_caption:hover .news_event_caption_overlay_title {
    transform: translateY(0);
}
.news_event_caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}
.news_event_caption:hover::before {
    background: rgba(0, 0, 0, .5);
}
.news_event_caption_overlay p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:24px;
	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:12px;
}
.news_event_caption_overlay a {
	color: #f6d20a;
	font-weight:bold;
	text-decoration: none;
}
.news_event_caption_overlay a:hover {
	text-decoration: underline;
}

.pastnewsletter0, .pastnewsletter1 {
	display: inline-block;
	position: relative;
	margin: 0;
	width: 96%;
	padding: 2%;
	text-align: left;
}
.pastnewsletter0 {
	background-color: #e6e6e6;
}
.pastnewsletter1 {
	background-color: #FFFFFF;
}
.pastnewsletter0 a, .pastnewsletter1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#1c6395;
	font-weight:normal;
	margin-bottom:0px;
	text-decoration: none;
	transition: 0.5s;
}
.pastnewsletter0 a:hover, .pastnewsletter1 a:hover {
	color:#21a9e1;
}
.membersrow0, .membersrow1, .memberseventrow0, .memberseventrow1  {
	display: inline-block;
	position: relative;
	margin: 0;
	width: 98%;
	padding: 1%;
	text-align: left;
}
.membersrow0, .memberseventrow0 {
	background-color: #FFFFFF;
}
.membersrow1, .memberseventrow1 {
	background-color: #e6e6e6;
}
.membersname, .membersstate, .membersregion {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
}
.membersname {
	width: 80%;
}
.membersstate {
	width: 20%;
}
.membersrow0 p, .membersrow1 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#000;
	font-weight:normal;
	margin-bottom:0px;
	text-decoration: none;
	transition: 0.5s;
}
.membersrow0 a, .membersrow1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#1c6395;
	font-weight:normal;
	margin-bottom:0px;
	text-decoration: none;
	transition: 0.5s;
}
.membersrow0 a:hover, .membersrow1 a:hover {
	color:#21a9e1;
}
p.memberlisting {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#000;
	font-weight:normal;
	margin-bottom:0;
}
.eventsnav {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 1% 0;
	height: auto;
}
.eventsnav .prev, .eventsnav .next {
	position: relative;
	display: inline-block;
	width: auto;
	font-family:bebas_neueregular;
	font-size:22px;
	line-height:22px;
	color: #1c6395;
	font-weight:normal;
	margin-bottom: 0;
	text-align:left;
}
.eventsnav .prev {
	float: left;
}
.eventsnav .next {
	float: right;
}
.eventsnav .prev a, .eventsnav .next a {
	text-decoration: none;
	color: #1c6395;
	transition: 0.5s;
}
.eventsnav .prev a:hover, .eventsnav .next a:hover {
	text-decoration: none;
	color: #21a9e1;
	transition: 0.5s;
}
p.eventsback {
	font-family:bebas_neueregular;
	font-size:22px;
	line-height:22px;
	color: #1c6395;
	font-weight:normal;
	margin-top: 30px;
	margin-bottom: 0;
	text-align:left;
}
a.eventsback {
	text-decoration: none;
	color: #1c6395;
	transition: 0.5s;
}
a.eventsback:hover {
	text-decoration: none;
	color: #21a9e1;
}
a.eventmorelink, a.eventmorelink2 {
	font-family: "bebas_neueregular",sans-serif;
	font-size:22px;
	line-height:36px;
	color: #FFFFFF;
	font-weight:normal;
	margin-bottom: 0;
	text-align:left;
	background-color: #1c6395;
	padding: 5px 10px 3px 10px;
	transition: 0.5s;
	border: 0px solid #1c6395;
	border-radius: 5px;
	margin: 0;
	font-style: normal;
}
a.eventmorelink:hover, a.eventmorelink2:hover {
	color: #FFFFFF;
	background-color: #21a9e1;
}
p.smallspace {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height:8px;
	color:#000;
	font-weight:normal;
	margin-top: 35px;
	margin-bottom:13px;
}

label.radioselect {
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:16px;
	color:#000;
	font-weight:normal;
	margin-right:30px;
	margin-bottom:10px;
}

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('../images/donate/checks.png') no-repeat 0 0;
  line-height  : 24px;
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 -68px;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.insidebody ul {
	list-style-type: none;
    padding: 0px;
    margin: 0 0 13px 0px;
}

.insidebody ul li {
	background-image:url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 25px; 
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#000;
	font-weight:normal;
}
#podcasttext1,#podcasttext2,#podcasttext3,#podcasttext4,#podcasttext5,#podcasttext6,#podcasttext7,#podcasttext7,#podcasttext8,#podcasttext9,#podcasttext10,#podcasttext11,#podcasttext12,#podcasttext13,#podcasttext14,#podcasttext15,#podcasttext16,#podcasttext17,#podcasttext18,#podcasttext19,#podcasttext20,#podcasttext21,#podcasttext22,#podcasttext23,#podcasttext24,#podcasttext25 {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:98%;
	padding:1%;
	height:auto;
	border-radius:0;
	margin:0px;
}
#podcasttext1,#podcasttext3,#podcasttext5,#podcasttext7,#podcasttext9,#podcasttext11,#podcasttext13,#podcasttext15,#podcasttext17,#podcasttext19,#podcasttext21,#podcasttext23,#podcasttext25 {
	background-color:#e6e6e6;
}
#podcasttext2,#podcasttext4,#podcasttext6,#podcasttext8,#podcasttext10,#podcasttext12,#podcasttext14,#podcasttext16,#podcasttext18,#podcasttext20,#podcasttext22,#podcasttext24,#podcasttext26 {
	background-color:#FFFFFF;
}

input.memberlogout {
	background-color:#891921;
	padding: 5px 10px 3px 10px;
	color: #FFFFFF;
	font-family:bebas_neueregular;
	font-size:22px;
	line-height:22px;
	height:30px;
	width:auto;
	vertical-align:top;
	border: 0px solid #666666;
	webkit-appearance: none;
	border-radius: 5px;
	margin: 0;
	transition: 0.5s;
}
input.memberlogout:hover {
	background-color:#990000;
}
.memberwrap {
	display: inline-block;
	position: relative;
	width: 98%;
	height: auto;
	padding: 1%;
	margin: 0 0 3% 0;
	background-color: #e6e6e6;
}
.memberwrapin {
	display: inline-block;
	position: relative;
	width: 96%;
	height: auto;
	padding: 2%;
	margin: 0 0 3% 0;
	background-color: #d2e0ea;
}


@charset "utf-8";
/* CSS Document */

.eventsrow0, .eventsrow1 {
	display: inline-block;
	position: relative;
	margin: 0;
	width: 98%;
	padding: 1%;
	text-align: left;
}
.eventsrow0 {
	background-color: #FFFFFF;
}
.eventsrow1 {
	background-color: #e6e6e6;
}
.eventsdate, .eventsname, .eventsselect {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
}
.eventsdate {
	width: 20%;
}
.eventsname {
	width: 60%;
}
.eventsselect {
	width: 20%;
}

.eventsrow0 p, .eventsrow1 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#000;
	font-weight:normal;
	margin-bottom:0px;
	text-decoration: none;
	transition: 0.5s;
}
.eventsrow0 a, .eventsrow1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:26px;
	color:#1c6395;
	font-weight:normal;
	margin-bottom:0px;
	text-decoration: none;
	transition: 0.5s;
}
.eventsrow0 a:hover, .eventsrow1 a:hover {
	color:#21a9e1;
}
input.eventmorelink {
	background-color:#1c6395;
	color: #FFFFFF;
	font-family:bebas_neueregular;
	font-size:22px;
	line-height:22px;
	height:30px;
	vertical-align:top;
	border: 0px solid #666666;
	webkit-appearance: none;
	border-radius: 10px;
	margin: 0;
	width: auto;
	padding: 5px 10px 3px 10px;
	transition: 0.5s;
	font-style: normal;
	
}
input.eventmorelink:hover {
	background-color:#21a9e1;
}









.awqbox {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0;
/*    background-size: 100%;*/
    background-repeat: no-repeat;
	background-position: center;
	background-color: #d2e0ea;
    height: 0;
	transition: 0.5s ease-in-out;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	float: left;
}
@media screen and (max-width: 450px)  {
	.awqbox {
		width: 98%;
		margin: 0 1% 1% 1%;
   		background-size: cover;
	    padding-top: 48%;
		font-size: 14px;
	}
	.awqbox:hover {
		transform:scale(1.1); 
	}
}
@media screen and (min-width: 451px)  {
	.awqbox {
		width: 48%;
		margin: 0 1% 1.5% 1%;
   		background-size: cover;
	    padding-top: 48%;
		font-size: 14px;
	}
	.awqbox:hover {
		transform:scale(1.1); 
	}
}
@media screen and (min-width: 800px)  {
	.awqbox {
		width: 48%;
		margin: 0 1% 1.5% 1%;
   		background-size: cover;
	    padding-top: 48%;
		font-size: 16px;
	}
	.awqbox:hover {
		transform:scale(1.1); 
	}
}
@media screen and (min-width: 1201px)  {
	.awqbox {
		width: 31%;
		margin: 0 1% 1.8% 1%;
   		background-size: cover;
	    padding-top: 23%;
		font-size: 16px;
	}
	.awqbox:hover {
	    /*background-size: 115%;*/
		/*background-size: 150%;*/
		transform:scale(1.1); 
	}
}
.awqofflayer {
	position: absolute;
	display: inline-block;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 0%;
	z-index: 10;
	background-image: url(../images/call_events/background.png);
}
p.awqlayer {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:24px;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:0px;
}
a.awqlayer {
	color: #f6d20a;
	font-weight:bold;
	text-decoration: none;
}
a.awqlayer:hover {
	text-decoration: underline;
}
.awqofflayer .sub {
	position: relative;
	display: inline-block;
	bottom: 0;
	width: 90%;
	height: auto;
	padding: 5%;
	z-index: 20;
}
.awqofflayer .sub a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#bodyimage, #bodyimagesmall {
	display: inline-block;
	position: relative;
	height: auto;
}

@media screen and (max-width: 700px)  {
	#bodyimage, #bodyimagesmall {
		margin: 0 0 10px 0;
		width: 100%;
	}
}
@media screen and (min-width: 701px)  {
	#bodyimage, #bodyimagesmall {
		float: right;
		margin: 0px 0 5px 10px;
		width: 50%;
	}
}
@media screen and (min-width: 1001px)  {
	#bodyimage, #bodyimagesmall {
		float: right;
		margin: 0px 0 5px 10px;
		width: 33%;
	}
}
@media screen and (min-width: 1001px)  {
	#bodyimagesmall {
		float: right;
		margin: 0px 0 5px 10px;
		width: 25%;
	}
}







.MemberSpacer {
	display: inline-block;
	position: relative;
	width: 100%;
}
@media screen and (max-width: 500px)  {
	.MemberSpacer {
		height: 20px;
	}
}
@media screen and (min-width: 501px)  {
	.MemberSpacer {
		height: 90px;
	}
}


.staffsubhead {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:133%;
	height: auto;
	min-height: 50px;
	max-width:1300px;
	background-color: #154b70;
}
@media screen and (max-width: 500px) {
	.staffsubhead {
		width:100%;
	}
}
@media screen and (min-width: 501px) {
	.staffsubhead {
		width:100%;
	}
}
@media screen and (min-width: 1300px) {
	.staffsubhead {
		width:133%;
	}
}



.staffsubhead h1 {
	font-family: "bebas_neueregular",sans-serif;
	font-size:56px;
	line-height:56px;
	color: #FFFFFF;
	font-weight:normal;
	margin-bottom: 0px;
	text-align:left;
	text-transform:uppercase;
	padding: 2.5%;
}
.staffsubhead2 {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:100%;
	height: auto;
	max-width:1300px;
	background-color: #FFF;
}
.staffsubhead2 h2 {
	font-family:bebas_neueregular;
	font-size:36px;
	line-height:30px;
	color: #1c6395;
	font-weight:normal;
	margin-bottom: 0;
	text-align:left;
	padding: 14px;
}
.staffsubhead2 h3 {
	font-family:bebas_neueregular;
	font-size:24px;
	line-height:12px;
	color: #1c6395;
	font-weight:normal;
	margin-bottom: 0;
	text-align:left;
	padding: 0px 14px 14px 14px;
}



.speakerbox {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0;
    background-size: 100%;
    background-repeat: no-repeat;
	background-position: center;
	background-color: #d2e0ea;
    height: 0;
	transition: 0.5s;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	float: left;
}
@media screen and (max-width: 450px)  {
	.speakerbox {
		width: 98%;
		margin: 0 1% 1% 1%;
   		background-size: 100%;
	    padding-top: 48%;
		font-size: 14px;
	}
	.speakerbox:hover {
	    background-size: 115%;
	}
}
@media screen and (min-width: 451px)  {
	.speakerbox {
		width: 48%;
		margin: 0 1% 1.5% 1%;
   		background-size: 100%;
	    padding-top: 48%;
		font-size: 14px;
	}
	.speakerbox:hover {
	    background-size: 115%;
	}
}
@media screen and (min-width: 800px)  {
	.speakerbox {
		width: 48%;
		margin: 0 1% 1.5% 1%;
   		background-size: 100%;
	    padding-top: 48%;
		font-size: 16px;
	}
	.speakerbox:hover {
	    background-size: 115%;
	}
}
@media screen and (min-width: 1201px)  {
	.speakerbox {
		width: 31%;
		margin: 0 1% 1.8% 1%;
   		background-size: 100%;
	    padding-top: 31%;
		font-size: 16px;
	}
	.speakerbox:hover {
	    background-size: 115%;
	}
}
.speakerbox a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.speakerofflayer {
	position: absolute;
	display: inline-block;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 0%;
	z-index: 10;
	background-image: url(../images/call_events/background.png);
}
.speakerbox .sub {
	position: relative;
	display: inline-block;
	bottom: 0;
	width: 90%;
	height: auto;
	padding: 5%;
	z-index: 20;
}
.speakerbox .sub a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media screen and (max-width:900px)  {
	.subleft{
		width:98%;
		height: auto;
		float: none;
		margin: 0 1% 0 1%;
	}
	.subright{
		width:98%;
		height: auto;
		margin: 0 1% 0 1%;
		float: none;
	}
}
@media screen and (min-width: 901px)  {
	.subleft{
		width:31%;
		height: auto;
		float: left;
		margin: 0 1% 0 1%;
	}
	.subright{
		width:65%;
		height: auto;
		margin: 0 1% 0 1%;
		float: right;
	}
}






.speakerbox {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0;
    background-size: 60%;
    background-repeat: no-repeat;
	background-position: center;
	background-color: #d2e0ea;
    height: 0;
	transition: 0.5s;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	float: left;
}
@media screen and (max-width: 450px)  {
	.speakerbox {
		width: 98%;
		margin: 0 1% 1% 1%;
   		background-size: 60%;
	    padding-top: 48%;
		font-size: 14px;
	}
}
@media screen and (min-width: 451px)  {
	.speakerbox {
		width: 48%;
		margin: 0 1% 1.5% 1%;
   		background-size: 60%;
	    padding-top: 48%;
		font-size: 14px;
	}
}
@media screen and (min-width: 800px)  {
	.speakerbox {
		width: 48%;
		margin: 0 1% 1.5% 1%;
   		background-size: 60%;
	    padding-top: 48%;
		font-size: 16px;
	}
}
@media screen and (min-width: 1201px)  {
	.speakerbox {
		width: 23%;
		margin: 0 .9% 1.8% .9%;
   		background-size: 100%;
	    padding-top: 23%;
		font-size: 16px;
	}
}
.speakerbox:hover {
    background-size: 110%;
}
.speakerofflayer {
	position: absolute;
	display: inline-block;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 0%;
	z-index: 10;
	background-image: url(../images/call_events/background.png);
}
p.speakerlayer {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:24px;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:0px;
}
a.speakerlayer {
	color: #f6d20a;
	font-weight:bold;
	text-decoration: none;
}
a.speakerlayer:hover {
	text-decoration: underline;
}
.speakerofflayer .sub {
	position: relative;
	display: inline-block;
	bottom: 0;
	width: 90%;
	height: auto;
	padding: 5%;
	z-index: 20;
}
.speakerofflayer .sub a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}