/*
Theme Name: SDialogue
Description: New Wordpress theme created for the Sustained Dialogue Institute
Version: 1
Author: Amanda Long
Author URI: http://designformation.co
Tags: white, blue, responsive
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,300,400);
@font-face {
    font-family: 'hiragino_kaku_gothic_prow3';
    src: url('fonts/hiragino-kaku-gothic-pro-w3-webfont.eot');
    src: url('fonts/hiragino-kaku-gothic-pro-w3-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hiragino-kaku-gothic-pro-w3-webfont.woff2') format('woff2'),
         url('fonts/hiragino-kaku-gothic-pro-w3-webfont.woff') format('woff'),
         url('fonts/hiragino-kaku-gothic-pro-w3-webfont.ttf') format('truetype'),
         url('fonts/hiragino-kaku-gothic-pro-w3-webfont.svg#hiragino_kaku_gothic_prow3') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: TradeGothicBoldCN;
src: url("fonts/TradeGothicLTStd-BdCn20.otf") format("opentype");
}
@font-face {
font-family: TradeGothicCN;
src: url("fonts/TradeGothicLTStd-Cn18.otf") format("opentype");
}
html {
	height: 100%;
	margin-top: 0px !important; 
}
body {
	background-color: #fff;
	color: #1d3a6d;
	font-family: 'hiragino_kaku_gothic_prow3', sans-serif;
	font-size: 16px;
	margin: 0;
	width: 100%;
	height: 100%;
}
body, body *, :hover {  
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0.0);
}
/*--add this for tap behavior on individual elements
 -webkit-user-select: none;
    -webkit-user-callout: none;
    -webkit-touch-callout: none;
*/
input, textarea {
    -webkit-user-select: text;
    -webkit-user-callout: default;
    -webkit-touch-callout: default;
}
div.clear {
	clear: both;
}
a:link,
a:visited {
 	color: #27aae1;
	font-weight: 600;
	text-decoration: none;
}
a:hover,
a:visited:hover  {
	color: #0c90c7;
}
ol,ul,li {
	padding-left: 0;
	margin-left: 0;
}
ul li {
	list-style: none;
}
h3 {
	font-weight: 600;
	font-size: 120%;
	margin: 0 auto;
	text-align: center;
	width: 90%;
}
h3.space {/*alumni testimonials*/
	margin-top: 9em;
}
h4.program-space {/*--int programs feed--*/
	padding-top: 1em;
}
img.pdf-icon {
	float: left;
	margin: 0em .2em 0 0%;
	width: 20px;
}
.page-content {
	margin: 10.5em auto 0em auto;
}
.entry h3 {
	margin: .5em auto 1em auto;
}
.entry h4 {
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 .5em 0;
}
.entry h4:first-child {
	padding-top: 0em;
}
.entry p {
	color: #939393;
	font-size: 90%;
	line-height: 130%;
	width: 90%;
	margin: 0 auto;
	padding: 0 0 1.5em 0;
	max-width: 1100px;
}
.entry ul {
	margin: .5em auto .5em auto;
	padding-left: 2em;
	width: 90%;
}
.entry ul li {
	margin: 0 0 0 1em;
	list-style: disc;
}
.entry li {
	color: #939393;
	font-size: 90%;
	line-height: 150%;	
	margin: 0;
	padding: 0 0 .5em 0;
}
.entry ol {
	margin: .5em auto .5em auto;
	padding-left: 2em;
	width: 90%;	
}
.entry ol li {
	margin: 0 0 0 1em;
	list-style: initial;
}
h3.left {
	text-align: left;
	margin: 1.5em auto .5em auto;
}
#page {
	background-color: #fff;
	margin: 0;
	width: 100%;
}
/*--blue background sections--*/

