/* IE Stylesheet */

/* 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
img { max-width: 100%; }
.user-images img {
	display: block;
	clear: both;
	margin: 5px auto;
}
ul, ol { margin-left: 15px; }
ul li { list-style: disc; }
ol li { list-style: decimal; }
html, body { height: 100%; }
.wrapper {
	min-height: 100%;
	height: auto!important;
	height: 100%;
	margin: 0 auto -300px;
	background:#FFF;
}
footer, .push { height: 300px; }
/* TYPOGRAPHY */
html { font-size: 62.5%; }
body, p {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 17px;
}
p {
	padding: 0 0 7px;
	overflow: hidden;
}
.breakout {
	color: rgb(102,45,145);
	font-family: "azo-sans-web", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 6px 0 6px;
}
a, a:visited, a:hover, a:active {
	color: rgb(102,45,145);
	text-decoration: underline;
}
.headings {
	background: rgb(102,45,145);
	padding: 5px 20px 20px;
	width: 100%;
}
#green .headings { background: rgb(27,153,151); }
#purple .headings { background: rgb(146,39,143); }
h1, h2, h3, h4, h5, h6 { clear: both; }
h1 {
	color: #FFF;
	font-family: "azo-sans-web", sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin: 20px 0 6px;
}
h1 strong { font-weight: 700; }
h2 {
	color: rgb(102,45,145);
	font-family: "azo-sans-web", sans-serif;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 12px 0 6px;
}
#green h2, #green .breakout { color: rgb(27,153,151); }
#purple h2, #purple .breakout { color: rgb(146,39,143); }
h2.white, #green h2.white, .headings h2, #green .headings h2, #purple h2.white, #purple .headings h2 { color: #FFF; }
h2.sub {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 8px;
}
h3 {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	padding: 9px 0 5px;
}
h4 {
	color: #000;
	font-size: 13px;
	font-weight: 400;
	padding: 9px 0 2px;
	text-transform: uppercase;
}
h5 {
	color: #000;
	font-size: 13px;
	font-weight: 700;
	padding: 4px 0 2px;
}
h6 {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: normal;
	padding: 4px 0 2px;
}
b, strong { font-weight: 700; }
i, em { font-style: italic; }
/* FORMS*/
form {
	overflow: hidden;
	margin-bottom: 20px;
}
.newsletter input[type="checkbox"] { float: left; }
form p { clear: both; }
form p span {
	width: 260px;
	float: left;
	margin-left: 20px;
}
label { display: block; }
input[type="text"], input[type="password"], textarea {
	background: #FFF;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	width: 100%;
	padding: 10px 5px;
	margin-bottom: 10px;
}
input[type="submit"], a.button, button {
	text-transform: uppercase;
	color: #FFF !important;
	padding: 5px 15px !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	float: right;
	background: rgb(102,45,145) !important;
	font-size: 12px;
	clear: both;
	text-decoration: none;
	-webkit-appearance: none;
}
.post-list .post-body p:first-child a:last-child {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.captchaimg {
	background: #696969;
	text-align: center;
	height: 36px;
}
.cat_textbox {
	width: 100%!important;
	margin-top: 0;
}
/* LAYOUT */
.container {
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}
.sys-error h1 { color: #000; }
/* HEADER */
#main-menu { display: none; }
header {
	overflow: hidden;
	padding: 10px 0 0;
}
header ul, header li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mobile-button {
	display: inline-block;
	width: 50px;
	height: 90px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 9999;
	padding-top: 10px;
}
.mobile-button img { height: 70px; }
.logo {
	height: 70px;
	display: block;
	margin: 0 auto 30px;
}
.mobile-menu-container {
	display: none;
	width: 250px;
	position: absolute;
	top: 0;
	left: 0;
}
.mobile-push { left: 255px; }
.mobile-menu-container li {
	display: block;
	background: #FFF;
}
.mobile-menu-container li a {
	color: #FFF;
	text-decoration: none;
	font-family: "azo-sans-web", sans-serif;
	font-style: normal;
	font-weight: 700;
	background: rgb(102,45,145);
	display: block;
	margin-bottom: 3px;
	padding: 10px 20px;
	font-size: 14px;
}
.mobile-menu-container li:hover a, .mobile-menu-container li a.selected {
	background: rgb(146,39,143);
	color: #FFF;
}
.mobile-menu-container li .need-help-mobile, .mobile-menu-container li:hover .need-help-mobile {
	font-weight: 400;
	background: rgb(207,80,28);
	text-align: center;
}
.mobile-menu-container ul ul li a {
	font-weight: 400;
	background: rgb(230,230,230);
	color: #000;
	padding-left: 40px;
	font-family: Arial, sans-serif;
}
.mobile-menu-container ul ul ul li a {
	font-size: 12px;
	padding-left: 60px;
}
.mobile-menu-container li.terms a {
	color: #000;
	background: rgb(230,230,230);
	font-weight: 400;
}
.need-help, .need-help:visited, .need-help:hover, .need-help:active {
	padding: 7px 10px;
	background: rgb(207,80,28);
	float: right;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: -40px;
}
#main-menu nav {
	clear: both;
	text-align: center;
	margin: 20px 0;
}
#main-menu nav ul {
	margin: 0 auto;
	display: inline-block;
	clear: both;
	overflow: hidden;
}
#main-menu nav li {
	float: left;
	width: 103px;
	padding: 0 5px;
	height: 41px;
}
#main-menu nav li a {
	font-family: "azo-sans-web", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 13px;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	padding: 8px 5px;
	-webkit-border-radius: 7px 0 7px 0;
	border-radius: 7px 0 7px 0;
	height: 100%;
}
#main-menu nav li.contact a { padding: 14px 5px; }
#main-menu nav li a:hover, #main-menu nav li a.selected {
	background: rgb(102,45,145);
	color: #FFF;
}

