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

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

@font-face {
    font-family: 'humanist-521-light-bt';
    src: url('../fonts/humanist-521-light-bt.eot');
    src: url('../fonts/humanist-521-light-bt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/humanist-521-light-bt.woff2') format('woff2'),
         url('../fonts/humanist-521-light-bt.woff') format('woff'),
         url('../fonts/humanist-521-light-bt.ttf') format('truetype'),
         url('../fonts/humanist-521-light-bt.svg#humanist-521-light-bt') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'Open Sans', sans-serif;
}

ul {
	margin-left:0px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Bohemiantypewriter';
	color:#5d6578;
}

label,p {
	font-family: 'humanist-521-light-bt';
}

a {
	
}

span {
	
}

.button {
	
}

.row {
	max-width:41.25em;
}


/* Header Style */
#header {
	width:100%;
	background:#ffffff;
	float:left;
	padding:20px 0px;
	border-bottom:10px solid #565e72;
}


/*Banner*/
#banner {
	float:left;
	width:100%;
}

#banner img {
	width:100%;
}

#banner .join {
	background:url(../images/join-img.png) 50% 20% no-repeat;
	background-size:cover;
	float:left;
	padding-top:120px;
	padding-bottom:140px;
	width:100%;
}

#banner .join span {
	color:#ffffff;
	font-family: 'Bohemiantypewriter';
	font-size:43px;
	text-transform:uppercase;
}

/*content*/
#content {
	float:left;
	width:100%;
	padding-top:20px;
}

#content h3 {
	color:#5d6578;
	font-size:18px;
}

#content p {
	color:#5b5b5b;
	font-size:14px;
}

.border {
	float:left;
	width:100%;
	background:#b7b7b7;
	height:1px;
	margin:30px 0px;
}

#content .border {
	float:left;
	width:100%;
	height:auto ;
	background:none;
	padding:0px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #b7b7b7;
	margin-top:0px;
}

/*program*/
#program {
	float:left;
	width:100%;
	padding-top:20px;
	position:relative;
}

#program .panel {
	background:#ebebeb;
	border:none;
	margin-bottom:0px;
}

#program .panel.join {
	padding-bottom:0px;
	padding-top:20px;
}

#program .panel.light {
	background:none;
}

#program .panel.who {
	background:#ebebeb;
}

#program .panel.who h3 {
	font-size:24px;
	color:#5d6578;
}

#program img {
	width:100%;
}

#program h3 {
	font-size:24px;
	margin-bottom:10px;
	color:#5d6578;
	line-height:30px;
}

#program h3.line {
	padding-right:110px;
}

#program .panel ul  {
	margin-left:20px;
}

.p-left {
	padding-left:0px;
}

#program .p-left img {
	width:100%;
}

#program .panel ul li {
	float:left;
	width:100%;
	color:#5b5b5b;
	font-weight:400;
	font-size:14px;
	font-family: 'humanist-521-light-bt';
}

#program .right-side {
	right:0%;
	position:absolute;
	top:5%;
}

.p-right {
	padding-right:0px;
}

.none {
	padding:0px;
}

#snippets {
	float:left;
	width:100%;
	padding-top:25px;
	position:relative;
}

#snippets h3 {
	color:#5d6578;
	font-size:18px;
}

#snippets p {
	margin-bottom:0px;
}

#snippets h5 {
	color:#5d6578;
	font-size:14px;
	margin-bottom:30px;	
}

#snippets .right-side {
	right:0%;
	position:absolute;
	top:0%;
}

#snippets .left-side {
	left:0%;
	position:absolute;
	bottom:30%;
}



/*links*/
#links {
	float:left;
	width:100%;
}

#links img {
	width:100%;
}

#links .panel {
	background:#fafafa;
	border:14px solid #ebebeb;
	float:left;
	width:100%;
	padding:12px 0px 0px 0px;
	margin-bottom:0px;
	border-bottom:0px;
}

#links .panel.new {
	border-bottom:14px solid #ebebeb;
	padding-bottom:30px;
}

#links .panel.two {
	border:25px solid #ebebeb;
}

#links .panel h3 {
	font-size:28px;
	color:#5d6578;
	margin-bottom:25px;
}

#links .panel img {
	width:100%;
}

#links .panel a {
	float:left;
	width:100%;
	margin-bottom:10px;
}

#links .panel h6 {
	font-size:12px;
	color:#5d6578;
	line-height:16px;
	margin-top:10px;
}

#links .panel .details {
	float:left;
	width:100%;
	padding-bottom:20px;
}

#links .panel .details a {
	font-family: 'Bohemiantypewriter';
	font-size:16px;
	color:#5d6578;
	text-transform:capitalize;
}

#links .panel .details a.gray {
	color:#5b5b5b;
	text-transform:uppercase;
	font-size:13px;
	padding:0px 100px 0px 30px;
}

/*contact*/
#contact {
	float:left;
	width:100%;
	padding-bottom:40px;
}

#contact .panel {
	background:#ebebeb;
	float:left;
	margin-bottom:0px;
	width:100%;
}

#contact .panel.right-side {
	background:none;
	border:none;
	padding:60px 10px 0px 10px;
}

#contact .panel h3 {
	font-size:18px;
}

#contact .panel ul  {
	margin-left:20px;
}

#contact .panel ul li {
	float:left;
	width:100%;
	color:#5b5b5b;
	font-size:14px;
	font-family: 'humanist-521-light-bt';
}

#contact .panel.right-side p,#contact .panel.right-side a {
	font-size:14px;
	color:#5b5b5b;
	line-height:16px;
	margin-bottom:0px;
}


#contact img {
	width:100%;
}

/*footer*/
#footer {
	float:left;
	width:100%;
	background:#565e72;
	margin-bottom:35px;
}

#footer ul {
	margin-bottom:0px;
}

#footer ul li {
	display:inline-block;
	list-style:none;
	padding:0px 10px 2px 0px;
}

#footer ul li a {
	font-size:10px;
	color:#ffffff;
	font-family: 'Bohemiantypewriter';
}

/* Small Screens*//* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width:40em) {

.p-right {
	padding:15px;
}

#footer ul li a {
	font-size:14px;
}

#links .panel .details a.gray {
	padding:0px 0px !important;
}

#program h3.line {
	padding:0px;
} 

#program .right-side,#snippets .right-side,#snippets .left-side {
	display:none;
}

#banner .join span {
	font-size:36px;
}

.p-left {
	padding-left:15px;
}

#program h3 {
	font-size:20px;
}

#snippets h5 {
	margin-bottom:0px;
}

#program,#program .panel.light {
	padding-top:0px;
}

#contact .panel.right-side {
	padding-top:30px;
}

#program .panel {
	float:left;
}

#program .panel.join {
	padding-bottom:20px;
}

}

/* Medium Screens *//* min-width 641px, medium screens */
@media only screen and (min-width:40.0625em) and (max-width:64em) {

	
}