.blue-bg {
	background: -webkit-linear-gradient(#1d3a6d, #6382b9);
	background: -o-linear-gradient(#1d3a6d, #6382b9); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#1d3a6d, #6382b9); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#1d3a6d, #6382b9); /* Standard syntax */
	padding: 1em 0 1em 0;
	margin:  0;
	}
.blue-bg h4,
.blue-bg h3,
.blue-bg p,
.blue-bg li {
	color: #fff;
}
.blue-bg h3 {
	padding-top: 0em;
}
h4.stat {
	font-size: 90%;
	line-height: 150%;
	margin: 0 auto;
	width: 90%;
}
.blue-bg p {
	padding: 0 0 1em 0;
	width: 90%;
	margin: 0 auto;
	}
.blue-bg .work-blurbs {
	margin: 0em auto 2em auto;
	width: 80%;
}
.blue-bg .work-blurbs h4 {
	margin: 0;
	padding: .5em 0 .5em 0;
}
.blue-bg .work-blurbs p {
	margin: 0;
	padding: 0;
	width: 100%;
}
.blue-bg a:hover {
	color: #fff;
}
.blue-bg li {
	width: 80%;
	margin: 0 auto;
	letter-spacing: 1px;
}
.blue-bg span {
	font-weight: bold;
	text-transform: uppercase;
	}
.blue-bg span.new {
	font-size: 60%;
	font-style: italic;
	text-transform: none;
}
.blue-bg a.learn-more-bl{
	display: block;
	margin: 0 auto 2em auto;
	text-align: center;
}
.move-it {/*remove padding on About Us page*/
	margin-top: -2.4em;
}
/*--end blue-bg styles--*/
.text-banner {
	margin: 0 0 -.2em 0;
	width: 100%;
}
.text-banner img{
	width: 100%;
}
ul.bulleted {
	margin-top: -1em;
	margin-bottom: 2em;
}
.bulleted li {
	list-style: disc;
	margin: 0 2em;
	padding-bottom: 0;
}
.workplace-list {
	padding-bottom: 1em;
}
.workplace-list li {
	list-style: disc;
	margin: 0 1em;
	padding-bottom: 0em;
}
.post-entry img {
	
	width: 100%;
}
.left-image,
.right-image-box {
	margin: 1.5em auto 1em auto;
	width: 90%;
}
.left-image img,
.right-image-box img {
	width: 100%;
}
.right-image-box a {
	display: block;
	margin: 1em 0 0 0;
}
.table {
	display: table;
	margin: 0 auto 1em auto;
	width: 80%;
}
.table div {
	display: table-cell;
	background-image: url('images/logo-graphic.jpg');
	background-position: 50%;
	background-size: 150px 150px;
    background-repeat: no-repeat;
	width: 50%;
	height: 200px;
	vertical-align: middle;
	text-align: center;
	}
.table div p{
	font-size: 200%;
	font-weight: 500;
	margin: 0 auto;
	width: 60%;
}

ul.relationship {
	margin: 0 auto 0em auto;
	text-align: center;
	width: 90%;
}
li.square-btn,
.entry li.square-btn{
	background: rgba(39,170,225,.8);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 90%;
	padding: 1em 1%;
	margin: 1em 1%;
	width: 38%;
	text-align: center;	
}
li.square-btn a:link,
li.square-btn a:visited,
li.square-btn a:hover {
	color: #fff;
}
li.square-btn h3 {
	font-size: 130%;
	margin: .8em auto;
	
	position: relative;
}
.btns {	
	position: relative;
	width: 90%;
	margin: -1em auto 1.5em auto;
	text-align: center;
}
.expand-btn {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 90%;
	overflow: hidden;
	padding: 0em 1%;	
	margin: .5em 1%;
	width: 100%;
	text-align: center;	
}

.expand-btn div {
	background: rgba(39,170,225, 1);
	padding-top: .5em;
	position: relative;
  	transition: all 0.5s ease;
}
.expand-btn:hover div {
	bottom: 0;
}
.expand-btn a:link,
.expand-btn a:visited,
.expand-btn a:hover {
	color: #fff;
}
.expand-btn h3 {
	font-size: 120%;
	margin: .8em auto;	
	position: relative;
}
.expand-btn p {
	color: #fff;
	font-size: 110%;
	padding-top: 1em;
	width: 90%;
	margin: 0 auto;
}
.expand-btn h3:after{
  content : "";
  position: absolute;
  left    : 40%;
  bottom  : -1em;
  height  : 5px;
  width   : 20%;
  border-top: 3px solid #fff;
}


.contact-2 {
	text-align: center;
}
.contact-2 img {
	width: 277px;
}
.work-logos { /*--holds logos on workplaces page--*/
	width: 90%;
	margin: 1em auto;
	max-width: 1100px;
}
.work-logos h4 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.work-logos > div {
	display: inline-block;
	padding: 0 2% 1em 2%;
	min-width: 150px;
	width: 20%;
	text-align: center;
	vertical-align: middle;
	}
.work-logos > div img {
	width: 75%;
}
.work-logos > div img.chci {
	max-width: 100px;
}

.work-info-form {
	margin-top: 0em;
}
.testimonial-link {
	margin: 0 auto;
	text-align: center;
}
.testimonial-link img {
	width: 90%;
	max-width: 275px;
}
/*-----SD Tables------*/
.tables {
	position: relative;
	top:-30px;
	width: 90%;
	margin: 2em auto -2em auto;
	max-width: 1100px;
}
.program-table {
	margin: 1em auto;
	
}
.program-table h4 {
	background: rgba(39,170,225,.8);
	color: #fff;
	cursor: pointer;
	font-size: 100%;
	line-height: 40px;
	padding: 0 2%;
	margin: 0;
	width: 98%;
	text-align: center;
	height: 40px;
}
.program-table table {
	
	font-size: 100%;
	margin: 0 auto;
	width: 100%;
}
.program-table table th,
.program-table table td {
	border-bottom: solid 1px #27aae1;
	border-collapse: collapse;
	padding: .8em;
	vertical-align: top;
}
.program-table table td:first-child {
	font-size: 95%;
	font-weight: bold;
}

/*---------------------------------------------*/
/*--------------Header Styles------------------*/
header {
	margin: 0;
	position: fixed;
	top: 0px;
	width: 100% !important;
	z-index: 50000;
}
#top {
	float: left;
	clear: both;
	background: #fff;
	width: 100%;
	height: 130px;
	margin: 0em auto 0 auto;
	padding: 0 0 1em 0;	
}

#logo-box {
	margin: 0em auto .8em auto;
	padding: 0;
	z-index: 12000;		
	width: 130px;
	height: 60px;
	text-align: center;
}
#logo-box img {
	width: 100%;
	
}
#logo-box a {
	text-decoration: none;
}
/*-----------navbar styles------------*/
/*--help nav for devices--*/
.help-nav {
	border-top: solid 2px #1d3a6d;
	background: url('images/navbar-bg.png') repeat-x;	
	clear: both;
	width: 100%;
	position: relative;	
	top: 0;
	height: 100px;
	margin: 0;
	padding: 0em 0;
	z-index: 10000;
}
.menu-help-nav {
	display: block;
	width: 98%;
	margin: 0 1%;
	background: url('images/navbar-bg.png') repeat-x;
	clear: both;
	position: relative;	
	top: 0em;
	height: 120px;
	padding: 0em 0;
	z-index: 1000;
}
.nav-icon {
	background: url('images/nav-icon.png') no-repeat;
	cursor: pointer;
	float: left;
	margin: 1.1em 0 0 5%;
	width: 50px;
	height: 50px;
}
.menu-help-nav .searchform,
.help-nav .searchform {
	background: url('images/search-sprite.png') no-repeat;
	background-position: 5px 0;
	display: block;
	float: right;
	margin: .4em 0em 0 0;	
	position: absolute;
	right: 1em;
	/* HOVER OFF */
	width:55px;
	height: 55px;
	z-index: 20000;
}
.searchform a.searchsubmit {
	border: none;
	background: url('images/search-icon.png') no-repeat;
	background-position: 3px -2px;
	background-color: inherit;
	float: right;
	margin: 1em;
	width: 30px;
	height: 30px;
	text-decoration: none;
}
#notfound {
	margin: 0 auto 2em auto;
}
#notfound h2{
	text-align: center;
}
.help-nav .donate-btn {	
	float: left;
	margin: .6em 0 0 1%;
	
}
/*---Navigation Panel---*/
.main-navigation .donate-btn {
	display: none;
}
.main-navigation {
	background: rgba(29,58,109,.9);
	position: fixed;
	top: 0px;
	right: -320px;
	width: 320px;
	height: 100%;
	z-index: 15000;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
}
.navbar {
	border-right: solid 3px #1d3a6d;
	background: #fff;
	float: none;
	width: 98%;
	font-size: 100%;
	margin: -2em 1% 0 1%;
	padding: 0;
	
}
nav li a:link,
nav li a:visited,
nav li a:hover,
nav li a:visited:hover {
	color: inherit;
	text-decoration: none;
}
.navbar > li {
	border-top: 5px solid #fff;
	border-bottom: solid 1px #27aae1;
	display: block;
	font-size: 90%;
	line-height: 140%;
	letter-spacing: 0em;
	text-transform:uppercase;
	padding: .8em 0 .8em 0;
	text-align: center;	
}
.navbar > li:first {
	border-top: solid 1px #27aae1;
}
.navbar > li.current_page_parent:hover,
.navbar > .current-menu-item:hover,
.navbar > li:hover {
	border-top: 5px solid #27aae1;
	background: #1d3a6d;
	color: #fff;	
}
.navbar > li > a {
}
.navbar > li.current-page-ancestor,
.navbar > li.current_page_parent,
.navbar > .current-menu-item {
	border-top: 5px solid #27aae1;
	background: #fff;
	color: #27aae1;
}
.navbar li.current_page_parent .sub-menu,
.navbar li.current-menu-item .sub-menu {
	display: block;
}
.navbar .sub-menu .current-menu-item {
	color: #27aae1;
}
.navbar .sub-menu {
	display: none;
	background-color: #fff;
	color: #727272;
	font-weight: normal;	
	margin: .8em auto 0 auto;
	text-align: left;
	width: 100%;	
}
.navbar ul.sub-menu li:first-child {padding-top: .5em;}
.navbar ul.sub-menu li:last-child {padding-bottom: .5em;}
.navbar ul.sub-menu li{
	border-top: solid thin #eee;
	list-style-type: none;
	font-size: 90%;
	font-weight: normal;
	line-height: 130%;
	display: block;	
	margin: 0 auto;
	padding: .5em 0;
	text-align: center;
	width: 100%;
}
.navbar ul.sub-menu li a {
	display: block;
	width: 72%;
	margin: 0 auto;
}
.navbar ul.sub-menu li:hover {
	background-color: #ddd;
}
li .arrow-icon {
	float: right;
	position: relative;
	right: 3em;
	top: -.2em;
	width: 25px;
	vertical-align: middle;
}
li .arrow-icon:after {
	-ms-transform: rotate(-90deg);	
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 4px;
	right: 0px;
	background: url('images/nav-arrow-sprite.png') no-repeat;
}
li .arrow-icon.exp:after {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

/*----------end navbar styles-------------*/
/*---------------------------------------------*/
/*-----content search styles-------*/

.page-content .searchform {
	width: 100%;
	margin: 1em auto 0 auto;
}

.page-content .searchform {
	overflow: visible;
	background-color: #27aae1;

	/* HOVER ON */
	background: url('images/search-sprite.png') no-repeat;
	background-position: -50px 0;
	width:245px;
	height: 55px;
}
.page-content  .search-field input#s {
	display: block;
}
.search-field input#s {
	border: 0px;
	background-color: transparent;
	display: none;
	float: left;
	margin: 5px -2em 5px 0;
	padding-left: 2em;
	height: 55px;
	color: #1d3a6d;
	font-family: TradeGothicCN;
	font-size: 100%;
	text-align: left;
	width: 70%;
}
.search-field #s::-webkit-input-placeholder {
	color: #1d3a6d;
	font-family: TradeGothicCN;
	font-size: 100%;
	height: 50px;
	text-align: left;
}
.search-field #s::-moz-placeholder {
	color: #1d3a6d;
	font-family: TradeGothicCN;
	font-size: 100%;
	height: 50px;
	text-align: center;
}
.search-field #s:-moz-placeholder {
	color: #1d3a6d;
	font-family: TradeGothicCN;
	font-size: 100%;
	height: 50px;
	text-align: center;
}
.search-field #s:-ms-input-placeholder {
	color: #1d3a6d;
	font-family: TradeGothicCN;
	font-size: 100%;
	height: 50px;
	text-align: center;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
	color: #1d3a6d;
	
}
.searchsubmit {
	border: none;
	background: url('images/search-icon.png') no-repeat;
	background-position: -1px 2px;
	background-color: inherit;
	float: right;
	margin: 1em;
	width: 30px;
	height: 30px;
}
.active-search {
	display: block;
}
#searchpage {
	clear: both;
	font-size: 85%;
	line-height: 150%;
	margin: 0 auto;	
	position: relative;
	top: 1em;
	width: 60%;
}
#searchpage .entry-meta,
#searchpage .entry-utility {
	color: #727272;
	font-size: 80%;
	margin: .5em 0 0 0;
}
#searchpage h3 span {
	color: #27aae1;
}
#searchpage .not-found h3 {
	color: #727272;
}
#searchpage h4 {
	font-size: 110%;
	line-height: 120%;
	padding: 0;
	margin: 2em 0 0 0;
}
#searchpage h4 a {
	color: inherit;
	text-decoration: none;
}
#searchpage h4 a:hover {
	color: #666;
}
#searchpage .disclaim p {
	text-align: center;
}
#searchpage p {
	margin: .5em auto;
	padding: 0;
	text-align: left;
}
/*--------------------------------------------------*/
/*-----------slider and banner styles----------------*/
.banner-small,
.banner-content{
	background-color: #444;
	clear: both;
	position: relative;
	top: 130px;
	overflow: hidden;
	width: 100%;	
	z-index: 5;
	
}
.banner-image {	
	position: relative;
	z-index: 6;
	width: 100%;
	margin-bottom: -5px;
	display: inline-block;
    vertical-align: middle;
}
.banner-image img {	
	width: 100%;
}
.banner-text {
	color: #fff;
	position: absolute;
	top: 3em;
	margin: 0em 5% 2em 5%;
	z-index: 8;
}
.banner-text h1 {
	font-size: 160%;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 110%;
	margin: 0;
	text-shadow: 2px 2px 5px #000; 
}
.banner-text h1.screened {
	background: rgba(69,70,72,.7);
	padding: .5em;	
}
.banner-text h1.wider {
	width: 100%;
}
.banner-text h1 span{
	text-transform: uppercase;
	font-size: 30%;
}
.banner-text h1 a{
	color: #27aae1;
	text-decoration: none;
}
.slide-text p,
.banner-text p {
	font-size: 80%;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 120%;
	margin: 1em 0 1em 0;
}
.banner-small {
	max-height: 250px;
}
.banner-small .banner-text{
	top: 1.5em;
}
.slider-content {
	background-color: #fff;
	position: relative;
	top: 140px;
	overflow: hidden;
	width: 100%;
	min-height: 0px;
	z-index: 5;
}
.home-slider .cycle-slideshow{
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
}
.home-slider .cycle-slideshow .slide:first-child {
	display: block;
}
.home-slider .cycle-slideshow .slide {
	display: none;
	padding: 0;
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden;
	text-align: center;
}
.home-slider .cycle-slideshow .slide-image {
	position: absolute;
	z-index: 6;
	min-height: 250px;
	width: 100%;
}
.home-slider .cycle-slideshow img { 	
	display: block; 
} 
.home-slider .cycle-slideshow .slide-text {
	color: #fff;
	position: relative;
	margin: 1em auto 0 auto;
	width: 90%;
	z-index: 8;
}
.home-slider .slide-text h2 {
font-size: 140%;
font-weight: 600;
margin: 0;
text-shadow: 2px 2px 2px #555; 
}
.home-slider .slide-text p {
	margin: .5em auto;
	width: 98%;
}
.home-slider .slide-text a {
	display: block;
	margin: 0 auto;
	width: 189px;
}
.home-slider .slide-text img {
	width: 189px;
	min-height: 58px;
}
.home-slider .cycle-pager {
	border-bottom: solid 12px #1d3a6d;
	color: #fff;
	position: relative;
	top: 0em;
	z-index: 5000;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 1em 0;
}
.cycle-pager span { 
    font-family: arial; font-size: 1px;  
	background: -webkit-radial-gradient(#fff, #434343); /* Safari 5.1 to 6.0 */
  	background: -o-radial-gradient(#fff, #434343); /* For Opera 11.6 to 12.0 */
 	background: -moz-radial-gradient(#fff, #434343); /* For Firefox 3.6 to 15 */
  	background: radial-gradient(#fff, #434343); /* Standard syntax */
	border-radius: 100%;
	width: 25px;
	height: 25px;
    display: inline-block;  
    cursor: pointer; 
	margin: 0 15px;
}
.cycle-pager span.cycle-pager-active { 
	background: -webkit-radial-gradient(#f6df91, #ffc551); 
	background: -o-radial-gradient(#f6df91, #ffc551); 
	background: -moz-radial-gradient(#f6df91, #ffc551); 
	background: radial-gradient(#f6df91, #ffc551); 
}
/*----end banner and slider styles------*/
/*------------------Contact Us-------------------------*/
.contact-us {
	background: -webkit-linear-gradient(left top, #ffc551, #f6df91); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #ffc551, #f6df91); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #ffc551, #f6df91); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #ffc551, #f6df91);
	float: left;
	clear: both;
	margin: 0;
	width: 100%;
}
.contact-us div {
	margin: 1.5em auto -.8em auto;
	width: 80%;
	text-align: center;
}
.contact-us p {
	float: none;
	font-size: 100%;
	font-weight: 600;
	width: 100%;
}
.contact-us a:link {
	float: none;
	width: 100%;
}
a.view-test {
	display: block;
	float: none;
	margin: 0 auto;
	width: 50%;
}
/*---------------------footer styles----------------*/
footer {
	background-color: #1d3a6d;
	background: #1d3a6d url('images/footer-bg.jpg') no-repeat 50%;	
	width: 100%;
	margin: 0;
	clear: both;
}
.footernav {
display: none;
}
.sign-up {
	margin: 0 auto -1em auto;
	padding: 1em 0 0 0;
	text-align: center;
	width: 80%;
}
.sign-up h2 {
	color: #fff;
	font-size: 100%;
}
.sign-up input {
	width: 100%;
	border-radius: 20px;
	font-size: 90%;
	height: 2em;
	text-align: center;
}
.sign-up input[type=submit]  {
	color: transparent;
	cursor: pointer;
	background-color: transparent;
	background: url('images/sign-up-btn.png') no-repeat;
	background-position: center;
	border: none;
	height: 60px;
	margin-top: 1em;
}
#footer-bottom {
	color: #fff;
	background-color: #27aae1;
	margin-top: 2em;
}
.contact-info {
	float: none;
	font-size: 75%;
	font-weight: lighter;
	letter-spacing: .1em;
	margin: 0 auto;
	padding: 1.5em 0 0 0;
	width: 80%;
}
.contact-info a:link {
	color: #fff;
	text-decoration: none;
}
.social-links {
	float: none;
	margin: 0em auto 1em auto;
	padding-right: 0px;	
	width: 80%;
}
.social-links ul {
	padding-left: 0;
}
.social-links li {
	background: #fff;
	border-radius: 100%;
	display: inline-block;
	list-style-type: none;
	margin: 0 2px;
	width: 40px;
	height: 40px;
	text-align: center;
}
.social-links li a {
	color: #27aae1;
	font-family: 'FontAwesome';
	font-size: 140%;
	font-weight: normal;
	line-height: 42px;	
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
	text-align: center;
}
#copyright {
	color: #fff;
	clear: both;
	font-size: 85%;
	padding: 0 0 .5em 0;
	margin: 1em auto;
	width: 90%;
}
/*-------------------Home About History-------------------*/
.about-sd {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}
.about-sd h3 {
	
	line-height: 130%;
	margin: 0 auto;
	padding-top: 0em;
	text-align: center;
}
.about-sd p {
	color: #1d3a6d;
	font-size: 90%;
	line-height: 150%;
	padding: .5em 0;
}
.about-sd a.learn-more-bl {
	display: block;
	width: 190px;
	height: 50px;
	margin: 0 auto 1em auto;
}
/*--------------------About Page Styles------------------*/
.mission-btn {/*--banner button--*/
width: 90%;
}
.about-history {
	margin: 1em auto;
	width: 90%;
}
.about-history .image-box-top {
	display: none;
}
.about-history .image-box-bottom {
	float: none;
	margin: 0 auto 2em auto;
	width: 100%;
}
.about-history .image-box-vert {
	float: none;
	margin: 0 auto 2em auto;
	width: 80%;
	text-align: center;
}
.about-history .image-box-vert img{
	width: 100%;
	max-width: 200px;
}
.about-history img {	
	width: 100%;
	min-width: 225px;
}
.about-history h3 {
	margin: 0 0 .5em 0;
	text-align: left;
}
.about-history p {	
	color: #939393;
	font-size: 90%;
	line-height: 150%;
	width: 100%;
}
/*--not sure if we need these anymore
.programs {
	margin: 0 auto;
	max-width: 1100px;
}
.programs h3 {	
	padding: 1em 0 1em 0;
}
.programs .entry {
	margin: 1em auto;
	width: 90%;
}
.programs .image-box-right {
	width: 90%;
	margin: 1em auto;
}
.programs .image-box-right img {
	width: 100%;
}
.programs a:link,
.programs a:visited {
 	color: #1d3a6d;
}
.programs a:hover {
	color: #27aae1;
}
--*/
/*--not sure if we need these services page styles
.services-section {
	margin: -2em auto 0 auto;
	text-align: left;
	width: 84%;
}
.services-section > div {
	clear: both;
	float: left;
	margin: 2em auto 1em auto;
	width: 100%;
}
.services-section div.svc-img {
	float: none;
	text-align: center;
	width: 100%;
	height: auto;
}
.services-section div.svc-img img {
	width: 50%;
	max-width: 200px;
}
.svc-text {
	float: none;
	width: 100%;
}
.services-section h3 {
	margin: 0 auto 1em auto;
	padding-top: 1em;
	text-align: center;
}
.services-section p {
	color: #939393;
	font-size: 100%;
	font-family: 'hiragino_kaku_gothic_prow3', sans-serif;
	line-height: 150%;
	margin: 0px auto 0em auto;
	text-align: center;
}
--*/
/*----services template styles----*/
.our-services-no-sp,
div.our-services {
background: -webkit-linear-gradient(#1d3a6d, #6382b9);
background: -moz-linear-gradient(#1d3a6d, #6382b9);
background: -o-linear-gradient(#1d3a6d, #6382b9);
background: linear-gradient(#1d3a6d, #6382b9);
text-align: center;
width: 100%;
}
div.our-services > div {
margin: 0 auto;
padding: 0;
width: 100%;
}
.our-services-no-sp > div {
margin: 0 auto;
padding: 1em 0 0 0;
width: 100%;
}
.our-services-no-sp div.svc-img img {
	width: 50%;
	max-width: 200px;
}
.our-services-no-sp h3,
div.our-services h3 {
	color: #fff;
	padding-top: 1.5em;
}
.our-services-no-sp p,
div.our-services p {
	color: #fff;
	width: 90%;
	margin: 0 auto;
}
.our-services-no-sp .service,
div.our-services .service {
float: none;
width: 100%;
margin: 0em auto;
}
div.service h3 {
color: #fff;
font-size: 110%;
font-weight: 600;
margin: 0 auto 6px auto;
text-shadow: 0px 2px rgba(85, 85, 85, 0.2);
text-align: center;
	padding-top: 0;
}
div.border-mark {
background-color: #ffc551;
margin: 0 auto 1em auto;
width: 25%;
height: 4px;
}
div.service div.icon {
border-radius: 50%;
text-align: center;
margin: 0em auto 1em auto;
width: 130px;
height: 130px;
}
div.service div.icon a {
background: url('images/services-icons-mob.png') no-repeat;
display: block;
text-decoration: none;
width: 130px;
height: 130px;
}
div.service div.edu a {
background: url('images/services-icons-mob.png') no-repeat 0px 0px;
}
.our-services-no-sp div.service div.edu a:hover {
cursor: none;

}
div.service div.edu a:hover {
background: url('images/services-icons-mob.png') no-repeat -130px 0px;

}
div.service div.consult a {
background: url('images/services-icons-mob.png') no-repeat -517px 0px;
}
.our-services-no-sp div.service div.consult a:hover {
cursor: none;

}
div.service div.consult a:hover {
background: url('images/services-icons-mob.png') no-repeat -646px 0px;
}
div.service>p {
color: #fff;
font-size: 80%;
font-weight: 500;
line-height: 130%;
margin: 0 auto;
width: 80%;
}
/*------end service template styles----------*/
/*--------------------Home Page News Feed Styles----------------*/
.news-feed {
	background: url('images/news-bg.jpg') no-repeat;
	background-size: cover;
	background-color: #444;
	width: 100%;
}
.events-feed h3, 
.news-feed h3 {
	color: #fff;	
	margin: 1em auto;
	text-align: center;
}
.events-feed .posts,
.news-feed .posts {
	float: left;
	margin: 1em 5% .5em 5%;
	width: 90%;
}
.events-feed .posts > div,
.news-feed .posts > div {
	background-color: #fff;
	float: left;
	margin: 0 0 1em 0;
	width: 100%;
  	-webkit-border-radius: 12px; 
 	-moz-border-radius: 12px; 
 	border-radius: 12px; 	
}
.events-feed .posts > div {
	-webkit-box-shadow: -2px 2px 3px 1px #ccc;  
 	-moz-box-shadow:    -2px 2px 3px 1px #ccc; 
 	box-shadow:         -2px 2px 3px 1px #ccc; 
}
.events-feed .posts .news-thumb,
.news-feed .posts .news-thumb {
	height: 100px;
	overflow:hidden;
}
.events-feed .posts .news-thumb img,
.news-feed .posts .news-thumb img {
	width: 100%;
	height: auto;
}
.events-feed .posts .date,
.news-feed .posts .date {
	color: #333;
	font-size: 95%;
	line-height: 120%;
	margin: 1em auto 0em auto; 
	text-transform: uppercase;
}
.events-feed .posts h4,
.news-feed .posts h4 {
	clear: both;
	font-size: 80%;
	margin: .5em auto .5em auto;
	width: 90%;
}
.events-feed .posts h4 a:visited,
.events-feed .posts h4 a:link,
.news-feed .posts h4 a:visited,
.news-feed .posts h4 a:link {
	color: #27aae1;
	margin-bottom: .5em;
	text-decoration: none;
}
.events-feed .posts p,
.news-feed .posts p {
	color: #9ea6b2;
	font-size: 80%;
	line-height: 150%;
	margin: 0em auto 2em auto;
	width: 90%;	
}
/*------------------Image Banner Tiled--------------------*/
.image-banner {
	background-color: #ddd;
	width: 100%;
	max-height: 100px;
	overflow: hidden;
}
.image-banner img {
	width: 33.3%;
	float: left;
	position: relative;
}
/*----------------Home Page Testimonial Network---------------*/
.home-testimonial-widget {
margin: 1.5em auto .5em auto;
width: 100%;
min-height: 150px;
text-align: center;
}
.home-mob-test {
margin: 1.2em auto 0em auto;
width: 100%;
text-align: center;
position: relative;
top: -1em;
width: 100%;
min-height: 100px;
}
.home-test-content {
display: none;
}
.home-mob-test .hotspots:hover .info {  
	-webkit-transform: rotate3d(0,3,0,-180deg);
	-moz-transform: rotate3d(0,3,0,-180deg);
	-o-transform: rotate3d(0,3,0,-180deg);
	transform: rotate3d(0,3,0,-180deg);
}
.home-mob-test .info-wrap {
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	position: relative;
	width: 220px;
	height: 220px;
	z-index: 50;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	margin: 0 auto;
}

.info{	
	width: 220px;
	height: 220px;
	
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	
	-webkit-transform: scale( 0.6 );
	-moz-transform: scale( 0.6 );
	-o-transform: scale( 0.6 );
	-ms-transform: scale( 0.6 );
	transform: scale( 0.6 );
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.info > div {
	border: solid 5px #27aae1;
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.info:hover {
	padding-bottom: 0%;
	-webkit-transform: scale( 1 );
	-moz-transform: scale( 1 );
	-o-transform: scale( 1 );
	-ms-transform: scale( 1 );
	transform: scale( 1 );
	vertical-align: middle;
}
.info .info-front {
	background-color: #fff;

	overflow: hidden;
}
.info .info-front img { /*--thumbnail face--*/
		
		width: 100%;
}
.info .info-back {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
}
.info .info-back img { /*--blue quote background--*/
	width: 100%;
}
.quote-post-content .quote-text {
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	margin: 0 1%;
	position: absolute;
	top: 0;
	width: 98%;
	height: 98%;
}
.quote-post-content .quote-text p{
	color: #fff;
	font-size: 70%;
	font-weight: normal;
	margin: 0 auto;
	width: 80%;
}
.quote-post-content .quote-text .byline {
	color: #fff;
	font-size: 60%;
	
	margin: 1em auto;
	width: 60%;
}
.quote-post-content .quote-text em {
	font-weight: normal;
}
.hotspots:nth-child(1) .quote-text {
	margin-top: 0;
	top: 38px;
}
.hotspots:nth-child(5) .quote-text {
	margin-top: 0;
	top: 70px;
}
/*---------------Staff Section Template Styles---------------*/
.staff-section {
	clear: both;
	margin: 170px auto 1em auto;
	width: 90%;
}
ul.team-roles {
	text-align: center;
	text-transform: uppercase;
}
ul.team-roles li {
	border: solid 1px #27aae1;
	border-radius: 10px;
	display: block;
	font-size: 100%;
	padding: .5em;
	margin: 0 0 .5em 0;
}
li.selected{
	background: #d8f0fa;
}
ul.team-roles a {
	color: #27aae1;
	font-weight: 500;
	padding: 0 0 0 0;
	text-decoration: none;
}
ul.team-roles .active {
	border: none;	
}
ul.team-roles .show {
	display: none;
	font-size: 90%;
}
div.team-members {
	float: left;
	margin: 0em auto 1em auto;
	width: 100%;
}
div.team-members .left-col {
	clear: both;
	float: none;
	margin: 0 auto 1em 0;
	text-align: left;
	width: 90%;
}
.left-col .thumbnail {
	border: solid 3px #1d3a6d;
	border-radius: 50%;
	float: left;
	margin: 0 1em 0 0;
	overflow: hidden;
	position: relative;
	width: 75px;
	height: 100px;
}
.left-col .thumbnail img {	
	width: 100%;
	height: auto;	
}
.left-col h4 {
	float: left;
	line-height: 100%;
	margin: 0;
	padding: 1.5em 0 0 0;
	width: 50%;
}
.left-col p {
	color: #939393;
	float: left;
	font-size: 88%;
	font-style: italic;
	margin-top: .5em;
	width: 55%;
}
.left-col .arrows {
	position: relative;
	top: 1em;	
	vertical-align: middle;
	float: right;
	text-align: center;
	width: 32px;
	height: 32px;
}
.arrows:after {
	-ms-transform: rotate(0deg);	
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	content: '';
	position: absolute;
	top: 1px;
	left: 0px;
	background: url('images/expand-arrow.png') no-repeat;
	vertical-align: middle;
	width: 32px;
	height: 32px;
}
.arrows.exp:after {
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	position: absolute;
	top: -1px;	
}
div.team-members div .wide-post-content,
div.team-members div .post-content {
	color: #939393;
	font-size: 90%;
	line-height: 130%;
	margin: 0;
	padding: 0;
	float: none;
	text-align: left;
}
div.team-members div .post-content {
clear: both;
display: none;
margin: 2em auto 2em auto;
padding: 1em 0 0 0;
width: 96%;
}
div.team-members div .wide-post-content {
width: 100%;
}
div.team-members div .wide-post-content h3.left{
	color: #1d3a6d;
	margin: 0 0 2em 0;
}
div.team-members div .wide-post-content h4 {
	color: #1d3a6d;
	font-size: 80%;
	padding: 0;
	margin: 1em 0 0 0;
}
div.team-members div .wide-post-content p{
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}
div.team-members div .wide-post-content em {
	color: #1d3a6d;
	font-size: 70%;
	line-height: 90%;
}
/*----------------Meet Team Widget on Main About Us Page-------------------*/
.staff-widget {
	clear: both;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.staff-widget h3 {
	margin-top: -.5em;
}
#cycle-1 div { width:100%; }
#cycle-2 { width: 100%; max-width: 800px;margin: 0 auto; text-align: center;}
#cycle-2 .cycle-slide div { border:3px solid #fff; border-radius: 100%; width: 75px; height: 100px; overflow: hidden;margin: 0 auto;}
#cycle-2 .cycle-slide:first-child div{ margin: 0 3% 0 0;}
#cycle-2 .cycle-slide-active div { border:4px solid #27aae1; }
#slideshow-1,#slideshow-2 { width: 98%;  margin: 1em auto; }
#slideshow-1 {position: relative;}
#slideshow-1 .quote-bg{
	text-align: center;
	width: 90%;
	margin: 0 5%;
	position: absolute;
}
#slideshow-1 .quote-bg img{
	width: 40%;
	min-width: 200px;
}
#slideshow-1 div.quote {
	font-size: 80%;
	font-weight: 300;
	line-height: 140%;
	margin: 0em 14%;
	width: 72%;
}
#slideshow-1 .prev,
#slideshow-1 .next {
	overflow: hidden;
	position: relative;
	top: -1em;
	width: 40px;
	z-index: 9995;
} 
#slideshow-1 .prev {
	float: left;
}
#slideshow-1 .next {
	float: right;
}
#slideshow-1 .next img{
	position: relative;
	left: -50px;
}
#slideshow-2 { position: relative;margin: 1.5em auto 1em auto; }
.carousel-thumb {
	text-align: center;
	
}
.carousel-thumb h4 {
	color: #27aae1;
	font-size: 80%;
	margin: 1em auto .5em auto;
	padding: 0;
	text-align: center;
	width: 60%;
}
.carousel-thumb p {
	font-style: italic;
	font-size: 70%;
	margin: 0 auto;
	padding: 0;	
	width: 60%;
}
.carousel-thumb img {
	padding: 0;
}
.cycle-slideshow img { width: 100%; height: auto; display: block; }
.meet-staff-button {
	margin: 1.5em auto .5em auto;
	text-align: center;
	width: 90%;	
}
.meet-staff-button img {
	width: 100%;
	max-width: 372px;
}	
/*--------------- Our Work styles ----------------*/
/*-------network image map----------*/
.our-networks {
	margin-bottom: -4em;
	position: relative;
	top: -4em;
	width: 100%;
}
.our-networks img {
	display: block;
	width: 100%;	
	z-index: 5;
}
.our-networks .hotspots img {
	display: none;
	margin: 5% auto 0 auto;
	width: 100%;
}
.our-networks .hotspots div {
	border: solid 5px transparent;
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	display: block;
	position: absolute;
	z-index: 50;
	width: 104px;
	height: 104px;
	margin: auto;
	text-align: center;
	-webkit-transform: scale( 0.7 );
	-moz-transform: scale( 0.7 );
	-o-transform: scale( 0.7 );
	-ms-transform: scale( 0.7 );
	transform: scale( 0.7 );
}
.our-networks .hotspots div.active-hotspot,
.our-networks .hotspots div:hover {
	border:solid 5px #fff;
	padding-bottom: 0%;
	-webkit-box-shadow: -2px 2px 3px 1px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    -2px 2px 3px 1px #555;  /* Firefox 3.5 - 3.6 */
	box-shadow:         -2px 2px 3px 1px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	-webkit-transform: scale( 1 );
	-moz-transform: scale( 1 );
	-o-transform: scale( 1 );
	-ms-transform: scale( 1 );
	transform: scale( 1 );    
	vertical-align: middle;
	z-index: 10000;
}
.our-networks .hotspots div a {
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	display: block;
	padding-bottom: 100%;
	width: 100%;
}
.our-networks .hotspots div,
.our-networks .hotspots div a  {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.our-networks .hotspots div.campus {left:0%; top:27%;}
.our-networks .hotspots div.int {left:23%; top:13%;}
.our-networks .hotspots div.workplace {right:20%; top:32%;}
.our-networks .hotspots div.comm {right:-2%; top:15%;}
.our-networks .hotspots div a.p1 {background: #27aae1 url('images/icon-campus.png') no-repeat;background-position: center;}
.our-networks .hotspots div a.p2 {background: #27aae1 url('images/int-icon.png') no-repeat;background-position: center;}
.our-networks .hotspots div a.p3 {background: #27aae1 url('images/icon-wp.png') no-repeat;background-position: center;}
.our-networks .hotspots div a.p4 {background: #27aae1 url('images/icon-comm.png') no-repeat;background-position: center;}
/*---end network image map styles---*/
/*----------services styles on the work page--------*/
.work-services .our-services {
	background: #fff;
}
.work-services .our-services p {
	color:#1d3a6d;
} 
.work-services div.our-services > div {
	margin: 0 auto 0px auto;
	padding: 0em 0;
}
.work-services .service {
	margin-bottom: 2em;
}
.work-services .service p {

	display: none;
}
.work-services div.service div.icon {
	border: solid 3px #1d3a6d;
	border-radius: 100%;
	text-align: center;
	margin: 0em auto 1em auto;
	width: 130px;
	height: 130px;
}
.work-services div.our-services h3 {
	color: #1d3a6d;
	margin: 0 auto 2em auto;
	width: 100%;
}
.work-services div.service h3 {
	font-size: 140%;
	margin: 0 auto 3px auto;
	text-shadow: 0px 2px rgba(85, 85, 85, 0.2);
}
.work-services a.learn-more-bl {
	display: block;
	padding: 0 0 2em 0;
}
.work-services div.service div.edu a {
	background: url('images/services-icons-mob.png') no-repeat 2px 0px;
}
.work-services div.service div.edu a:hover {
background: url('images/services-icons-mob.png') no-repeat -128px 0px;

}
.work-services div.service div.consult a {
	background: url('images/services-icons-mob.png') no-repeat -517px 0px;
}
.work-services div.service div.consult a:hover {
background: url('images/services-icons-mob.png') no-repeat -646px 0px;

}
/*-------events list and pubs/articles template styles--------*/
.pubs-articles {	
	background: #f1f2f4;
	margin-bottom: -2em;
	margin-top: -2.5em;
	padding: 0;
}
.pubs-articles h3 {
	margin: 0 auto;
	padding-top: 1.5em;
}
.pubs-articles > div {
	margin: 1em auto 0 auto;
	width: 90%;
}
.pubs-articles .post {
	clear: both;
	float: left;
	padding: 0 0 1em 0;
	text-align: center;
}
.pubs-articles .thumbnail {
	float: none;
	margin: 0 auto 0 auto;
	max-width: 240px;
}
.pubs-articles .thumbnail img {
	width: 100%;
}
.pubs-articles h4 {
	margin: 1em auto .3em auto;
	width: 100%;
}
.pubs-articles h4 a {
	color: #27aae1;
	text-decoration: none;
}
.pubs-articles .post-text {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.pubs-section p,
.pubs-articles p {
	color: #939393;
	font-size: 85%;
	line-height: 130%;
}
.pubs-section p {
	margin: 0 auto;
	width: 80%;
}
.pubs-section p.author {
	font-weight: 600;
	font-style: italic;
	margin: 0 auto 0 auto;
	padding: 0;
}
.pubs-articles p.author {
	margin: 0 auto;
	width: 80%;
	text-align: center;
	}
.pubs-articles .button {
	margin: -1em auto 1em auto;
	padding: 0;
	text-align: center;
}
/*---------Publications Template Styles------*/
.pubs-section {
	margin: 0 auto;
	padding: 7.5em 0 1.5em 0;
	text-align: center;
	width: 90%;
}
.pubs-section h3 {
	margin: 1.5em auto 1em auto;
}
.pubs-section div {
	width: 100%;
}
.pubs-section .post {
	float: none;
	margin: 0 0 1.5em 0;
	width: 100%;
}
.pubs-section .thumbnail img {
	-webkit-box-shadow: -2px 2px 3px 1px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 	-moz-box-shadow:    -2px 2px 3px 1px #ccc;  /* Firefox 3.5 - 3.6 */
 	box-shadow:         -2px 2px 3px 1px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	width: 112px;
	height: 170px;
}
.pubs-section h4 {
	color: #27aae1;
	margin: 1.5em auto 0 auto;
	width: 100%;
}
.pubs-section p.author {
	width: 100%;
}
.pubs-section p {
	width: 100%;
	font-size: 90%;
	letter-spacing: 0;
	line-height: 130%;
}
.pubs-button {
	text-align: center;
	width: 100%;
}
div.border-mark-2 {
	background-color: #27aae1;
	margin: 1em auto 1em auto;
	width: 30%;
	height: 6px;
}
.materials {
	margin: 3.5em auto 1em auto;
	width: 84%;
	max-width: 1100px;
	text-align: center;
}
.materials h4 {
	margin: auto auto .5em auto;
	text-align: center;
	width: 90%;
}
.materials .login-btn {
	margin: 0 auto;
	
	text-align: center;
}
.materials div img {
	width: 100%;
	max-width: 275px;
}
.books {/*-----books page-------*/
	margin: 3em auto;
	padding-top: 150px;
	width: 90%;
}
.thumbnail-left,
.book-post .thumbnail {
	float: none;
	margin: 1em auto;
	text-align: center;
	
}
.thumbnail-left img,
.book-post .thumbnail img {
	-webkit-box-shadow: -2px 2px 3px 1px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    -2px 2px 3px 1px #ccc;  /* Firefox 3.5 - 3.6 */
	box-shadow:         -2px 2px 3px 1px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.book-post .post-text{
	
	float: none;
	margin: 0em auto 0 auto;
	width: 90%;
}
.book-post .post-text h4 {
	margin: 0;
}
.book-post .post-text h4 a {
	color: #27aae1;
	text-decoration: none;
}
.book-post .post-text p {
	color: #555;
	font-size: 78%;
	line-height: 135%;
	letter-spacing: 1px;
}
.book-post .post-text p.author {
	margin: 0;
	padding: 0;
}
.order-button {
	float: left;
	width: 185px;
}
.order-button img {
	width: 185px;
}
/*-----Single Post Template styles----*/
#single-content {
	margin: 11.5em auto 4em auto;	
	width: 84%;
}
#breadcrumb {
	
	font-weight: 200;
	font-size: 60%;
	margin: 1em auto 2em auto;
	padding-top: 0em;
	width: 98%;
}
#breadcrumb a {
	color: #9ea6b2;
}
#breadcrumb a:hover {
	color: #777;
}
#breadcrumb a:last-child {
	color: #27aae1;
	text-decoration: none;
}
#breadcrumb a:last-child:hover {
	color: #27aae1;
}

.page-content-single h3 {	
	padding: 0;
	margin: 0;
	text-align: left;
}
.page-content-single .post-entry h2 {	
	font-size: 105%;
	margin: 3em auto -.5em auto;
	padding: 0;	
}
.page-content-single .post-entry h4 {
	color: #1d3a6d;
	font-size: 100%;
	margin: 3em auto -.5em auto;
	padding: 0;	
}
.page-content-single h4.post-date {
	color: #939393;
	font-size: 80%;
	font-style: italic;
	margin: .5em auto 2em auto;
	padding: 0;
}
.page-content-single .right-image-box {
	float: right;
	margin: 0 0 2em 2em;
	width: 40%;
}
.page-content-single .center-image-box {
	clear: both;	
	margin: 0 auto 2em auto;
	width: 100%;
	max-width: 500px;
}
.page-content-single .center-image-box img,
.page-content-single .image-box img {
	width: 100%;
}
.page-content-single p,
.page-content-single li {
	color: #939393;
	font-size: 85%;
	line-height: 135%;
}
.page-content-single a:link,
.page-content-single a:hover,
.page-content-single a:visited {
	color: #27aae1;
	font-size: 100%;
	font-weight: bold;
	word-wrap: break-word;
}
.page-content-single ul,
.page-content-single ol {
	padding-left: 1em;
}
.page-content-single li {
	padding: 0 1em .5em 1em;
	}
.page-content-single ul li {
	list-style: disc;
	}
.page-content-single ol li {
	margin-left: .2em;
	}
p.small-note {
	color: #555;
	font-size: 75%;
	margin: 0 auto 2em auto;
}
/*----------------------------------------------------*/
/*-----------Impact and Alumni Page Styles----------*/
.impact-content {
	margin: 0 auto;
	width: 90%;
}
.impact-content .page-content {
	margin: 0 auto 0 auto;
	width: 100%;
}
.impact-content > h4 {
	width: 90%;
	margin: 0 auto 1.5em auto;
}
.impact-posts {
	color: #939393;
	float: none;
	font-size: 88%;
	line-height: 125%;
	margin: 2em auto 0 auto;
	padding: 0;
	text-align: left;
	width: 80%;
}
/*--Alumni Page--*/
.alumni-involve {
	color: #939393;
	float: none;
	font-size: 90%;
	line-height: 125%;
	margin: 0em auto 0 auto;
	padding: 0;
	text-align: left;
	width: 80%;
}
.alum-test{
	float: none;
	margin: 3em auto;
	width: 90%;
}
/*--Alumni Testimonials: Overrides CSS in plugin--*/
.alum-test > div {
	width: 100%;	
}
.alum-test div > p {
	font-size: 100%;
	font-weight: bold;
	color: #1d3a6d;
	width: 90%;
	margin: 0 auto;
}
#wpmtst-form {
	border: solid thin #27aae1;
	border-radius: 12px;
	margin: 0 auto;
	padding-bottom: 2em;
	width: 80%;
}
#wpmtst-form .required-notice {
	font-size: 70%;
	padding-top: 2em;
}
#wpmtst-form .form-field {
	margin: 0 auto;
	padding: 0;
}
#wpmtst-form .form-field label{
	font-size: 75%;
}
#wpmtst-form span.after {
	font-size: 70%;
}
.alumni-involve {
	margin-top: 4em;
}
.alumni-involve .one {
	padding-bottom: 2em;
}
.impact-posts .clickable,
.alumni-involve .clickable{
	width: 100%;
	cursor: pointer;
	height: 60px;
}
.impact-posts h3,
.alumni-involve .clickable h3 {	
	color: #1d3a6d;
	clear: none;	
	font-size: 110%;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
}
.alumni-involve h3 a:link,
 .alumni-involve h3 a:visited{
	color: #1d3a6d;
}

.icon-box {
	background: #27aae1;
	border-radius: 100%;
	float: left;
	margin: -1em 1em 0 0;	
	text-align: center;
	width: 40px;
	height: 40px;
	}
.icon-box img {
	margin-top: .3em;
	width: auto;
	height: 80%;
}
.alumni-involve .icon-box {
	margin: 0 1em 0 0;
}
.alumni-involve .icon-box img {
	margin-top: .4em;
	width: auto;
	height: 70%;
}
.alumni-involve .af img {
	margin-top: .7em;
	width: auto;
	height: 55%;
}
.clickable h3 {	
	float: left;
	width: 50%;
	height: 40px;
}
.clickable .arrows {/*--arrows defined in staff section--*/
	position: relative;	
	vertical-align: middle;
	float: right;
	text-align: center;
	top: -3px;
	width: 32px;
	height: 32px;
}
.collapsible {
	clear: both;
	padding: 1em 0;
}
.bottom-bar {
	background: #1d3a6d;
	margin: 2em 0 0 0;
	position: relative;
	width: 100%;
	height: 40px;
}
.bottom-bar .x-button {
	float: right;
	-ms-transform: rotate(180deg);	
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	content: '';
	position: absolute;
	top: 0px;
	right: 10px;
	background: url('images/expand-arrow.png') no-repeat;
	vertical-align: middle;
	width: 32px;
	height: 32px;
}
.impact-posts h4 {
	color: #1d3a6d;
	clear: none;
	margin: 0 0;
	text-align: left;
}
.impact-posts .entry > div {
	margin: 0 0 1em 0;
	}
.impact-posts p {
	margin: .5em 0em .8em 0;
	padding: 0;
}
.impact-posts ol {
	padding: 0;
}
.impact-posts li{
	margin: 0 0 0 2em;
	padding: 0 0 .5em 0;
}
#backTo1 {
	padding-top: 2em;
}
.study {
	background: -webkit-linear-gradient(#eee, #fff, #e2e2e2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eee, #fff, #e2e2e2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eee, #fff, #e2e2e2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#eee, #fff, #e2e2e2); /* Standard syntax */
	width: 80%;
	padding: 2em;
	margin: 0 0 1em 0;
}
.study img {
	margin: 0 auto;
	width: 100%;
}
.study h4 {
	font-size: 90%;
	text-transform: uppercase;
}
.study li,
.study p {
	color: #1d3a6d;
	font-size: 90%;
	width: 100%;
}
p.small {
	font-size: 70%;
	margin: 2em 0 0 0;
	padding: 1em 0 0 0;
}
.impact-posts a,
.impact-posts a:visited {
	color: #1d3a6d;
}
.study ul,
.study ol {
	margin: 1em 0 1em 0em;
	width: 80%;
}
.study ul li {
	margin: 0 0 0 2em;
	padding: .5em 0em;
	list-style: disc;
}
/*--------------Sidebars: Impact Menu/Campus Menu--------------------*/
.impact-menu {
	border-left: none;
	float: none;
	margin: 0em auto;
	padding: 0em 0 1em 0;
	width: 100%;
}
.campus-menu {
	border-left: none;
	float: none;
	margin: 3em auto;
	padding: 1em 0;
	width: 25%;
}
ul.sidebar {
	float: none;
	margin: 0;
	text-transform: uppercase;
	width: 100%;
}
ul.sidebar li {
	border: solid 1px #27aae1;
	border-radius: 10px;
	color: #27aae1;
	font-size: 100%;
	line-height: 130%;
	list-style-type: none;
	margin: 0 auto .8em auto;
	padding: .5em;
	text-align: center;
	
}
ul.sidebar li.active-li {
	background: #d8f0fa;
  	
	font-weight: 600;
   	padding-left: 0em;
}
ul.sidebar li a {
	color: #27aae1;
	font-size: 90%;
	font-weight: 400;
	text-decoration: none;
}
ul.sidebar li.active-li a{
	border: none;
	font-weight: bold;
}
/*-----------impact-piece template styles------------------*/
.our-impact-home,
.our-impact {
	text-align: center;
	width: 100%;	
}
.our-impact-home .img-wrap,
.our-impact .img-wrap {
	clear: both;
	width: 90%;
	margin: 0 auto;
	position: relative;
	max-width: 800px;
}
.our-impact-home .bg-img,
.our-impact .bg-img {
	position: absolute;
	width: 100%;
	z-index: 2;
}
.our-impact .bg-img {
	top: 35px;
}
.our-impact-home .bg-img img,
.our-impact .bg-img img {
	width: 100%;
}
.our-impact-home h3 {
	margin: -.5em auto .5em auto;
}

.our-impact-home .container {
	margin: 0 auto .5em auto;
	position: relative;
	top: 0;
	
	z-index: 15;
}
.our-impact .container {
	margin: -2em auto 0 auto;
	position: relative;
	top: 0;
	height: 200px;
	z-index: 15;
}
.our-impact-home .container p,
.our-impact .container p {
	font-weight: 600;
	margin: 0 auto 1em auto;
}
.our-impact-home .container h2,
.our-impact .container h2 {	
	font-size: 320%;
	margin: 0 auto;
}
.our-impact .container h2 {	
	margin-top: 1em;
}
/*-----flip feature----*/
.impact-banner-content .flip-container {
	margin: 5em auto 2em auto;
}
.flip-container {
    text-align: center;
	margin: 1em auto 1em auto;
	text-align: center;   
    width: 90%;
    height: 200px;
}
/* Skeleton */
ul.flip {
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
    float: left;
    font-size: 45px;
    line-height: 95px;
    margin: 5px 1%;
    position: relative;
    width: 23%;
    height: 190px;
}
ul.flip li {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;	
}
ul.flip li:first-child {
    z-index: 2;
}
ul.flip li a {
    display: block;
    height: 100%;
    -webkit-perspective: 800px;
	-moz-perspective: 800px;
 	perspective: 800px;
}
ul.flip li a div {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
}
ul.flip li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
ul.flip li a div.up {
    -webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
}
ul.flip li a div.up:after {
	background-color: #fff;
  	content: "";
  	position:absolute;
  	top:98%;
  	left:0;
  	width: 100%;
  	height: 2%;
  	z-index: 5;  
}
ul.flip li a div.down {
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    bottom: 0;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0px;
}
ul.flip li a div div.inn {
	background-color: #1d3a6d;
    -moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	color: #fff;
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 1;
}
ul.flip li a div.up div.inn {
    top: 0;
	-moz-border-radius: 10px 10px 0px 0px; 
	-webkit-border-radius: 10px 10px 0px 0px; 
	border-radius: 10px 10px 0px 0px;
}
ul.flip li a div.down div.inn {
    bottom: 0;
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	border-radius: 0px 0px 10px 10px;
}
/* PLAY */
div.play ul li.before {
    z-index: 3;
}
div.play ul li.active {
    -webkit-animation: asd .5s .5s linear both;
    -moz-animation: asd .5s .5s linear both;
    -o-animation: asd .5s .5s linear both;
	animation: asd .5s .5s linear both;
    z-index: 2;
}
@-webkit-keyframes asd {
    0% { z-index: 2; }
    5% { z-index: 4; }
    100% { z-index: 4; }
}
@-o-keyframes asd {
    0% { z-index: 2;}
    5% {z-index: 4;}
    100% {        z-index: 4;    }
}
@-moz-keyframes asd {
    0% {       z-index: 2;    }
    5% {        z-index: 4;    }
    100% {        z-index: 4;    }
}
@keyframes asd {
    0% {        z-index: 2;    }
    5% {        z-index: 4;    }
    100% {        z-index: 4;    }
}
div.play ul li.active .down {
    z-index: 2;
    -webkit-animation: turn .5s .5s linear both;
    -moz-animation: turn .5s .5s linear both;
    -o-animation: turn .5s .5s linear both;
	animation: turn .5s .5s linear both;
}
@-webkit-keyframes turn {
    0% {        -webkit-transform: rotateX(90deg);    }
    100% {        -webkit-transform: rotateX(0deg);    }
}
@-moz-keyframes turn {
    0% {        -moz-transform: rotateX(90deg);    }
    100% {        -moz-transform: rotateX(0deg);    }
}
@-o-keyframes turn {
    0% {        -o-transform: rotateX(90deg);    }
    100% {        -o-transform: rotateX(0deg);    }
}
@keyframes turn {
    0% {transform: rotateX(90deg);    }
    100% {transform: rotateX(0deg);    }
}
div.play ul li.before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    -o-animation: turn2 .5s linear both;
	animation: turn2 .5s linear both;
}
@-webkit-keyframes turn2 {
    0% {       -webkit-transform: rotateX(0deg);    }
    100% {         -webkit-transform: rotateX(-90deg);    }
}
@-webkit-keyframes turn2 {
    0% {       -o-transform: rotateX(0deg);    }
    100% {         -o-transform: rotateX(-90deg);    }
}
@-webkit-keyframes turn2 {
    0% {       -moz-transform: rotateX(0deg);    }
    100% {         -moz-transform: rotateX(-90deg);    }
}
@keyframes turn2 {
    0% {	transform: rotateX(0deg);    }
    100% {         transform: rotateX(-90deg);    }
}
/* SHADOW */
div.play ul li.before .up .shadow {
    background: -moz-linear-gradient(top, rgba(9, 27, 60, .1) 0%, rgba(9, 27, 60, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(9, 27, 60, .1)), color-stop(100%, rgba(9, 27, 60, 1)));
    background: -o-linear-gradient(top, rgba(9, 27, 60, .1) 0%, rgba(9, 27, 60, 1) 100%);
    background: -ms-linear-gradient(top, rgba(9, 27, 60, .1) 0%, rgba(9, 27, 60, 1) 100%);
    background: linear-gradient(to bottom, rgba(9, 27, 60, .1) 0%, rgba(9, 27, 60, 1) 100%);
    
    -webkit-animation: show .2s linear both;
	-moz-animation: show .2s linear both;
	-o-animation: show .2s linear both;
	animation: show .5s linear both;
}
div.play ul li.active .up .shadow {
    background: -moz-linear-gradient(top, rgba(9, 27, 60, .1) 0%, rgba(9, 27, 60, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(9, 27, 60, .1)), color-stop(100%, rgba(9, 27, 60, 1)));
    background: -o-linear-gradient(top, rgba(9, 27, 60, .1) 0%, rgba(9, 27, 60, 1) 100%);
    background: -ms-linear-gradient(top, rgba(9, 27, 60, .1) 0%, rgba(9, 27, 60, 1) 100%);
    background: linear-gradient(to bottom, rgba(9, 27, 60, .1) 0%, rgba(9, 27, 60, 1) 100%);
    
	-webkit-animation: hide .2s .3s linear both;
	-moz-animation: hide .2s .3s linear both;
	-o-animation: hide .2s .3s linear both;
    animation: show .5s linear both;
}
/*DOWN*/
div.play ul li.before .down .shadow {
    background: -moz-linear-gradient(top, rgba(9, 27, 60, 1) 0%, rgba(9, 27, 60, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(9, 27, 60, 1)), color-stop(100%, rgba(9, 27, 60, .1)));
    background: -o-linear-gradient(top, rgba(9, 27, 60, 1) 0%, rgba(9, 27, 60, .1) 100%);
    background: -ms-linear-gradient(top, rgba(9, 27, 60, 1) 0%, rgba(9, 27, 60, .1) 100%);
    background: linear-gradient(to bottom, rgba(9, 27, 60, 1) 0%, rgba(9, 27, 60, .1) 100%);
    
    -webkit-animation: hide .2s .3s linear both;
    -moz-animation: hide .2s .3s linear both;
    -o-animation: hide .2s .3s linear both;
	animation: show .5s linear both;
}

div.play ul li.active .down .shadow {
    background: -moz-linear-gradient(top, rgba(9, 27, 60, 1) 0%, rgba(9, 27, 60, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(9, 27, 60, 1)), color-stop(100%, rgba(9, 27, 60, .1)));
    background: -o-linear-gradient(top, rgba(9, 27, 60, 1) 0%, rgba(9, 27, 60, .1) 100%);
    background: -ms-linear-gradient(top, rgba(9, 27, 60, 1) 0%, rgba(9, 27, 60, .1) 100%);
    background: linear-gradient(to bottom, rgba(9, 27, 60, 1) 0%, rgba(9, 27, 60, .1) 100%);
    
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    -o-animation: hide .5s .3s linear both;
	animation: show .5s linear both;
}
@-webkit-keyframes show {
    0% {        opacity: 0;    }
    100% {        opacity: 1;    }
}
@keyframes show {
    0% {        opacity: 0;    }
    100% {        opacity: 1;    }
}
@-webkit-keyframes hide {
    0% {        opacity: 1;    }
    100% {        opacity: 0;    }
}
@keyframes hide {
    0% {        opacity: 1;    }
    100% {        opacity: 0;    }
}
/*--------Testimonial Page Styles------*/
.impact-banner-content,
.test-banner-content {
	margin: 0 auto 13em auto;
	overflow: hidden;
	position: relative;
	top: 140px;
	width: 100%;
	height: 300px;
	z-index: 0;
}
.impact-banner-content {
background: #777 url('images/testimonial-bg.jpg') 50% / cover no-repeat;
}
.test-banner-content {
	background: #777 url('images/testimonial-bg.jpg') 50% / cover no-repeat;
}
.impact-banner-content .banner-image {
	top: 0;
	width: 100%;
}
.impact-banner-content .banner-image img {
	width: 100%;
	height: 300px;
}
.impact-banner-content .banner-text {
	margin: 0;
	width: 100%;	
}
.impact-banner-content .banner-text h1 {
	font-weight: bold;
	font-size: 200%;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 0em 0 0 10%;
}
.testimonial-network {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	height: 200px;
	z-index: 10;
}
.testimonial-network .hotspots img {
	display: none;
	margin: 5% auto 0 auto;
	width: 100%;
}
.testimonial-network .hotspots div {
	border: solid 5px transparent;
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	display: block;
	margin: auto;
	position: absolute;
	text-align: center;
	width: 110px;
	height: 110px;
	z-index: 50;
	-webkit-transform: scale( 0.7 );
	-moz-transform: scale( 0.7 );
	-o-transform: scale( 0.7 );
	-ms-transform: scale( 0.7 );
	transform: scale( 0.7 );
}
.testimonial-network .hotspots div.active-hotspot,
.testimonial-network .hotspots div:hover {
	border:solid 5px #fff;
	-webkit-box-shadow: -2px 2px 3px 1px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    -2px 2px 3px 1px #333;  /* Firefox 3.5 - 3.6 */
	box-shadow:         -2px 2px 3px 1px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	-webkit-transform: scale( 1 );
	-moz-transform: scale( 1 );
	-o-transform: scale( 1 );
	-ms-transform: scale( 1 );
	transform: scale( 1 );
    padding-bottom: 0%;	
	vertical-align: middle;
}
.testimonial-network .hotspots div a {
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	display: block;
	padding-bottom: 100%;
	width: 100%;
}
.testimonial-network .hotspots div,
.testimonial-network .hotspots div a  {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.testimonial-network .hotspots div.campus { left:4%; top:55%;}
.testimonial-network .hotspots div.int {left:32%; top:12%;}
.testimonial-network .hotspots div.workplace {right:0%; top:22%;}
/*--.testimonial-network .hotspots div.comm {right:0%; top:28%;}--*/

.testimonial-network .hotspots div a.p1 {background: #27aae1 url('images/icon-campus.png') no-repeat;background-position: center;background-size: 85%;}
.testimonial-network .hotspots div a.p2 {background: #27aae1 url('images/int-icon.png') no-repeat;background-position: center;background-size: 85%;}
.testimonial-network .hotspots div a.p3 {background: #27aae1 url('images/icon-wp.png') no-repeat;background-position: center;background-size: 85%;}
.testimonial-network .hotspots div a.p4 {background: #27aae1 url('images/icon-comm.png') no-repeat;background-position: center;background-size: 85%;}
/*---------------------*/
/*--------------------Testimonial Template styles-------------------*/
#testimonial-display {
	
	position: relative;
	margin: -2.5em auto 0 auto;
	max-width: 1100px;
}
#testimonial-display h3 {
	display: none;
	margin: -1em auto 0 auto;
}
#testimonial-display h3.shown,
div.shown {
	display: block;
}
.testimonial-widget {
	clear: both;
	margin: 0 auto;
	text-align: center;	
	width: 90%;
	position: relative;
}
.cycle-1 {
	margin: 0 auto;
	width:70%; 
}
.slideshow-1, .slideshow-2 { width: 100%;  margin: 0em auto }
.slideshow-1 {
	margin-top: -1em 0 0em 0;
	
}
.slideshow-1 .quote-bg{
	margin: 0em 5% 0 5%;
	position: absolute;
	text-align: center;
	width: 90%;
}
.slideshow-1 .quote-bg img{
	width: 40%;
}
.slideshow-1 .quote {
	font-size: 80%;	
	line-height: 150%;
	margin-top: .5em;
	min-height: 5em;
	padding-bottom: 5em;
}
.quote .byline {
	color: #939393;
}
.next2,
.prev2,
.prev,
.next {
	overflow: hidden;
	position: relative;
	top: -30px;
	width: 40px;
	z-index: 9995;
} 
.prev2,
.prev {
	float: left;
}
.next2,
.next {
	float: right;
}
.next img,
.next2 img{
	position: relative;
	left: -50px;
}
/*---------------------Campus Page------------------*/
#campus-content {
	clear: both;
	margin: 10em auto 0 auto;
	width: 84%;
}
#campus-content .left-content {
	float: none; 
	margin: 0 0 2em 0;
	width: 100%;
	text-align: center;
}
#campus-content .left-content h1 {
	font-size: 180%;
	letter-spacing: 1px;
	line-height: 100%;
	margin-top: -1.5em;
}
.case-studies-feed {
	padding: 1em 0;
}
.case-studies-feed a:link,
.case-studies-feed a:visited {
 	color: #27aae1;
	display: block;
	padding: .2em 0;
	text-decoration: none;
}
.case-studies-feed a:hover {
	color: #0c90c7;
}
#campus-content .left-content .number {
	font-size: 900%;
	font-family: TradeGothicBoldCN;
}
#campus-content .left-content p {
	border-top: solid 4px #27aae1;
	color: #939393;
	font-size: 90%;
	line-height: 130%;
	margin: 0 auto;
	padding-top: 1.5em;
}
#campus-content .left-content .fb-feed{
	border: solid thin #1d3a6d;
	height: auto;
	padding: .5em;
	text-align: left;
}
#campus-content .left-content .fb-feed p {
	border-top: none;
	color: #1d3a6d;
	font-size: 70%;
	line-height: 120%;
	padding-top: .5em;
}
#campus-content .left-content .fb-feed p.cff-date {
	font-size: 70%;
}
#campus-content .right-content {
	float: left;
	margin: 0 auto 1.5em auto;
	padding: 0px;
	width: 100%;
}
.campus-caption {
	display: none;
}
.campus-map {
	text-align:center;
	width: 100%;
}
.campus-list {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.campus-list > div{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-webkit-column-gap: 2em;
   	-moz-column-count: 3; /* Firefox */
	-moz-column-gap: 3;
   	column-count: 3;
	column-gap: 3em;
}
.campus-map > a,
.campus-list > div > a{
	color: #27aae1;
	display: block;
	font-size: 80%;
	line-height: 115%;
	margin: 0 0 1em 0;
	padding: 0px;
	text-decoration: none;
}
.campus-map .list-toggle a:hover,
.campus-list a:hover{
	clear: both; 
	text-decoration: none;
}
.campus-map .list-toggle a,
.campus-list .list-toggle a {
	clear:both;
	color: #27aae1;
	display: none;
	float: left;
	font-size: 90%;
	position: relative;
	left: 2em;
	text-decoration: none;
}
.campus-map a.listview {
	display: none;
	left: 4em;
}
.campus-map a.worldview {
	left: 4em;
	display: none;
}
.campus-list > div.list-toggle {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-webkit-column-gap: 0em;
   	-moz-column-count: 1; /* Firefox */
	-moz-column-gap: 0;
    column-count: 1;
	column-gap: 0;
}
.campus-list a.mapview {
	margin: 0 0 1em 0;
	left: 0em;
}
.map-wrapper {
	display: none;
	margin: 0 auto 1em auto;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 400px;
}
/*-------------------Image Table on the Campus Page-----------*/
.image-table {
	clear: both;
	color: #fff;
	display: table;
	margin: 1em auto 0 auto;
	width: 100%;	
	max-width: 680px;
}
.image-table img {
	width: 100%;
}
.image-table .col1 {	
	display: table-column;
	float: left;
	margin: 0;
	width: 40%;
}
.image-table a {
text-decoration: none;
}
.image-table a div {
	border: solid .3em #fff;
	position: relative;
}
.image-table .row1 a div {
	border-bottom: none;
}
.image-table .row2 a div {
	border-top: none;
}
.image-table p{
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 5%;
	font-size: 80%;
	font-weight: 600;
	margin: 1em auto;
	text-shadow: 2px 2px 5px #333;
	text-transform: uppercase;	
	width: 80%;
}
div.col2 {
	float: left;	
	width: 58.8%;	
}
.row1, .row2 {
	display: table-row;	
}
.row1 div {	
	border-bottom: none; 	
}
.row2 a  {	
	float: left;
	width: 50%;	
}
/*--------Campus Detail Styles----------*/
.campus-banner-list {
	color: #fff;
	position: relative;
	margin: 0 0 2em 10%;
	width: 80%;
	z-index: 8;
}
.campus-banner-list div {
	clear: both;
	float: left;
	margin: 0 0 1em 0;
	width: 100%;
}
.campus-banner-list div h4 {
	font-size: 90%;
	float: left;
	margin: 0 1em 0 0;
}
.campus-banner-list div p {
	font-size: 80%;
	line-height: 125%;
	width: 60%;
	float: left;
	margin: 0;
	padding: 0;
}
/*----campus details----*/
.campus-detail {
	margin: 0 auto;
	padding: 2em auto;
	width: 84%;
}
.campus-content {
	float: left;
	margin: 3em 0 1em 0;
	width: 100%;
}
h1.campus-link {
	margin: -1em 0 0 0;
}
/*--------------------News Feed Styles----------------*/
.campus-news {
	float: left;
	width: 100%;
}
.campus-news h3 {
	margin: 1em auto 1.5em auto;
	padding-top: 0em;
	text-align: left;
	text-transform: uppercase;
}
.campus-news .posts {
	float: left;
	margin: 1em 0 2em 0;
}
.campus-news > div {
	background-color: #fff;
	float: left;
	margin: 0 2% 1em 0;
	width: 47%;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  	-webkit-border-radius: 0px 0px 12px 12px; 
	-webkit-box-shadow: -2px 2px 3px 1px #ccc;  
 
	/* Firefox 1-3.6 */
 	-moz-border-radius: 0px 0px 12px 12px; 
 	-moz-box-shadow:    -2px 2px 3px 1px #ccc; 
 
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 	border-radius: 0px 0px 12px 12px; 
 	box-shadow:         -2px 2px 3px 1px #ccc; 
}
.campus-news div .news-thumb {
	-webkit-border-radius: 0px; 
 	-moz-border-radius: 0px; 
  	border-radius: 0px; 
	float: none;
	width: 100%;
}
.campus-news div .news-thumb img {
	width: 100%;
	height: 100%;
}
.campus-news div .date {
	color: #333;
	font-weight: bold;
	font-size: 90%;
	line-height: 120%;
	margin: 1em auto 0em auto; 
	text-transform: uppercase;
}
.campus-news div h4 {
	clear: both;
	margin: .5em auto .5em auto;
	width: 80%;
}
.campus-news div h4 a {
	color: #27aae1;
	margin-bottom: .5em;
	text-decoration: none;
}
.campus-news div h4 a:hover {
	text-decoration: underline;
}
.campus-news div p {
	color: #939393;
	font-size: 82%;
	line-height: 130%;
	margin: 0em auto 4em auto;
	width: 80%;
}
/*-------Featured Student------*/
.featured-student {
	float:left;
	width: 100%; 
	margin: 0 0 2em 0;
}
.featured-student .left-side {
	float: left;
	width:40%;
	text-align: center;
}
.featured-student .right-side {
	float: left;
	margin: 0 0 0 5%;
	width: 55%;
}
.left-side .portrait {
	border: solid 3px #1d3a6d;
    -moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	margin: 0 auto;
	overflow: hidden;
	width: 220px;
	height: 220px;
}
.left-side .portrait img {
	width: 100%;
}
.left-side .student-name {
	font-weight: bold;
	margin: 1em 0 0 0;
}
.right-side h3 {
	margin: 0;
	text-align: left;
}
.right-side p {
	color: #939393;
	font-size: 82%;
	line-height: 130%;
}
.student-quote-box {
	clear: both;
	font-weight: bold;
	font-size: 150%;
	line-height: 130%;
	margin: 0 10% 1em 0;
	position: relative;
	width: 85%;
	min-height: 200px;
}
.student-quote-box img {
	position: absolute;
	right: 5%;
}
.student-quote {
	padding: 1.5em 0 0 0;
}
.student-quote span {
	color: #939393;
	font-size: 70%;
}
/*-----------Get Involved Pages-----------*/
#involved-content {
	background: #333;
	margin: 120px 0 0 0;
	padding: 0px;
	width: 100%;
}
#involved-content .banner-text{
	margin: 0px;
	position: relative;
	padding: 1em 0 1.5em 0;
}
.donate-cont,
.contact-cont {
	color: #fff;
	min-height: 600px;
}
.contact-cont {
	background: url('images/contact-bg.jpg') no-repeat;
	background-position: 30% 0;
}
.donate-cont {
	background: url('images/donate-bg.jpg') no-repeat;
	background-position: 30% 0;
	width: 100%;
	margin: 0;
}
.donate-cont p {
	color: #ddd;
}
.donate-cont h1 {
	width: 90%;
	margin: 0 auto 1em auto;
}
.donate-cont form {
	width: 50%;
	margin: -2em auto 0 auto;
}
.contact-cont h1 {
	padding-bottom: 1em;
}
.news-cont {
	background: url('images/newsletter-bg.jpg') no-repeat;
	background-position: 30% 0;
	color: #fff;
}
.donate-cont .page-content ,
.news-cont .page-content,
.contact-cont .page-content {
	width: 90%;
	margin: 1.5em auto;
}
.donate-cont .banner-text {
	margin: auto;
	width: 90%;
}
.support h3 {
	margin-top: 2em;
}
.donors {
	font-size: 80%;
	width: 90%;
	margin: 1em auto;
}
.news-cont .page-content h4,
.contact-cont .page-content h4 {
	font-size: 90%;
	font-weight: 200;
	line-height: 150%;
	margin: 2em 0 2em 0em;
}
.opps {
	margin: 11em auto 0 auto;
}
.opps .entry {
	margin: 0em auto 1em auto;
}
.opp-text {
	margin: 0em auto;
	width: 84%;
}
.opp-text h4 {
	margin: 0;
	}