/* RESOURCES */
.resource-video iframe {
	width: 100%;
	height: 168px;
}
.resource-summary {
	margin: 10px 0;
	overflow: hidden;
}
.resource-container {
	background: rgb(235,235,235);
	padding: 5px 15px 20px;
	margin: 20px 0;
	clear: both;
}
.literature-container .button { margin-top: 5px; }
.resource-container .literature-container .button { font-size: 11px; }
.resource-content { margin-bottom: 10px; }
/* SIDE MENU */
aside {
	float: left;
	position: relative;
	display: none;
	width: 200px;
	min-height: 100%;
}
aside h2, #green aside h2, #purple aside h2 {
	font-size: 17px;
	background-color: rgb(100,50,143);
	color: #fff;
	padding: 5px 10px;
	margin-top: 15px;
}
aside h2 a, aside h2 a:visited, aside h2 a:hover, aside h2 a:active, #green aside h2 a, #green aside h2 a:visited, #green aside h2 a:hover, #green aside h2 a:active, #purple aside h2 a, #purple aside h2 a:visited, #purple aside h2 a:hover, #purple aside h2 a:active {
	color: #FFF;
	text-decoration: none;
}
#green aside h2 { background: rgb(27,153,151); }
#purple aside h2 { background: rgb(146,39,143); }
aside ul, aside ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
aside ul li { border-bottom: 3px solid rgb(229,229,229); }
aside ul li a, aside ul li a:visited, aside ul li a:hover, aside ul li a:active {
	text-decoration: none;
	color: #000;
	background-color: rgb(250,250,250);
	padding: 5px 10px;
	display: block;
}
aside ul li a:hover, aside ul li a:active, aside ul li a.selected { background: rgba(102,45,145,.2); }
#green aside ul li a:hover, #green aside ul li a:active, #green aside ul li a.selected { background: rgba(27,153,151,.2); }
#purple aside ul li a:hover, #purple aside ul li a:active, #purple aside ul li a.selected { background: rgba(146,39,143,.2); }
.itemYes { display: none; }
/* PARTNERS / TEAM */
article.partner {
	border-bottom: 2px solid #ccc;
	padding: 10px 10px 10px 0;
	overflow: hidden;
}
article.partner h2 {
	display: block;
	position: relative;
	padding-left: 10px;
}
article.partner h2 a {
	display: block;
	text-decoration: none;
}
article.partner h2:after {
	content: "+";
	right: 20px;
	position: absolute;
	top: 10px;
}
article.partner .image { padding: 10px; }
article.partner .image img {
	max-width: 100%;
	height: auto;
}
article.partner p { margin-left: 10px; }
/* CONTACT */
.contact-first { margin-bottom: 15px; }
.contact-second {
	padding: 0 10px 5px;
	background: rgb(230,230,230);
}
.contact-second input[type="checkbox"] { float: left; }
.contact-second form p span { width: 230px; }
/* CAPTIVATE */
.captivate-wrap iframe, .captivate-wrap object {
	display: none;
	-webkit-transform: scale(1);
  -webkit-overflow-scrolling: touch;
zoom:1;
}
/* BLOG */
.post-list .post-body {
	position: relative;
	padding-bottom: 40px;
}
.blog-container, .wrapper, .post-list, .side-panel { width: 100%; }
.blog-container { overflow: hidden; }
hr {
	border: none;
	height: 1px;
	background-color: red;
}
.post-body p { max-width: 600px; }
.post-body { border-bottom: 2px solid #e5e5e5; }
.post-details { margin-top: -5px !important; }
.Blog_RP, .Blog_TL {
	width: 100%;
	float: left;
}
.Blog_RP .list, .Blog_TL .list {
	display: none;
	padding: 0
}
.Blog_RP h2, .Blog_TL h2 {
	padding: 2px 8px;
	margin: 2px 0;
	position: relative;
	cursor: pointer;
	background-color: rgb(100,50,143);
	color: #fff;
	font-size: 17px;
}
.Blog_RP h2 { margin-top: 20px; }
.Blog_TL h2 { margin-top: 0; }
.post-title a { text-decoration: none; }
.Blog_RP h2:after, .Blog_TL h2:after {
	content: "+";
	position: absolute;
	top: 2px;
	right: 10px;
	font-weight: 700;
}
.post-list { margin-top: 20px; }
.list, .list .BlogRecentPost, .list .BlogTagList {
	margin: 0;
	padding: 0;
}
.side-panel .list ul, .side-panel .list ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.side-panel .list ul li {
	background-color: #fafafa;
	border-bottom: 3px solid #e5e5e5;
	padding: 5px 10px;
	font-size: 13px;
}
.Blog_TL .list { margin-bottom: 20px; }
.Blog_RP .list { margin-bottom: 20px; }
.side-panel a, .side-panel a:visited, .side-panel a:hover, .side-panel a:active {
	text-decoration: none;
	color: #000;
}
/* HOME PAGE */
.Big-tile { 
	margin-bottom: 20px;
	overflow: hidden;
}
.Big-tile h2 a {
	font-size: 40px;
	line-height: 43px;
	font-weight: 700;
	text-decoration: none;
	color: rgb(27,153,151);
}
.Big-tile p {
	font-family: "azo-sans-web", sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: rgb(27,153,151);
	font-weight: 700;
}
.Big-tile .button { background: rgb(27,153,151);color:#fff !important;text-decoration:none !important;padding:5px 15px 5px 15px; !important; }
.Big-tile:first-child h2 a, .Big-tile:first-child p { color: rgb(102,45,145); }
.Big-tile:first-child .button { background: rgb(102,45,145); }
.Small-tile {
	margin: 0 auto 20px;
	overflow: hidden;
	max-width: 600px;
	clear: both;
}
.Small-tile .tile-image {
	height: 80px;
	overflow: hidden;
}
.Small-tile h2 a { text-decoration: none; }
.slideshow {
	margin-bottom: 10px;
	overflow: hidden;
}
.slideshow h1 { font-size: 24px;margin-top:10px; }
.slide-image { display: none; }
.slide-image-mobile img { width: 100%; }
.slide-text {
	background: rgb(102,45,145);
	padding: 10px 20px 20px;
}
.slide-text h2 { color: #FFF; }


	/* PARTNERS / TEAM 320*/
	article.partner .image {
		width: 300px;
		margin: 0 auto;
	}



	/* PARTNERS / TEAM 480*/
	article.partner .image {
		width: 50%;
		float: left;
	}


	/* BLOG 540 */
	.Blog_RP, .Blog_TL {
		width: 50%;
		float: left;
	}
	.Blog_TL h2 {
		margin-top: 20px;
		margin-left: 5px;
	}
	.Blog_RP h2 { margin-right: 5px; }
	.Blog_TL .list { margin-left: 5px; }
	.Blog_RP .list { margin-right: 5px; }



	/* TYPOGRAPHY 640 */
	.headings { padding: 5px 85px 20px; }
	/* LAYOUT 640 */
	html {
		background: url('../images/background-image.jpg') no-repeat center center fixed;
		background-size: cover;
	}
	.wrapper {
		width: 640px;
		margin-bottom: -640px;
	}
	.container { width: 640px; }
	footer, .push { height: 640px; }
	.sys-error { padding: 0 20px; }
	/* HEADER 640 */
	#main-menu { display: block; }
	#mobile-menu { display: none; }
	.logo { height: 86px; }
	
	/* RESOURCES LANDING 640 */
	.resource-wrap {
		width: 400px;
		float: right;
		margin: 5px 0 30px;
	}
	.resource-video iframe { height: 168px; }
	/* SIDE MENU 640 */
	aside { display: inline; }
	/* CONTACT 640 */
	.contact-split {
		width: 300px;
		float: left;
		margin: 15px 0 30px;
	}
	.contact-first { margin-right: 20px; }
	.captivate-wrap {
		margin-top: -200px;
		margin-left: -358px;
		margin-bottom: -200px;
		overflow: hidden;
	}
	.captivate-wrap iframe.scaled, .captivate-wrap object.scaled {
		width: 1090px;
		height: 650px;
		/*overflow: hidden;*/
		transform: scale(0.33);
		-webkit-transform: scale(0.33) !important;
		display: block;
		zoom:0.33;
	}
	/* HOME PAGE 640 */
	.Big-tile {
		float: left;
		width: 300px;
	}
	.Big-tile:first-child { margin-right: 20px; }
	.Small-tile {
		clear: none;
		float: left;
		width: 300px;
		margin-left: 7px;
  margin-right:7px;
	}


	
	.Small-tile .tile-image { height: 150px; }
	.slide-image-mobile { display: none; }
	.slide-image { 
		display: block;
		height: 300px;
		overflow: hidden;
	}
	.slide-image img {
		height: 100%;
		max-width: none;
	}



	/* BLOG 768 */
	.Blog_RP, .Blog_TL {
		width: 100%;
		float: left;
	}
	.Blog_RP .list, .Blog_TL .list { display: block !important; }
	.Blog_RP h2:after, .Blog_TL h2:after { display: none; }
	.post-list {
		width: 66%;
		padding-left: 20px;
		float: left !important;
	}
	.side-panel {
		width: 34%;
		padding-right: 20px;
		float: left !important;
	}
	.Blog_TL h2 {
		margin-top: 10px;
		margin-left: 0;
	}
	.Blog_RP h2 { margin-right: 0; }
	.Blog_TL .list { margin-left: 0; }
	.Blog_RP .list { margin-right: 0; }

	/* TYPOGRAPHY 960 */
	.headings { padding: 5px 150px 20px; }
	/* LAYOUT 960 */
	.container { width: 960px; }
	.wrapper { 
		width: 960px;
		margin-bottom: -475px;
	}
	footer, .push { height: 500px; }
	/* HEADER 960 */
	.logo { margin: 0; }
	#main-menu nav {
		float: right;
		margin-top: -30px;
	}

	/* RESOURCES LANDING 960 */
	.resource-wrap {
		width: 600px;
		float: left;
		margin-left: 20px;
	}
	.resource-video iframe { height: 338px; }
	/* SIDE MENU 960 */
	aside { width: 220px; }
	/* CONTACT 960 */
	.contact-first {
		width: 560px;
		margin-right: 40px;
	}
	.contact-second { width: 340px; }
	.contact-second form p span { width: 280px; }
	/* CAPTIVATE 960 */
	.captivate-wrap {
		margin-top: -140px;
		margin-left: -260px;
		margin-bottom: -150px;
		overflow: hidden;
	}
	.captivate-wrap iframe.scaled, .captivate-wrap object.scaled {
		width: 1090px;
		height: 650px;
		/*overflow: hidden;*/
		transform: scale(0.5);
		-webkit-transform: scale(0.5) !important;
		display: inline;
		zoom:0.5;
}
	/* BLOG 960 */
	.side-panel { width: 25%; }
	.post-list {
		width: 67%;
		margin-right: 8%;
	}
	/* HOME PAGE 960 */
	.Big-tile { width: 460px; }

	.Small-tile { width: 220px; }

	.Small-tile .tile-image img {
		height: 100%;
		max-width: none;
	}
	.slide-image {
		width: 640px;
		float: left;
	}
	.slide-text {
		width: 300px;
		float: left;
		height: 300px;
		overflow: hidden;
		padding-top: 0;
	}



/* FOOTER*/
footer {
	background: rgb(235,235,235);
	clear: both;
	margin-top: 30px;
}
footer nav {
	clear: both;
	overflow: hidden;
	display: none;
	padding-top: 10px;
}
#mobile-newsletter {
	background: rgb(102,45,145);
	padding: 5px 10px;
	cursor: pointer;
	margin-bottom: 15px;
}
#mobile-newsletter p { color: #FFF; }
footer .newsletter {
	display: none;
	margin-top: 10px;
	clear: both;
}
footer ul, footer li {
	margin: 0;
	padding: 0;
	list-style: none;
}
footer li a, footer li a:visited, footer li a:hover, footer li a:active {
	text-decoration: none;
	color: #000;
}
footer ul.top-level {
	margin-left: 37px;
	float: left;
}
footer ul.top-first {
	margin-left: 0;
	width: 142px;
}
footer ul.top-second { width: 149px; }
footer ul.top-third { width: 146px; }
footer ul.top-fourth { width: 70px; }
.mobile-funding {  text-align: center; }
.mobile-funding p { text-align: left; }
.mobile-funding img {
	width: 100px;
	margin: 10px 0;
}
.mobile-funding img.img2 {
	margin: 10px 7%;
	width: 140px;
}
.mobile-funding img.img3 { width: 85px; }
.main-funding, .newsletter-heading { display: none; }
.copyright {
	text-align: center;
	margin: 20px;
	clear: both;
	padding-bottom: 20px;
}
.copyright span { display: block; }
.copyright span span { display: none; }
.mobile-sticky-height { height: 790px; }
.mobile-sticky-margin { margin-bottom: -790px; }
footer .main-funding img { margin: 10px 0; }


	/* FOOTER 640 */
	footer nav { display: block; }
	footer .main-funding { margin: 20px 0; }
	footer .main-funding p {
		width: 350px;
		padding-right: 20px;
		float: left;
	}
	footer .main-funding img { width: 60px; }
	footer .main-funding img.img2 { 
		width: 100px;
		margin: 10px 20px;
	}

	#mobile-newsletter, .mobile-funding { display: none; }
	footer .newsletter, .main-funding, .newsletter-heading { display: block; }
	footer .col-one {
		float: left;
		padding-right: 10px;
		width: 50%;
	}
	footer .col-two { clear: both; }
	footer .col-two-one {
		float: left;
		width: 50%;
		padding-right: 10px;
	}
	footer .col-two-two {
		width: 50%;
		float: right;
		margin-top: -120px;
		padding-left: 10px;
	}
	footer .col-three {
		margin-top: -60px;
		float: left;
		width: 50%;
		padding-left: 10px;
	}
	.copyright span { display: inline; }




	/* FOOTER 960 */
	footer nav { float: left; }
	footer .main-funding {
		float: left;
		width: 322px;
		padding-left: 40px;
		margin: 10px 0;
	}
	footer .main-funding p {
		clear: both;
		display: block;
		width: 100%;
		padding: 0 10px 7px;
	}
	footer .main-funding img.img1 { margin-left: 10px; }
	footer .newsletter-heading {
		float: left;
		width: 33%;
		padding-right: 1%;
	}
	footer .newsletter form { width: 66%; }

.resource-container .image, .resource-captivate-front .image {display:none;}
.resource-container .image-IE8, .resource-captivate-front .image-IE8 {display:block;}

	.Big-tile .text-wrap { min-height: 260px; }
	.Small-tile .text-wrap { min-height: 190px; }
.footer-inner { background:rgb(235,235,235); }