.opp-text p {
	margin: 0;
	padding: 0;
}
/*------------workplace, contact and newsletter (expanded) form styles-----------*/
.workplace-form {
	border: solid thin #27aae1;
	font-size: 75%;
	margin: 2em auto;	
	width: 84%;
}
#FSContact4 {
	width: 100%;
}
.workplace-form p {
	margin-bottom: -1em;
}
.workplace-form .fscf-input-text {
	width: 90%;
}
.workplace-form .fscf-div-field {
	margin: 0 auto 1em auto;
	padding: 0;
	width: 84%;
	 vertical-align: bottom;
}
.fscf-div-field input {
	vertical-align: top;
	position: relative;
	top: 1px;
}
.fscf-div-field label {
	vertical-align: top;
}
h4.form-intro {
	font-size: 110%;
	padding-top: 3em;
	margin-bottom: 2em;
	width: 90%;
}
#fscf_required4 {
	margin: 0 auto 2em auto;
	width: 84%;
}
#fscf_captcha_image_div4,
#fscf_captcha_field4,
#fscf_submit_div4 {
	width: 80%;
	margin: 0 auto;
}
#fscf_submit_div4 {
	padding-bottom: 1em;
}
#fscf_form_error4 {
	width: 100%;
	padding: 1em 0;
}
.fscf-div-error {
	color: #f6df91;
	font-size: 70%;
	line-height: 150%;
	padding: 0;
}

.workplace-form input[type=submit]  {
	background-color: transparent;
	background: url('images/submit-btn-bl.jpg') no-repeat;
	background-position: center;
	background-size: 100%;
	border: none;
	color: transparent;
	cursor: pointer;	
	margin-top: 3em;
	width: 150px;
	height: 60px;
}
.sign-up-area,
.contact-form {
	font-size: 90%;
	letter-spacing: 2px;
	color: #999;
	margin-bottom: 2em;
	text-transform: uppercase;
	width: 90%;
}
.sign-up-area .fscf-div-field-left,
.contact-form .fscf-div-field-left {
	border-bottom: solid 2px #fff;
	padding-top: 2em;
	padding-bottom: .5em;
}
.sign-up-area .fscf-div-label,
.contact-form .fscf-div-label {
	float: left;
}
.contact-form #fscf_div_field1_3 .fscf-div-label {
	clear: both;
	width: 100%;
}
.contact-form #fscf_div_field1_3 {
	border-bottom: none;
}
.contact-form .fscf-input-textarea {
	background-color: transparent;
	border: solid 2px #fff;
	color: #fff;
	font-size: 90%;
	padding: 1em;
	width: 92%;
}
.contact-form .fscf-input-textarea:focus {
	background-color: rgba(198, 198, 198, .7);
}
.sign-up-area input[type="text"],
.contact-form input[type="text"]{
	color: #fff;
	font-size: 90%;
	margin: -1em 0 0 1em;
}
.sign-up-area .fscf-input-text,
.contact-form .fscf-input-text {
	background-color: transparent;
	border: none;
}
#fscf_captcha_field1 label {
	margin-bottom: .5em;
}
#fscf_label2_4 {
	margin: 1em 0;
}
#fscf_div_field2_4 {
	border: none;
}
#fscf_div_field2_4 > div {
	clear: both;
	width: 100%;
}
#fscf_div_field2_4 span {
	display: block;
	line-height: 18px;
}
.fscf-option-label {
	display: inline-block;
	margin: 4px 0 0 0;
	width: 80%;
}
.sign-up-area input[type=radio] {
	display: inline-block;
	vertical-align: top;
}
.sign-up-area input[type=submit]  {
	background-color: transparent;
	background: url('images/sign-up-btn.png') no-repeat;
	background-position: center;
	border: none;
	color: transparent;
	cursor: pointer;	
	margin-top: 1.5em;
	width: 185px;
	height: 60px;
}
.contact-form input[type="submit"]{
	background: url('images/send-btn.png') no-repeat;
	border: none;
	clear: both;
	color: transparent;
	cursor: pointer;
	margin: 2em 65% 0 0;
	width: 150px;
	height: 60px;
}
#fscf_captcha_image_div1 {
	width: 30%;
	float: none;
}
#fscf_captcha_field1 {
	margin: 1em 0 .5em 5%;
	width: 80%;
	float: none;
}
#fscf_captcha_field1 .fscf-label {
	clear: none;
	float: left;
	padding: 0 0 .5em 0;
	width: 100%;
}
#fscf_captcha_code1 {
	color: #333;
}
/*------------newsletter page styles--------------*/
.news-cont .news-feed {
	background: #fff;
}
.news-cont .news-feed h3 {
	color: #1d3a6d;
}
.news-cont .button {
	cursor: pointer;
}
.news-cont .page-content {
	
}
.sign-up-area {
	display: none;
	position: relative;
}
.sign-up-area .closing {
	border-radius: 100%;
	background-color: rgba(198, 198, 198, .3);
	cursor: pointer;
	font-size: 150%;
	position: absolute;
	bottom: 30px;
	right: 0px;
	text-align: center;
	width: 50px;
	height: 50px;
}
.sign-up-area .closing p{
	color: #333;
	line-height: 50px;
}
.news-date-menu {
	color: #1d3a6d;
	margin: -3em auto 1em auto;
	text-align: center;
	width: 84%;
}
.news-date-menu li {
	display: inline-block;
	padding: 0 1em;
}
.news-date-menu li:first-child {
	letter-spacing: 1px;
}
li a.active {
	border-bottom: solid 3px #27aae1;
	font-weight: bold;
}
.news-date-menu a {
	color: #27aae1;
	font-size: 90%;
	padding-bottom: .1em;
	text-decoration: none;
}
.news-date-menu a:hover {}
.news-cont .posts > div {
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  	-webkit-border-radius: 0px 0px 12px 12px; 
	-webkit-box-shadow: -2px 2px 3px 1px #ccc;  
 
/* Firefox 1-3.6 */
  	-moz-border-radius: 0px 0px 12px 12px; 
 	-moz-box-shadow:    -2px 2px 3px 1px #ccc; 
 
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  	border-radius: 0px 0px 12px 12px; 
 	box-shadow:         -2px 2px 3px 1px #ccc; 
}
.news-cont .news-feed h3 {
	color: #fff;	
	margin: 1em auto;
	padding-top: 2em;
	text-align: center;
}

.news-cont .news-feed .posts {
	float: left;
	margin: 1em 5% 2em 5%;
	width: 90%;
}
.news-cont .news-feed .posts > div {
	background-color: #fff;
	float: left;
	margin: 0 0 1em 0;
	width: 100%;
  	-webkit-border-radius: 12px; 
 	-moz-border-radius: 12px; 
 	border-radius: 12px; 	
}
.news-cont .events-feed .posts > div {
	-webkit-box-shadow: -2px 2px 3px 1px #ccc;  
 	-moz-box-shadow:    -2px 2px 3px 1px #ccc; 
 	box-shadow:         -2px 2px 3px 1px #ccc; 
}
.news-cont .news-feed .posts .news-thumb {
	display: none;
}
.news-cont .news-feed .posts .news-thumb img {
	width: 100%;
	height: auto;
}
.news-cont .news-feed .posts .date {
	color: #333;
	font-size: 95%;
	line-height: 120%;
	margin: 1em auto 0em auto; 
	text-transform: uppercase;
}
.news-cont .news-feed .posts h4 {
	clear: both;
	font-size: 80%;
	margin: .5em auto .5em auto;
	width: 90%;
}
.news-cont .news-feed .posts h4 a:visited,
.news-cont .news-feed .posts h4 a:link {
	color: #27aae1;
	margin-bottom: .5em;
	text-decoration: none;
}
.news-cont .news-feed .posts p {
	color: #9ea6b2;
	font-size: 80%;
	line-height: 150%;
	margin: 0em auto 2em auto;
	width: 90%;	
}
/*----------SD Process---------*/
.process-container h3 {
	margin-top: 1.5em;
}
.process-container p {
	color: #1d3a6d;
	padding-bottom: 0;
	width: 90%;
}
section {
    overflow: hidden;
    width: 100%;
}
.border {	
	position: absolute;
	left: 12.4%;
    	top: 0px;
    	z-index: 9999;
}
.bg-border {
	background: url('images/border.png') no-repeat;
	margin: 0 auto;
	background-position-x: 16%;	
}
#animate-me {
margin: 0;
}
#logo-type {
    margin: 0 0 0 11.5%;
}
.main-container {
	width: 100%;
 	 margin: 1em 0 0em 0;
}
.main-container-2 {
	margin: 2em 0 1em 0;
}
.delay-show {
	float: left;
  	width: 70%;
  	padding-left: 0%;
}
.delay-show h2 {
    	color: #1d3a6d;
	font-size: 100%;
   	padding-top: 0em;
	margin: .5em 0 .5em 0;
}
.delay-show p {	
	margin: 0 0 1em 0;
	padding: 0;
}
.pullUp, .pullDown, .stretchLeft, .stretchRight {
    background: url("images/process/5.png") no-repeat scroll center bottom;
    background-image: none !important;
    border-radius: 24px;
}
#example-4 .example-container .stretchRight {
    background-color: transparent !important;
}
.bounce, .pulse, .floating, .tossing, .pullUp, .pullDown, .stretchLeft, .stretchRight {
    visibility: visible !important;
}
.example-container {
    margin:  0em; 
    padding: 0;
}
.example-container::after {
    clear: both;
    content: "";
    display: table;
}
.example-container .image-box {	
	float: left;
   	margin-top: 0em;
	margin-left: 4%;
   	visibility: hidden;
	text-align: center;
    	width: 25%;
	height: 110px;
}
.example-container ul li,
.example-container p {
	font-size: 90%;
}
.example-container ul {
	padding: 0;
	margin: 0;
}
.example-container ul li {
	letter-spacing: 0px;
	line-height: 150%;
	margin: 0 0 1em 0;
	padding: 0 2em 0 0;
}
.example-container ul li span {
	color: #27aae1;
	font-weight: bold;
	font-size: 105%;
	line-height: 140%;	
}
#intro {
	margin: 0 auto;
   	padding: .5em 0 0 0;
	width: 100%;
	}
#intro img#object {
	 width: 90px;
	margin: 0;
	padding: 0;
	}
#example-1 {
	margin: 0 auto;
    	padding: 0;
	width: 100%;
}
#example-1 .image-box {
	margin-top:1em;
}
#example-1 img#phone {   	
    	width: 60px;
	margin: 0 0 0 -.5em;	
}
.main-container-2 #example-1 .image-box {
	margin-top: .5em;
}
.main-container-2 #example-1 img#phone {
	margin: 0 0 0 -.4em;
}
.main-container-2 #example-1 p {
	padding-top: 1em;
}
#example-2 {
    	margin: 0 auto;
    	padding: 0;
	width: 100%;  
}
#example-2 .image-box {
	margin-top: 0em;
}
#example-2 img#pin {
	width: 60px;
 	margin: 1.2em 0 0 -.3em;	
}
.main-container-2 #example-2 img#pin {
	margin-top: 0em;
}
#example-3 {
	margin: 0 auto;
    	padding: 0;
	width: 100%;  
}
#example-3 .image-box {
	margin-top: 1.4em;
}
#example-3 #pop-up-message {
    margin: 0 0 0 -.4em;
    max-width: 60px;      
}
.main-container-2 #example-3 .image-box {
	margin-top: .5em;
}
#example-5 {
	margin: 0 auto;
    	padding: 0;
	width: 100%;  
}
#example-5 .image-box {
	margin-top: .5em;
}
#example-5 #graph-bar {
    margin-left:1.3em;
padding-top: 0em;
   width: 90px;        
}
.main-container-2 #example-5 #graph-bar {
    margin-left:1em;
padding-top: 0em;
   width: 90px;        
}
.main-container-2 #example-5 .image-box {
	margin-top: .5em;
}
.main-container-2 #example-5 p {
	padding-top: .2em;
}
#example-6 {
	margin: 0 auto;
    	padding: 0;
	width: 100%;  
}
#example-6 .image-box {
	margin-top: .5em;
}
#example-6 #six {
    margin-left:-.5em;
padding-top: 0em;
   width: 110px;        
}
.main-container-2 #example-6 .image-box {
	margin-top: .5em;
}
.main-container-2 #example-6 p {
	padding-top: 2em;
}
/*---------------------------Responsive Change Points---------------------------------*/
/*----------Small to Mid Adjustments---------------*/
@media only screen and (min-width : 32em){
.books {/*-----books page-------*/
	margin: 2em auto;
	width: 84%;
}
.book-post .thumbnail {
	float: left;
	margin: 0 12% 0 0;
	width: 18%;
}
.book-post .post-text{
	margin: 0em 0 0 0;
	width: 100%;
}
.book-post .post-text p {
	color: #939393;
	width: 100%;
}
.book-post .post-text p.author {
	font-weight: bold;
	font-style: italic;
}
.book-entry .thumbnail-left {
	float: left;
	margin: 0 5% 1em 0;	
	width: 25%;
}
.book-entry .thumbnail-left img {
	width: 100%;
	height: auto;
}
.book-entry p {
	width: 100%;
}
.right-image-box {
	float: right;
	margin: 1em 5% 1em 0;
	padding: 0 0 0 1em;
	max-width: 300px;
	width: 40%;
}
.left-image {
	
	float: left;
	margin: 0 auto 1em 0;
	padding: 0 1em 0 0;
	max-width: 300px;
	width: 40%;
}
.our-networks {
	margin-top: -5em;
}
.our-networks .hotspots div {
	width: 150px;
	height: 150px;
}
.our-networks .hotspots div.campus {left:3%; top:31%;}
.our-networks .hotspots div.int {left:25%; top:17%;}
.our-networks .hotspots div.workplace {right:21%; top:34%;}
.our-networks .hotspots div.comm {right:-2%; top:20%;}
.our-networks .hotspots div a.p1 {background: #27aae1 url('images/icon-campus.png') no-repeat;background-position: center;}
.our-networks .hotspots div a.p2 {background: #27aae1 url('images/int-icon.png') no-repeat;background-position: center;}
.our-networks .hotspots div a.p3 {background: #27aae1 url('images/icon-wp.png') no-repeat;background-position: center;}
.our-networks .hotspots div a.p4 {background: #27aae1 url('images/icon-comm.png') no-repeat;background-position: center;}
/*---end network image map styles---*/
}
/*-----------------------------Begin Mid-Size Styles-----------*/
@media only screen and (min-width : 42em){
body {
	font-size: 18px;
}
h3 {
	font-size: 140%;
	width: 84%;
}
.opps {
	padding-top: 2em;
}
.entry h4 {
	width: 84%;
	max-width: 1100px;
}
.entry p {
	width: 84%;	
}
.entry ol,
.entry  ul {
	width: 84%;	
}
.entry ol {
	width: 70%;
	margin: 2em auto;
}
.page-content {
	margin-top: 11.5em;
}
.blue-bg h3 {
	margin: 0em auto .5em auto;
}
.blue-bg h4 {
	padding: .5em 0 0 0;
}

ul.relationship {
	margin: 0 auto .5em auto;
	width: 100%;
}
li.square-btn {
	background: rgba(39,170,225,.8);
	font-size: 95%;
	width: 25%;
}
.btns {	
	width: 90%;
}
.expand-btn {
	display: inline-block;
	margin: -100px .5% 0 .5%;
	vertical-align: top;
	width: 36%;
}
.expand-btn:hover div {
	bottom: 0;
}
.expand-btn div {
  	bottom: -135px; 
	height: 190px;
}
.expand-btn h3 {
	font-size: 120%;
	margin: .8em auto;	
	position: relative;
}
.expand-btn p {
	color: #fff;
	font-size: 85%;
	padding-top: 2em;
	width: 70%;
	margin: 0 auto;
}
.expand-btn h3:after{
  content : "";
  position: absolute;
  left    : 40%;
  bottom  : -1.5em;
  height  : 5px;
  width   : 20%;
  border-top: 3px solid #fff;
}
/*-----SD Tables------*/
.tables {
	position: relative;
	top:-30px;
	width: 84%;
	margin: 2em auto;
	max-width: 1100px;
}
.program-table {
	margin: 1em auto;
	
}
.program-table h4 {
	background: rgba(39,170,225,.8);
	color: #fff;
	cursor: pointer;
	font-size: 100%;
	line-height: 40px;
	padding: 0 2%;
	margin: 0;
	width: 96%;
	text-align: center;
	height: 40px;
}
.program-table table {
	
	font-size: 100%;
	margin: 0 auto;
	width: 100%;
}
.program-table table th,
.program-table table td {
	border-bottom: solid 1px #27aae1;
	border-collapse: collapse;
	padding: .8em;
	vertical-align: top;
}
.program-table table td:first-child {
	font-size: 90%;
	font-weight: bold;
}
/*---------------------------------------------*/
/*--------------Header Styles------------------*/
header {	
	float: left;
	margin: -1.8em 0 0 0;	
}
#top {
	margin: 0px;
	padding: 0px;
	
}
#logo-box {	
	float: left;	
	margin: 2em 0 -.4em 2%;
	text-align: left;
	width: 160px;
	height: 100px;
}
#logo-box img {
	float: left;
}
/*-----------navbar styles------------*/
.help-nav {	
	height: 90px;	
}
.help-nav .searchform {
	display: block;
}
/*----------end navbar styles-------------*/
/*---------------------------------------------*/
/*--search form styles---*/
#top .searchform {
	display: block;
	float: left;
	position: absolute;
	top: 5px;
	right: 3%;
	margin: 0em 0 0 0;
	width: 55px;
}
#top .searchform div {
	background: url('images/search-sprite.png') no-repeat;
	background-position: 5px 0;
	float: right;
	overflow: hidden;
	/* HOVER OFF */
	width:55px;
	height: 55px;
}
#top .searchform div:hover {
	overflow: visible;
	background-color: #27aae1;
	float: right;
	/* HOVER ON */
	background: url('images/search-sprite.png') no-repeat;
	background-position: -50px 0;
	width:245px;
	height: 55px;
}

#searchpage {
	margin: 2em auto;
}
#searchpage p {
	margin: .5em 0;
	text-align: left;
}
/*--------------------------------------------------*/
/*-----------slider and banner styles----------------*/
.banner-content {	
	margin-bottom: 0em;		
	top: 168px;
}
.banner-small {		
	top: 168px;
}
.banner-small .banner-text{
	top: 1.5em;
}
.banner-image {
	top: 0px;
}

.banner-text {
	margin: 3em 0 2em 5%;	
}
.banner-text h1 {
	font-size: 270%;
	width: 100%;
}

.banner-text p {
	font-size: 90%;
}
.slider-content {
	background-color: #fff;
	border-bottom: none;	
	height: 300px;	
	top: 168px;
	padding-bottom: 0em;
}
.home-slider .cycle-slideshow{
	clear: both;
	height: 300px;
}
.home-slider .cycle-slideshow .slide {
	min-height: 300px;
	text-align: left;
}

.home-slider .cycle-slideshow .slide-image {
	width: 100%;
	max-height: 100%;
}
.home-slider .cycle-slideshow img { 
	width: 100%; 
	height: auto;
} 
.home-slider .cycle-slideshow .slide-text {
	margin: 7em auto 0 5%;
	width: 80%;
}
.home-slider .slide-text h2 {
	font-size: 210%;
	line-height: 110%;
}
.home-slider .slide-text p {
	font-size: 100%;
	margin: .5em 0;
	width: 90%;
}
.home-slider .slide-text a {
	margin: 0;
}
.home-slider .cycle-pager {
	border: none;
	clear: none;
	margin: -3em auto 0 5%;
	text-align: right;
	width: 90%;
}
.cycle-pager span { 
	width: 10px;
	height: 10px;
	margin: 0 10px;
}
.cycle-pager > * { 
	cursor: pointer;
}
/*----end banner and slider styles------*/
/*------------------Contact Us-------------------------*/

.contact-us div {
	margin: 1.5em 20% 0em 20%;
	width: 60%;
	max-width: 1000px;		
}
.contact-us p {
	float: left;
	width: 70%;
}
.contact-us a:link {
	float: left;
	width: 30%;
}
.contact-us a.view-test:link {
	display: block;
	float: none;
	margin: 0 auto;
	width: 30%;
	text-align: center;
}
/*--------------------------------------------------------*/
/*---------------------footer styles----------------*/
.sign-up {
	width: 60%;
}
.footernav {
	font-size: 88%;
	color: #fff;
	display: block;
	margin: 2em auto;
	width: 70%;
	max-width: 1000px;
}
.footernav > div {
	margin: 0;
	padding: 0;
	float: left;
	width: 33%;
	max-width: 333px;
	vertical-align: top;
}
.footernav > div ul {
	width: 80%;
	margin: 0 10%;
}
.footernav li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	width: 100%;
}
.footer-links li.footer-header {
	font-weight: bold;
	font-size: 90%;
	padding: 2.2em 0 .75em 0;
	text-transform: uppercase;
}
.footer-links li.footer-header a:hover {
	color: #fff;
}
.footer-links li {
	font-size: 85%;
	padding: 0 0 8px 0;
}
.footer-links li a {
	color: #fff;
}
.footer-links li a:hover {
	color: #7bd4fa;
}
.contact-info {
	float: left;
	margin: 0 0 1em 5%;
	padding: 1.5em 0;
	width: 40%;
}
.social-links {
	float: right;
	margin-top: 2.2em;
	padding-right: 5px;
	width: 40%;
}
#copyright {
	font-size: 65%;
	padding: 0 0 .5em 7%;
	margin: 0em;
	width: 93%;
}
/*--------------------------------------------------------*/
/*--------------------About Page Styles------------------*/
.about-history {
	margin: 2em auto;
	width: 78%;
}
.about-history .image-box-top {
	display: block;
	float: left;
	margin: .2em 2em 1em 0;
	width: 40%;
}
.about-history .image-box-bottom {
	display: none;
}
.about-history .image-box-vert {
	float: left;
	margin: 0 2em 0 0;
	width: 120px;
}
.about-history .image-box-vert img{
	min-width: 0;
}
.about-history img {
	max-width: 475px;
}
.about-history h3 {
	text-align: left;
}
.about-history p {
	margin: 0;
	width: 100%;
}
.programs .entry {
	float: left;
	width: 55%;
}
.programs .image-box-right {
	float: left;
	margin: 0 5% 0 0;
	width: 30%;
}
/*----------------Meet Team Widget on Main About Us Page-------------------*/
#slideshow-1,#slideshow-2 { width: 90%;  margin: 1em auto; }
#slideshow-1 div.quote {
	font-size: 83%;
	line-height: 160%;
	font-weight: 300;
	margin-top: 0em;
	min-height: 5em;
	padding-bottom: 2em;
}
.carousel-thumb {
	text-align: center;
}
.carousel-thumb h4 {
	color: #27aae1;
	font-weight: bold;
	font-size: 90%;
	margin: 1em auto .5em auto;
	padding: 0;
	text-align: center;
	width: 90%;
}
.carousel-thumb p {
	font-size: 80%;
	font-style: italic;
}
.cycle-slideshow img { width: 100%; height: auto; display: block; }
.meet-staff-button {
	margin: 1.5em auto;
	text-align: center;
	width: 90%;	
}
#cycle-2 .cycle-slide div { width: 150px; height: 188px;}
/*------------------------------------------------*/
/*-----------services page styles
.services-section {
	max-width: 1100px;
}
.services-section div.svc-img {
	float: left;
	width: 30%;
}
.services-section div.svc-img img {
	width: 100%;
}
.svc-text {
	float: left;
	width: 65%;
}
.services-section h3 {
	margin: 0 auto 0 auto;
	text-align: left;
}
.services-section p {
	font-size: 90%;
	text-align: left;
}------------*/
/*----services template styles----*/
.our-services-no-sp {
padding-top: 1.5em;
}
div.our-services {
	margin: 0;
	
}
.our-services-no-sp > div,
div.our-services > div {
	margin: 0em auto 2em auto;
	padding: 0;
	width: 84%;
	max-width: 1000px;
}
.our-services-no-sp .service, 
div.our-services .service {
	float: left;
	width: 48%;
	margin: 0 1% -1em 1%;
}
div.service div.icon,
div.service div.icon a {
	width: 200px;
	height: 200px;
}
div.service div.edu a {
	background: url('images/services-icons.png') no-repeat 0px 0px;
}
div.service div.edu a:hover {
	background: url('images/services-icons.png') no-repeat -200px 0px;
}
div.service div.consult a {
	background: url('images/services-icons.png') no-repeat -793px 0px;
}
div.service div.consult a:hover {
	background: url('images/services-icons.png') no-repeat -991px 0px;
}
div.service>p {
	font-size: 85%;
	width: 84%;
}
/*------end service template styles----------*/
/*--------------------Home Page News Feed Styles----------------*/
.news-feed h3 {
	padding-top: 1.5em;
}
.events-feed .posts,
.news-feed .posts {
	float: none;
	margin: -2em auto 2em auto;
	width: 84%;
	max-width: 1100px;
}
.events-feed .posts > div,
.news-feed .posts > div {
	margin: 0 1% 1em 1%;
	padding-bottom: 1em;
	width: 31.3%;
 	border-radius: 0px 0px 12px 12px; 
	
}
.events-feed .posts .news-thumb,
.news-feed .posts .news-thumb {
	display: block;
	float: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 100%;
  	-webkit-border-radius: 0px; 
  	-moz-border-radius: 0px; 
  	border-radius: 0px; 
	text-align: center;
}
.events-feed .posts .news-thumb img,
.news-feed .posts .news-thumb img {
	width: 100%;
}
.events-feed .posts .date,
.news-feed .posts .date {
	font-size: 90%;
}
.events-feed .posts h4,
.news-feed .posts h4 {
	width: 80%;
}
.events-feed .posts p,
.news-feed .posts p {
	font-size: 65%;
	width: 80%;
}
/*------------------Image Banner Tiled--------------------*/
.image-banner {
	background-color: #ddd;
	width: 100%;
	max-height: 250px;
	overflow: hidden;
}
.image-banner div {
	width: 33.33333%;
	float: left;
	position: relative;
}
.image-banner div img {
	width: 100%;
}
/*---------------Staff Section Template Styles---------------*/
.staff-widget h3 {
	margin-top: -.5em;
}
.staff-section {
	margin: 11.5em auto 1em auto;
	width: 80%;
}
ul.team-roles li {
	border: none;
	border-radius: 0;
	display: inline-block;
	font-size: 95%;
	padding: 0 1em;
}
li.selected {
	background: none;
}
ul.team-roles a {
	padding: 0 0 .1em 0;
}
ul.team-roles .active {
	border-bottom: solid 3px #27aae1;
	font-weight: bold;
}
ul.team-roles .show {
	display: inline-block;
	font-weight: bold;
}
div.team-members {
	margin: 2em auto;
}
div.team-members .left-col {
	float: left;
	margin-right: 1%;
	text-align: center;
	width: 33%;
}
.left-col .thumbnail {
	float: none;
	margin: 0 auto;
	width: 150px;
	height: 188px;
}
.left-col .thumbnail img {
	height: auto;
	width: 100%;
}
.left-col h4 {
	float: none;
	margin: 0 auto;
	width: 90%;
}
.left-col .arrows {
	display: none;
}
.left-col p {
	
	float: none;
	margin: .5em auto 0 auto;
	text-align: center;
	width: 90%;
}
div.team-members div .post-content {
	clear: none;
	display: block;
	color: #939393;
	float: left;
	font-size: 90%;
	line-height: 150%;
	margin: -1em 0 0 4%;
	padding: 0;
	width: 60%;
	text-align: left;
}

/*--------------- Our Work styles ----------------*/
/*-------network image map----------*/
.our-networks {
	top: -1em;
	margin-bottom: -3em;
}
.our-networks img {
	height: 400px;
}
.our-networks .hotspots div {
	width: 170px;
	height: 170px;
}
.our-networks .hotspots div.active-hotspot,
.our-networks .hotspots div:hover {
	-webkit-box-shadow: -2px 2px 3px 1px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    -2px 2px 3px 1px #333;  /* Firefox 3.5 - 3.6 */
	box-shadow:         -2px 2px 3px 1px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.our-networks .hotspots div.campus {left:7%; top:44%;}
.our-networks .hotspots div.int {left:30%; top:25%;}
.our-networks .hotspots div.workplace {right:30%; top:42%;}
.our-networks .hotspots div.comm {right:5%; top:30%;}
.our-networks .hotspots div a.p1 {background: #27aae1 url('images/icon-campus.png') no-repeat;background-position: center;}
.our-networks .hotspots div a.p2 {background: #27aae1 url('images/int-icon.png') no-repeat;background-position: center;}
.our-networks .hotspots div a.p3 {background: #27aae1 url('images/icon-wp.png') no-repeat;background-position: center;}
.our-networks .hotspots div a.p4 {background: #27aae1 url('images/icon-comm.png') no-repeat;background-position: center;}
/*---end network image map styles---*/
/*----------services styles on the work page--------*/
.work-services div.service div.icon {
	width: 200px;
	height: 200px;
}
.work-services a.learn-more-bl {
	clear: both;
	padding: 2em 0 2em 0;
}
.work-services div.service div.edu a {
	background: url('images/services-icons.png') no-repeat 3px 0px;
}
/*.work-services div.service div.edu a:hover {
background: url('images/services-icons.png') no-repeat -197px 0px;

}*/
.work-services div.service div.consult a {
	background: url('images/services-icons.png') no-repeat -797px 0px;
}
/*.work-services div.service div.consult a:hover {
background: url('images/services-icons.png') no-repeat -995px 0px;

}*/
/*------------------------------------------------*/
/*-------events page and pubs/articles template styles--------*/
.pubs-articles,
.event-list {/*--our work page--*/
	background: #f1f2f4;
	margin-bottom: -2.1em;
}
.pubs-articles h3,
.event-list h3 {
	margin: 1em auto;
	
}
.pubs-articles > div,
.event-list > div {
	margin: 3em auto 1em auto;
	width: 90%;
}
.pubs-articles .post,
.event-list .post {	
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 0 0 1em 0;
	text-align: left;
	max-width: 1100px;
}
.pubs-articles .thumbnail,
.event-list .thumbnail {
	float: left;
	margin: 0 3% 0 3%;
	width: 240px;
}
.pubs-articles .thumbnail img,
.event-list .thumbnail img {
	width: 100%;
}
.pubs-articles h4,
.event-list h4 {
	margin: 0 auto .3em auto;
}
.pubs-articles h4 a,
.event-list h4 a{
	color: #27aae1;
	text-decoration: none;
}
.pubs-articles .post-text,
.event-list .post-text {
	float: left;
	margin: 0;
	padding: 0;
	width: 53%;
}
.pubs-section p,
.event-list p {
	color: #939393;
	font-size: 85%;
	line-height: 130%;
	letter-spacing: 1px;
}
.pubs-articles p.author {
	margin: 0;
	width: 70%;
	text-align: left;
}
.pubs-articles .button {
	margin: 1em auto 0 auto;
}
/*---------Publications Template Styles------*/
.pubs-section {/*--publications page--*/
	padding: 9em 0 1.5em 0;
}
.pubs-section .post {
	float: left;
	margin: 0;
	width: 33.3%;
}
.pubs-section .post p,
.pubs-section .post h4 {
width: 90%;
margin: .5em auto;
}
.pubs-section p.author{
	margin: 0 auto;	
}
.books {/*-----books page-------*/
	margin: 2em auto;
	padding-top: 250px;
	width: 84%;
}
.thumbnail-left,
.book-post .thumbnail {
	float: left;
	margin: 0 3% 0 0;
	width: 18%;
}
.book-post .post-text{
	margin: 0em 0 0 0;
	width: 100%;
}
.book-post .post-text p {
	color: #939393;
}
.book-post .post-text p.author {
	font-weight: bold;
	font-style: italic;
}
/*------------------------------------------------------*/
/*-----Single Post Template styles----*/
#breadcrumb {
	
}

.page-content-single h4 {
	font-size: 90%;
	margin: .5em auto 2em auto;
}
.page-content-single p {
	line-height: 150%;
}
/*----------------------------------------------------*/
/*-----------Impact and Alumni Page Styles----------*/
.impact-content {
	margin: 5em auto 0 auto;
	width: 84%;
}
.impact-sidebar {
	float: left;
	width: 25%;
}
.impact-content .page-content {
	margin: 0 0 0 10%;
	width: 60%;
}

.impact-posts {
	float: left;
	margin: 2em 0 0 4%;
	width: 70%;
}

.impact-posts .clickable {
	height: 40px;
}
.icon-box {	
	width: 60px;
	height: 60px;
	}

/*--Alumni Page--*/
.alumni-cont {
	width: 84%;
	margin: 2em auto;
	max-width: 1100px;
}
.alum-test{
	float: left;
	width: 30%;
	margin-bottom: 3em;
}
.alum-test > div {
	width: 100%;
}
.alum-test div > p {
	font-size: 88%;
	font-weight: bold;
	color: #1d3a6d;
	width: 90%;
	margin: 0 auto;
}
.alumni-involve {
	width: 60%;
	float:right; 
}
.alumni-involve .one {
	padding-bottom: 1.5em;
}
.alumni-involve .icon-box {
	margin: -.5em 1em 0 0;
}
.where {
	clear: both;
	width: 84%;
	margin: 2em auto;
}
.impact-posts h3 {	
	line-height: 120%;
}
.clickable h3 {	
	float: left;
	width: 45%;
	height: 40px;
}
.alumni-involve .clickable h3 {	
	float: left;
	padding-right: 1em;
	width: 60%;
	height: 40px;
}
.clickable .arrows {/*--arrows defined in staff section--*/
	float: left;
}
.bottom-bar {	
	width: 89%;
}

.impact-posts h4 {
	font-size: 90%;
	margin: 1em 0;
}
.impact-posts .entry > div {
	margin: 0 0 2em 0;
	}
.impact-posts p {
	font-size: 90%;	
}
.study li,
.study p {
	font-size: 80%;
	width: 100%;
}
	
/*--------------------------------------------------------------*/
/*--------------Sidebars: Impact Menu/Campus Menu--------------------*/
.campus-menu,
.impact-menu {
	border-left: solid 1px #27aae1;
	float: left;
	margin: 1em auto;
	padding: 1em 0;
	width: 25%;
}
.campus-menu {
	margin: 3em auto;
}
ul.sidebar {
	float: left;
	width: 90%;
}
ul.sidebar li {
	border: none;
	border-radius: none;
	background-image: url('images/bullet.png');
   	background-position: -10px 5px;
   	background-repeat: no-repeat;
	font-size: 90%;
	line-height: 110%;
	margin: 0 0 .8em -5px;
	padding: 0 0 0 1.8em;
	text-align: left;
}
ul.sidebar li.active-li {
	background: none;
	background-image: url('images/bullet.png');
   	background-position: 0px 2px;
  	background-repeat: no-repeat;	
   	padding-left: 1.6em;
}
ul.sidebar li a {
	font-size: 85%;
}
ul.sidebar li.active-li a{
	font-size: 90%;
}
/*--------------------------------------------------------------*/
/*--------Testimonial Network Map----------*/
.impact-banner-content,
.test-banner-content {
	height: 475px;
	margin-bottom: 12em;
}
.impact-banner-content .banner-image img,
.test-banner-content .banner-image img {
	width: 100%;
	height: 475px;
}
.impact-banner-content .banner-text h1,
.test-banner-content .banner-text h1 {
	font-size: 250%;
	margin: 1em 0 0 8%;
}
.home-mob-test {
	display:none;
}
.home-test-content {
	display: block;
	margin-top: -2em;
	height: 670px;
}
.home-testimonial-network {
	position: relative;
	top: 1.2em;
	text-align: center;
	width: 100%;
	height: 300px;
}
.testimonial-network {
	top: 40px;
	left: 0px;
	height: 300px;
}
.home-testimonial-network .hotspots:hover .info {  
	-webkit-transform: rotate3d(0,3,0,-180deg);
	-moz-transform: rotate3d(0,3,0,-180deg);
	-o-transform: rotate3d(0,3,0,-180deg);
	transform: rotate3d(0,3,0,-180deg);
}
.info-wrap {
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	position: absolute;
	width: 300px;
	height: 300px;
	z-index: 50;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
}
.info{	
	width: 300px;
	height: 300px;	
	-webkit-transform: scale( 0.33 );
	-moz-transform: scale( 0.33 );
	-o-transform: scale( 0.33 );
	-ms-transform: scale( 0.33 );
	transform: scale( 0.33 );
}
.info .info-front {
	text-align: center;
}
.info .info-front img { /*--thumbnail face--*/
	height: 100%;
}
.quote-post-content .quote-text {
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	margin: 0 12%;
	position: absolute;
	top: 60px;
	width: 76%;
	height: 76%;
}
.quote-post-content .quote-text p{
	color: #fff;
	font-size: 74%;
	font-weight: normal;
	margin: 0 auto;
	width: 100%;
}
.quote-post-content .quote-text .byline {
	color: #fff;
	font-size: 60%;
	
	margin: 1em auto;
	width: 60%;
}
.quote-post-content .quote-text em {
	font-weight: normal;
}
.hotspots:nth-child(1) .quote-text {
	margin-top: 0;
	top: 60px;
}
.hotspots:nth-child(5) .quote-text {
	margin-top: 0;
	top: 90px;
}
.testimonial-network .hotspots div {
	width: 170px;
	height: 170px;
}
.home-testimonial-network .hotspots:nth-child(1) > div {left:-3%; top:90%;}
.home-testimonial-network .hotspots:nth-child(2) > div {left:2%; top:28%;}
.home-testimonial-network .hotspots:nth-child(3) > div {left:27%; top:-10%;}
.home-testimonial-network .hotspots:nth-child(4) > div {left:26%; top:73%;}
.home-testimonial-network .hotspots:nth-child(5) > div {left:53%; top:100%;}
.home-testimonial-network .hotspots:nth-child(6) > div {left:45%; top:28%;}
.home-testimonial-network .hotspots:nth-child(7) > div {left:67%; top:-5%;}

.testimonial-network .hotspots div.campus { left:8%; top:41%;}
.testimonial-network .hotspots div.int {left:38%; top:-1%;}
.testimonial-network .hotspots div.workplace {right:5%; top:10%;}
.testimonial-network .hotspots div.comm {right:5%; top:10%;}

.testimonial-network .hotspots div a.p1 {background: #27aae1 url('images/icon-campus.png') no-repeat;background-position: center;}
.testimonial-network .hotspots div a.p2 {background: #27aae1 url('images/int-icon.png') no-repeat;background-position: center;}
.testimonial-network .hotspots div a.p3 {background: #27aae1 url('images/icon-wp.png') no-repeat;background-position: center;}
.testimonial-network .hotspots div a.p4 {background: #27aae1 url('images/icon-comm.png') no-repeat;background-position: center;}

/*--------------------Testimonial Template styles-------------------*/
#testimonial-display h3 {
	margin: 1em auto 0em auto;
}
.home-testimonial-widget {
	min-height: 550px;
}
.home-test-content {
	overflow: hidden;
	position: relative;
	top: 0em;
	width: 100%;	
	min-height: 600px;
}
.home-test-content .home-test-bg{
	position: absolute;
	top: 2em;
	width: 100%;
	z-index: 1;
}
.home-test-content .home-test-bg img {
	width: 100%;
	height: 500px;
}
.testimonial-widget {
	margin: -2em auto -2em auto;
}
.cycle-1 {
	padding-bottom: 5em;
	width:80%; 
}
.cycle-2 {
	margin: 0 auto; 
	text-align: center;
	width: 90%; 
	max-width: 800px;
}
.cycle-2 .cycle-slide div { 
	border:3px solid #fff; 
	border-radius: 50%; 
	clear: both;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: center;
	width: 150px;
	height: 188px;
}
.cycle-2 .cycle-slide-active div { border:4px solid #27aae1; }
.slideshow-1, .slideshow-2 { 
	width: 90%; 
}
.slideshow-1 {
	margin-top: 3em;
	}
.slideshow-1 .quote-bg{
	margin: 1em auto;
}
.slideshow-1 .quote-bg img{
	width: 30%;
}
.slideshow-1 .quote {
	font-size: 85%;	
	margin: .5em 2% 0 2%;
	min-height: 8em;
	padding-bottom: 1em;
	text-align: center;
	width: 96%;
}
.next-too,
.prev-too,
.prev,
.next {
	top: -50px;
} 
.slideshow-2 { margin: 3em auto 1em auto; }
.cycle-2 p {
	color: #27aae1;
	font-weight: bold;
	font-size: 75%;
	margin: 1em auto 1em auto;
	padding: 0;
	text-align: center;
	width: 98%;
}
.cycle-2 p i {
	font-weight: italic;
}
.cycle-slideshow img { width: 100%; height: auto; display: block; }
/*--------------------------------------------------------------*/
/*-----------impact-piece template styles------------------*/
.our-impact-home {
	height: 500px;
}
.our-impact-home .container {
	margin: 0 0 -1em 0;
	top: -80%;
	height: auto;
}

.our-impact-home .img-wrap {
	width: 80%;
}
/*-----flip feature----*/
.flip-container {
	margin: 2em auto 2em auto;
    width: 84%;
}
.impact-banner-content .flip-container {
	margin: 10em auto 2em auto;
}
ul.flip {
	font-size: 50px;
}
ul.flip li a div.down {
font-size: 16px;
letter-spacing: 1px;
}
/*---------------------Campus Page------------------*/
#campus-content .left-content h1 {
	font-size: 210%;
}
#campus-content .left-content .number {
	font-size: 1200%;
	font-family: TradeGothicBoldCN;
}
.left-content ul.fb-feed {
	width: 33%;
	float: left;
	margin: 3em 0;
}
.left-content .case-studies-feed {
	float: right;
	text-align: left;
	margin-left: 4%;
	padding: 3em 0 0 0;
	width: 58%;
}
.campus-caption {
	display: block;
	font-size: 80%;
	padding-bottom: 1em;
}
.campus-map {
	overflow: hidden;
}
.campus-list {
	display: none;
	margin: 1em auto;
	width: 80%;
}
.campus-map > a,
.campus-list > div > a{
	font-size: 75%;
	line-height: 115%;
	margin: 0 0 .5em 0;
}
.campus-map .list-toggle a,
.campus-list .list-toggle a {
	font-size: 70%;
	display: block;
}
.campus-map a.listview {
	display: block;
}
.campus-map a.worldview {
	display: none;
}
.map-wrapper {
	display: block;
	width: 575px;
	height: 400px;
}
.map-wrapper img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	max-width: 644px;
	height: auto;
	z-index: 1;
	
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;

	-webkit-transform: scale( 1 );
	-moz-transform: scale( 1 );
	-o-transform: scale( 1 );
	-ms-transform: scale( 1 );
	transform: scale( 1 );

	-webkit-transform-origin: 25% 50%;
	-moz-transform-origin: 25% 50%;
	-o-transform-origin: 25% 50%;
	-ms-transform-origin: 25% 50%;
	transform-origin: 25% 50%;
}
/*--zoom areas--*/
img.zoom-28  {
	-webkit-transform: scale( 4 );
	-webkit-transform-origin: 10% 33%;

	-moz-transform: scale( 4 );
	-moz-transform-origin: 10% 33%;

	-o-transform: scale( 4 );
	-o-transform-origin: 10% 33%;

	-ms-transform: scale( 4 );
	-ms-transform-origin: 10% 33%;

	transform: scale( 4 );
	transform-origin: 10% 33%;
}
img.zoom-9  {
	-webkit-transform: scale( 2.25 );
	-webkit-transform-origin: 50% 65%;

	-moz-transform: scale( 2.5 );
	-moz-transform-origin: 50% 65%;

	-o-transform: scale( 2.5 );
	-o-transform-origin: 50% 65%;

	-ms-transform: scale( 2.5 );
	-ms-transform-origin: 50% 65%;

	transform: scale( 2.5 );
	transform-origin: 50% 65%;
}
.map-wrapper div.map-pins:hover {
	cursor: none;
}
/*---------Campus World Map Hot Spots---------*/
.hot-spots div {
	position: absolute;
	z-index: 1000;
}
.hot-spots div > div {
	background-color: #ffc551;
	background: -webkit-linear-gradient(left top, #f6df91, #ffc551); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #f6df91, #ffc551); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #f6df91, #ffc551); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #f6df91, #ffc551);
	border-radius: 100%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: relative;
	left: 30%;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}
.hot-spots div:hover {
	cursor: pointer;
}
#hs-28 {/*---US/Mexico---*/
	top: 28%;
	left: 11%;
	width: 110px;
	height: 90px;
}
#hs-9 {/*---Africa---*/
	top: 37%;
	left: 40%;
	width: 125px;
	height: 160px;
}
/*------------Campus Map Pins---------*/
.map-pins > div { /*--------holds posts from associated region----*/
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 800;
}
.map-pins > div div {/*----pins----*/
	border: solid 1px rgba(246, 223, 145, .9);
	background-color: #ffc551;
	background: -webkit-linear-gradient(left top, #f6df91, #ffc551); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #f6df91, #ffc551); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #f6df91, #ffc551); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #f6df91, #ffc551);
	
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	
	position: absolute;
	width: 100px;
	height: 100px;
	text-align: center;

	-webkit-transform: scale( 0.08 );
	-moz-transform: scale( 0.08 );
	-o-transform: scale( 0.08 );
	-ms-transform: scale( 0.08 );
	transform: scale( 0.08 );
}
.map-pins > div div:hover {
	background-color: #ffc551;
	border: solid 1px rgba(246, 223, 145, .1);
	padding-bottom: 0%;
	-webkit-transform: scale( 1 );
	-moz-transform: scale( 1 );
	-o-transform: scale( 1 );
	-ms-transform: scale( 1 );
	transform: scale( 1 );
	z-index: 2000;
}
.map-pins > div div:hover a {
	display: block;
}
.map-pins > div div a {
	-moz-border-radius: 100%; 
	-webkit-border-radius: 100%; 
	border-radius: 100%;
	color: #fff;
	font-size: 60%;
	font-weight: bold;
	margin: auto;
	text-decoration: none;
	width: 96%;
}
.map-pins > div div,
.map-pins > div div a  {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

 	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

/* W3C */
	display: flex;
	justify-content: center;
	align-items:center;
}
/*---Each map pin needs its own coordinates---*/
/*--US and Mexico--*/
#cat-28 #pin-1508 { /*--Allegheny College--*/
top: 105px;
left: 345px;
}
#cat-28 #pin-387 { /*--Auburn Univ.--*/
top: 185px;
left: 313px;
}
#cat-28 #pin-2555 { /*--Augustana College--*/
top: 110px;
left: 283px;
}
#cat-28 #pin-2551 { /*--Appalachian State Univ.--*/
top: 155px;
left: 335px;
}
#cat-28 #pin-409 { /*--Beloit College--*/
top: 90px;
left: 285px;
}
#cat-28 #pin-389 { /*--Case Western Reserve Univ.--*/
top: 105px;
left: 333px;
}
#cat-28 #pin-1510 { /*--Cleveland State--*/
top: 102px;
left: 329px;
}
#cat-28 #pin-423 { /*--Cornell College--*/
top: 105px;
left: 278px;
}
#cat-28 #pin-391 { /*--Cuyahoga Community College--*/
top: 108px;
left: 330px;
}
#cat-28 #pin-1512 { /*--Deerfield Academy--*/
top: 104px;
left: 379px;
}
#cat-28 #pin-393 { /*--Denison Univ.--*/
top: 120px;
left: 325px;
}
#cat-28 #pin-443 { /*--Dickinson College.--*/
top: 122px;
left: 355px;
}
#cat-28 #pin-425 { /*--Duke Univ.--*/
top: 157px;
left: 351px;
}
#cat-28 #pin-2635 { /*--Elon Univ.--*/
top: 154px;
left: 347px;
}
#cat-28 #pin-3733 { /*--Green River College--*/
top: 80px;
left: 73px;
}
#cat-28 #pin-445 { /*--Harvard Univ.--*/
top: 105px;
left: 388px;
}
#cat-28 #pin-2767 { /*--Hollins Univ.--*/
top: 148px;
left: 345px;
}
#cat-28 #pin-2637 { /*--Lawrence University--*/
top: 78px;
left: 290px;
}
#cat-28 #pin-1514 { /*--Macalester College--*/
top: 70px;
left: 265px;
}
#cat-28 #pin-395 { /*--Montana State Univ.--*/
top: 65px;
left: 150px;
}
#cat-28 #pin-431 { /*--Ohio State Univ.--*/
top: 122px;
left: 320px;
}
#cat-28 #pin-447 { /*--Princeton--*/
top: 128px;
left: 368px;
}
#cat-28 #pin-411 { /*--Roger Williams Univ.--*/
top: 113px;
left: 385px;
}
#cat-28 #pin-415 { /*--Scripps college.--*/
top: 173px;
left: 107px;
}
#cat-28 #pin-433 { /*--Sonoma State Univ.--*/
top: 100px;
left: 68px;
}
#cat-28 #pin-397 { /*--St. John Fisher--*/
top: 92px;
left: 358px;
}
#cat-28 #pin-413 { /*--St. Olaf College--*/
top: 74px;
left: 265px;
}
#cat-28 #pin-399 { /*--Susquehanna Univ.--*/
top: 116px;
left: 356px;
}
#cat-28 #pin-401 { /*--Tecnológico de Monterrey--*/
top: 225px;
left: 215px;
}
#cat-28 #pin-3020 { /*--The College of New Jersey (TCNJ)--*/
top: 128px;
left: 368px;
}
#cat-28 #pin-403 { /*--University of Alabama — Tuscaloosa--*/
top: 180px;
left: 295px;
}
#cat-28 #pin-417 { /*--University of California at Davis--*/
top: 105px;
left: 73px;
}
#cat-28 #pin-2765 { /*--University of Denver--*/
top: 115px;
left: 185px;
}
#cat-28 #pin-437 { /*--University of Georgia--*/
top: 175px;
left: 325px;
}
#cat-28 #pin-405 { /*--University of Nebraska at Omaha--*/
top: 105px;
left: 250px;
}
#cat-28 #pin-2641 { /*--University of North Carolina, Charlotte--*/
top: 160px;
left: 342px;
}
#cat-28 #pin-3012 { /*--UNC Greensboro--*/
top: 176px;
left: 350px;
}
#cat-28 #pin-2639 { /*--University of North Carolina, Wilmington--*/
top: 175px;
left: 355px;
}
#cat-28 #pin-449 { /*--University of Tampa--*/
top: 225px;
left: 328px;
}
#cat-28 #pin-419 { /*--University of Virginia--*/
top: 145px;
left: 351px;
}
#cat-28 #pin-1516 { /*--Northwestern University--*/
top: 100px;
left: 291px;
}
#cat-28 #pin-2643 { /*--University of Notre Dame--*/
top: 105px;
left: 305px;
}
#cat-28 #pin-1551 { /*--Campus Chiapas--*/
top: 315px;
left: 260px;
}
#cat-28 #pin-1555 { /*--Campus Ciudad de México--*/
top: 295px;
left: 220px;
}
#cat-28 #pin-1553 { /*--Campus Ciudad Juárez--*/
top: 185px;
left: 190px;
}
#cat-28 #pin-1549 { /*--Campus Cuernavaca--*/
top: 295px;
left: 212px;
}
#cat-28 #pin-1559 { /*--Campus Monterrey--*/
top: 225px;
left: 215px;
}
#cat-28 #pin-1557 { /*--Campus Sante Fe--*/
top: 290px;
left: 215px;
}

/*--Africa--*/
#cat-9 #pin-407 { /*--Addis Ababa Univ.--*/
top: 110px;
left: 335px;
}
#cat-9 #pin-427 { /*--Islamic Univ.--*/
top: 140px;
left: 335px;
}
#cat-9 #pin-429 { /*--Nat. Univ. Science and Tech--*/
top: 230px;
left: 300px;
}
#cat-9 #pin-435 { /*--Univ. of Capetown--*/
top: 315px;
left: 265px;
}
#cat-9 #pin-441 { /*--Univ. of Khartoum--*/
top: 75px;
left: 305px;
}
#cat-9 #pin-1520 { /*--Haramaya University--*/
top: 102px;
left: 345px;
}
#cat-9 #pin-1522 { /*--Jimma University--*/
top: 120px;
left: 330px;
}
#cat-9 #pin-1524 { /*--Ahfad University for Women--*/
top: 75px;
left: 298px;
}
#cat-9 #pin-1526 { /*--Makerere University--*/
top: 148px;
left: 313px;
}
/*-------------------Image Table on the Campus Page-----------*/

.image-table .col2 {	
	width: 59.2%;
}
/*--------Campus Detail Styles----------*/
.campus-banner-list {
	color: #fff;
	position: relative;
	margin: 0 0 2em 10%;
	width: 80%;
	z-index: 8;
}
.campus-banner-list div {
	clear: both;
	float: left;
	margin: 0 0 1em 0;
	width: 100%;
}
.campus-banner-list div h4 {
	font-size: 90%;
	float: left;
	margin: 0 1em 0 0;
}
.campus-banner-list div p {
	font-size: 80%;
	line-height: 125%;
	width: 60%;
	float: left;
	margin: 0;
	padding: 0;
}
/*--------------------News Feed Styles----------------*/

.campus-news > div {
	width: 31%;
}

/*-----------Get Involved Pages-----------*/
#involved-content .banner-text{
	margin: 0;
	padding:4em 0 0 0;
}
.news-cont .page-content,
.contact-cont .page-content {
	width: 45%;
	margin: 90px 0 0 8%;
}
.donate-cont {		
	margin: 0 auto;
}
.donate-cont .page-content {
	margin: 0 auto;
}
.donate-cont p {
	color: #ddd;
}
.donate-cont h1 {
	width: 84%;
	margin: 0 auto 2em auto;
}
.donate-cont form {
	width: 50%;
	margin: -2em auto 1em auto;
}
p.small {
	padding: 1em 0;
	width: 84%;
	margin: 0 auto;
}
.support h3 {
	cursor: pointer;
}
.donors {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
-webkit-column-gap: 2em; /* Chrome, Safari, Opera */
    -moz-column-gap: 2em; /* Firefox */
    column-gap: 2em;
	font-size: 90%;
	width: 84%;
	margin: 1em auto;
}
.address {
	font-size: 80%;
	font-weight: 500;
	line-height: 150%;
}
.opps {
	margin: 9em auto 3em auto;
}
/*------------contact and newsletter (expanded) form styles-----------*/
.sign-up-area,
.contact-form {
	font-size: 80%;
}
#fscf_div_field2_4 span {
	display: block;
	line-height: 18px;
}
#fscf_captcha_image_div1 {
	
}
.fscf-input-captcha {

}
#fscf_captcha_field1 {
	margin: 0;
	width: 100%;
	float: none;
clear: both;
}
#fscf_captcha_code1{
	margin-left: 0;
}
#FSContact2 {
	margin-top: 4em;
}
/*------------newsletter page styles--------------*/
.news-date-menu li:first-child {
	font-weight: 600;
}
.news-date-menu a {
	font-size: 85%;
}
.news-cont .news-feed .posts {
	float: none;
	margin: 1em auto 2em auto;
	width: 84%;
	max-width: 1000px;
}
.news-cont .news-feed .posts > div {
	margin: 0 1% 1em 1%;
	padding-bottom: 1em;
	width: 31.3%;
 	border-radius: 0px 0px 12px 12px; 
	
}
.news-cont .news-feed .posts .news-thumb {
	display: block;
	float: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 100%;
  	-webkit-border-radius: 0px; 
  	-moz-border-radius: 0px; 
  	border-radius: 0px; 
	text-align: center;
}
.news-cont .news-feed .posts .news-thumb img {
	width: 100%;
}
.news-cont .news-feed .posts .date {
	font-size: 90%;
}
.news-cont .news-feed .posts h4 {
	width: 80%;
}
.news-cont .news-feed .posts p {
	font-size: 65%;
	width: 80%;
}
/*----------SD Process---------*/
.border {
    top: -80px;
}
.bg-border {
	background-position-x: 12%;
}
#logo-type {
    margin: 0 0 0 9.5%;	
}
.main-container {
	width: 95%;
 	 margin: 1em 0 2em 5%;
}
.delay-show p {
	line-height: 150%;
}
.delay-show h2 {
	margin: 1em 0 .5em 0;
}

.example-container .image-box {
	margin-left: 0%;
	height: 200px;
}
#intro {
   	padding: 1.5em 0 0 0;
	}
#intro img#object {
	 width: 160px;
}
#example-1 .image-box {
	margin-top:.5em;
}
#example-1 img#phone {   	
    	width: 106px;
	margin: 0 0 0 -1em;	
}
#example-2 .image-box {
	margin-top: -.5em;
}
#example-2 img#pin {
	width: 100px;
 	margin: 1.2em 0 0 -.5em;	
}
#example-3 .image-box {
	margin-top: .5em;
}
#example-3 #pop-up-message {
    margin: 0 0 0 -.6em;
    max-width: 105px;      
}
#example-5 .image-box {
	margin-top: 2em;
}
#example-5 #graph-bar {
    margin-left:2.5em;
   width: 160px;    
    }
.main-container-2 {
	margin: 2em 0 2em 0;
}
.main-container-2 #intro .image-box {
	margin-top: -1.1em;
}
.main-container-2 #intro p {
	padding-top: 2em;
}
.main-container-2 #example-1 .image-box {
	margin-top: .5em;
}
.main-container-2 #example-1 img#phone {
	margin: 0 0 0 -.7em;
}
.main-container-2 #example-1 p {
	padding-top: 1em;
}
.main-container-2 #example-2 img#pin {
	margin-top: .9em;
}
.main-container-2 #example-2 p {
	padding-top: 1em;
}
.main-container-2 #example-3 .image-box {
	margin-top: .5em;
}
.main-container-2 #example-5 #graph-bar {
    margin-left:1.9em;
padding-top: .5em; 
	width: 160px;   
}
.main-container-2 #example-5 p {
	padding-top: .8em;
}
#example-6 .image-box {
	margin-top: 1em;
}
#example-6 #six {
	margin-left:-.6em;
   width: 185px;        
}
.main-container-2 #example-6 p {
	padding-top: 3em;
}
}
/*-----------------------------Begin Med-Large Display Styles (navigation change)-----------------------*/
@media only screen and (min-width: 50em) {

header {
	background: #fff;
	
}
#top { 
	background: url('images/navbar-bg.png') repeat-x;
	background-position: 0 60px;
	height: 145px;
	position: relative;	
}
#logo-box {	
	margin-bottom: 0em;
	width: 160px;
}
/*-----------navbar styles------------*/
.menu-help-nav {
	display: none;
}
.help-nav {
	top: -7px;
	z-index: 9;
}
.help-nav .nav-icon{
display: none;
}
.help-nav .donate-btn {	
	float: right;
	margin: .6em 3% 0 0;
	
}
#top .help-nav .searchform {
	display: none;
}

.main-navigation {
	background: #fff;
	display: block;	
	float: left;		
	height: 60px;
	position: absolute;
	top: 60px;
	right: 0px !important;
	z-index: 10;
	overflow: visible;
	width: 75%;	
}
.main-navigation .donate-btn {
	display: none;
	float: right;
	margin: .2em 7% 0 0;
	
}
ul.navbar {	
	background-color: transparent;
	border: none;
	display: block;
	float: right;
	margin: 0;
	position: static;
	width: 68%;	
	margin: 15px 0 0 4%;
	min-width: 600px;
}
.navbar > li {
	border-bottom: none;
	display: inline-block;
	font-size: 65%;
	font-weight: 600;
	height: 44px;
	padding: 5px 6px 0 6px;
}
.navbar > li.current_page_parent:hover,
.navbar > .current-menu-item:hover,
.navbar > li:hover {
	font-weight: 600;
	padding: 5px 6px 0 6px;
}
.navbar > li.current_page_parent:hover a,
.navbar > .current-menu-item:hover a,
.navbar > li:hover a{
	color: #fff;
	text-decoration: none;
}
.navbar .sub-menu .current-menu-item {
	color: #fff;
}
.navbar .sub-menu {
	border: none;
	background-color: #1d3a6d;
	color: #fff;
	margin: 27px 0 0 -6px;
	overflow: hidden;
	padding: 0px 0 5px 0px;
	position: absolute;
	width: 185px;
	z-index: 9999;
}
.navbar ul.sub-menu li:first-child {margin-top: 5px;}
.navbar ul.sub-menu li:last-child {margin-bottom: 7px;}
.navbar ul.sub-menu li{
	border: none;
	font-size: 95%;
	line-height: 125%;
	margin: 0;
	padding: 7px 2px 7px 0;
	text-align: left;
}
.navbar li.current_page_parent .sub-menu,
.navbar li.current-menu-item .sub-menu {
	display: none;
}
.navbar ul.sub-menu li:hover {
	background-color: #27aae1;
}
.navbar ul.sub-menu a {
	display: inline;
	color: #fff;
	line-height: 120%;
	width: auto;
	margin-left: 1em;
}
li .arrow-icon {
	display: none;
}
/*----------end navbar styles-------------*/
.slider-content {
	
	top: 168px;
	
}
.about-sd {
	padding-top: .5em;	
}
}
/*-----------------------------Begin Large Display Styles-----------------------*/
@media only screen and (min-width: 64em) {
body {
	font-size: 20px;		
}
header {
	background: #fff;
	height: 130px;
}
#top { 
	background: url('images/navbar-bg.png') repeat-x;
	background-position: 0 60px;
	height: 150px;
	position: relative;	
}
#page {
	overflow: hidden;
}

h3 {
	font-size: 125%;
	margin-bottom: 1em;
}
h3.space {/*alumni testimonials*/
	margin-top: 7em;
}
#logo-box {	
	width: 160px;
}
img.pdf-icon {
	margin: -.3em .2em 0 0%;
	width: 30px;
}
.page-content {	
	margin: 6em auto 0em auto;
}
.alumni-involve {
	width: 60%;
	margin: 3em auto;
	padding: 1em 0 0 0;
}
.blue-bg .work-blurbs {
	max-width: 1000px;
}
.move-it {/*remove padding on About Us page*/
	margin-top: -1.3em;
}
ul.relationship {
	margin: 0 auto 0em auto;
	width: 80%;
	max-width: 1000px;
}
li.square-btn {
	background: rgba(39,170,225,.8);
	margin: 1em 2%;
	width: 25%;
}
.expand-btn {
	width: 30%;
}
.expand-btn div {
  	bottom: -125px; 
}
.expand-btn h3 {
	font-size: 120%;
}
.right-image-box {
	margin: 1em 8% 1em 0;
}
/*-----------navbar styles------------*/
.menu-help-nav,
.help-nav {
	display: none;
}
.main-navigation {
	background: #fff;
	display: block;	
	float: left;		
	height: 61px;
	position: relative;
	top: 61px;
	left: 0px !important;
	z-index: 10;
	overflow: visible;
	width: 82%;	
}
.main-navigation .donate-btn {
	display: block;
	float: right;
	margin: .2em 7% 0 0;
	
}
ul.navbar {	
	background-color: transparent;
	border: none;
	display: block;
	float: left;
	margin: 0;
	position: static;
	width: 68%;	
	margin: 15px 0 0 4%;
	min-width: 600px;
}
.navbar > li {
	border-bottom: none;
	display: inline-block;
	font-size: 65%;
	font-weight: 600;
	height: 44px;
	padding: 5px 6px 0 6px;
}
.navbar > li.current_page_parent:hover,
.navbar > .current-menu-item:hover,
.navbar > li:hover {
	font-weight: 600;
	padding: 5px 6px 0 6px;
}
.navbar > li.current_page_parent:hover a,
.navbar > .current-menu-item:hover a,
.navbar > li:hover a{
	color: #fff;
	text-decoration: none;
}
.navbar .sub-menu .current-menu-item {
	color: #fff;
}
.navbar .sub-menu {
	border: none;
	background-color: #1d3a6d;
	color: #fff;
	margin: 26px 0 0 -6px;
	overflow: hidden;
	padding: 0px 0 5px 0px;
	position: absolute;
	width: 185px;
	z-index: 9999;
}
.navbar ul.sub-menu li:first-child {margin-top: 5px;}
.navbar ul.sub-menu li:last-child {margin-bottom: 7px;}
.navbar ul.sub-menu li{
	border: none;
	font-size: 85%;
	line-height: 125%;
	margin: 0;
	padding: 7px 2px 7px 0;
	text-align: left;
}
.navbar li.current_page_parent .sub-menu,
.navbar li.current-menu-item .sub-menu {
	display: none;
}
.navbar ul.sub-menu li:hover {
	background-color: #27aae1;
}
.navbar ul.sub-menu a {
	display: inline;
	color: #fff;
	line-height: 120%;
	width: auto;
	margin-left: 1em;
}
li .arrow-icon {
	display: none;
}
#top .searchform {
	display: block;
	top: 1px;
	right: 1%;
}
/*----------end navbar styles-------------*/

/*--Slider and Banner--*/
.slider-content {
	background-color: #fff;
	border-bottom: none;
	top: 70px;
	height: 450px;
	z-index: 10000;
}
.home-slider .cycle-slideshow{
	position: absolute;
	height: 450px;
}
.home-slider .cycle-slideshow .slide:first-child {
	display: block;
}
.home-slider .cycle-slideshow .slide {
	min-height: 450px;	
	text-align: left;
}
.home-slider .cycle-slideshow .slide-image > img { 
	width: 100%; 
	min-height: 450px;
	display: block; 
} 
.home-slider .cycle-slideshow .slide-text {
	margin: 11em auto 0 5%;
	width: 70%;
}
.home-slider .slide-text h2 {
	font-size: 300%;
	margin: 0;
}
.home-slider .slide-text p {
	font-size: 90%;
	margin: .5em 0;
	width: 100%;
}
.banner-small {
	max-height: 350px;
}
.banner-small,
.banner-content{
	top: 95px;
}
.banner-text {
	margin: 3em 0 2em 5%;
}
.banner-small .banner-text {
	margin-top: 3.5em;
}
.banner-text h1 {
	font-size: 250%;
}
.banner-text p {
	max-width: 800px;
}
/*--other style adjustments--*/
.about-sd {
	margin-top: -1em;
	padding-top: 0;
	width: 66%;
}
.about-sd h3 {
	margin-bottom: .5em;	
}
div.team-members div .post-content {
	font-size: 88%;
	line-height: 130%;
}
.event-list .post-text,
.pubs-articles .post-text {
	width: 60%;
}
.our-impact-home {
min-height: 520px;
}
.books {/*-----books page-------*/
	margin: 2em auto;
	padding-top: 120px;
	width: 84%;
}
.pubs-section {
	padding-top: 4.5em;
}
.pubs-section .thumbnail img {
	width: 220px;
	height: 335px;
}
/*--campus page styles--*/
#campus-content {
	margin-top: 6em;
}
#campus-content .left-content {
	float: left; 
	margin: 0 0 4em 0;
	width: 27%;
	text-align: left;
}
#campus-content .left-content p {
	font-size: 80%;
	line-height: 140%;
	margin: 0 auto 1em auto;
}
.left-content ul.fb-feed {
	width: 90%;
	float: none;
	margin: 3em 0 0 0;
	
}
.left-content .case-studies-feed {
	float: none;
	text-align: left;
	margin-left: 0;
	padding: 1em 0 0 0;
	width: 90%;
}
#campus-content .right-content {
	margin: 0 0 4em 2%;
	width: 71%;
}
.map-pins > div div {/*----pins----*/
	-webkit-transform: scale( 0.06 );
	-moz-transform: scale( 0.06 );
	-o-transform: scale( 0.06 );
	-ms-transform: scale( 0.06 );
	transform: scale( 0.06 );
}
/*--flip feature--*/
.flip-container {  
    width: 60%; 
}
ul.flip {
	font-size: 50px;
}
ul.flip li a div.down {
font-size: 16px;
}
.our-impact {
	margin: 0 0 2em 0;
	height: 550px;
}
#involved-content {
	background: #333;
	margin: 0;
	padding: 0em 0 0 0;
	width: 100%;
}
.donate-cont{	
	margin: 3em auto 0 auto;
}
#involved-content .banner-text{
	padding:4em 0 0 0;
	width: 100%;
}
.border{
	border: solid thin #ccc;
}
#slideshow-1 .prev,
#slideshow-1 .next {
	overflow: hidden;
	position: relative;
	top: 2em;
	width: 40px;
	z-index: 9995;
} 
.impact-banner-content,
.test-banner-content {
	margin-bottom: 8em;
	top: 90px;	
}
.impact-banner-content .banner-text h1 {
	font-weight: 600;
	font-size: 250%;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 1.5em 0 1em 8%;
}
.impact-content {
	margin: 5em auto 0 auto;
	
}
.impact-posts {
	margin-bottom: 2em;
}
.slideshow-1 .quote-bg img{
	width: 25%;
}
.staff-section {
	margin-top: 170px;
}
/*--footer--*/
.sign-up {
	width: 40%;
}
#testimonial-display h3 {
	padding-top: .5em;
}
/*--home testimonial placement--*/
.quote-post-content .quote-text {
	margin: -13px 12% 0 12%;
	width: 76%;
}
.quote-post-content .quote-text p{
	color: #fff;
	font-size: 68%;
	font-weight: normal;
	margin: 0 auto;
	width: 100%;
}
.quote-post-content .quote-text .byline {
	color: #fff;
	font-size: 55%;
	
	margin: 1em auto;
	width: 60%;
}
.quote-post-content .quote-text em {
	font-weight: normal;
}
.hotspots:nth-child(1) .quote-text {
	margin-top: 0;
	top: 70px;
}
.hotspots:nth-child(5) .quote-text {
	margin-top: 0;
	top: 85px;
}
.home-testimonial-network .hotspots:nth-child(1) > div {left:4%; top:95%;}
.home-testimonial-network .hotspots:nth-child(2) > div {left:10%; top:28%;}
.home-testimonial-network .hotspots:nth-child(3) > div {left:35%; top:-10%;}
.home-testimonial-network .hotspots:nth-child(4) > div {left:34%; top:75%;}
.home-testimonial-network .hotspots:nth-child(5) > div {left:61%; top:105%;}
.home-testimonial-network .hotspots:nth-child(6) > div {left:51%; top:30%;}
.home-testimonial-network .hotspots:nth-child(7) > div {left:74%; top:-5%;}

/*--SD Process--*/
#animate-me{
    margin: 0 0 0 0%;	
}
#logo-type {
    margin: 0 0 0 10.5%;	
}
/*--single post styles--*/
#breadcrumb {
padding-top: 1em;	
}
#single-content {
	margin: 6.5em auto 2em auto;	
	width: 84%;
}
.page-content-single {	
	margin: 3em auto;
	width: 84%;
}
.page-content-single .post-entry h4 {
	font-size: 90%;
}
.page-content-single .center-image-box {
	clear: none;
	float: right;	
	margin: 0 0 2em 2em;
	width: 37%;
	max-width: 500px;
}
.opps {
	margin: 6em auto 3em auto;
}
.news-cont .news-feed .posts .news-thumb,
.events-feed .posts .news-thumb,
.news-feed .posts .news-thumb {
	display: block;
	float: none;
	overflow: hidden;
	height: 150px;
  	-webkit-border-radius: 0px; 
  	-moz-border-radius: 0px; 
  	border-radius: 0px; 
}
.news-feed .posts .news-thumb {
	width: 100%;
}
}
/*-----------------------------Very Large Display Styles-----------------------*/
@media only screen and (min-width: 80em) {

.navbar > li {
	padding: 5px 10px 0 10px;
	}
.navbar > li.current_page_parent:hover,
.navbar > .current-menu-item:hover,
.navbar > li:hover {
	padding: 5px 10px 0 10px;
}
.navbar .sub-menu {
	margin-left: -10px;
}
}