/* All page body styles
----------------------------------------------------------------------------------------------------------------------------- */
/* Page Content
-------------------------------------------------------------------------------- */
section.mainContent {
	width: 100%;
	height: auto;
}

/* Page sections
-------------------------------------------------------------------- */
section.mainContent article {
	width: 100%;
	height: auto;
	padding: 1% 0px 5% 0px;
}

section.mainContent article.parallax1, section.mainContent article.parallax2, 
section.mainContent article.parallax3, section.mainContent article.parallax4 {
    background-image: url("../images/img_parallax1.jpg");
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 1% 0px 1% 0px;
}

section.mainContent article.parallax2 {
    background-image: url("../images/img_parallax2.jpg");
}

section.mainContent article.parallax3 {
    background-image: url("../images/img_parallax3.jpg");
}

section.mainContent article.parallax4 {
    background-image: url("../images/img_parallax4.jpg");
}

section.mainContent section.overlay {
	width: 100%;
	height: auto;
	padding: 0px 0px 5% 0px;
	background-color: rgba(0, 0, 0, 0.4);
	margin: 10% 0px 10% 0px;
}

/* Section sidebar
-------------------------------------------------- */
section.textColumn {	
	width: 43.5%;
	margin: 0px 0px 0px 28%;
	padding: 0px 0px 0.75% 0px;
	float: left;
}

section.sidebar {
	background: #eee;
	border: 1px solid #ccc;	
	width: 21%;
	margin: 0px 0px 0px 2%;
	padding: 1.5% 1.5% 1.5% 1.5%;
	float: left;
}

section.mainContent article section.textColumn p, section.mainContent article section.textColumn ul,
section.mainContent article section.sidebar p, section.mainContent article section.sidebar ul {	
	width: 100%;
	margin: 0px 0px 0px 0px;
}

section.mainContent article section.sidebar h4 {
	width: 100%;
	margin: 0px 0px 2% 0px;
	padding: 0px 0px 0.25% 0px;
	height: auto;
	font-size: 17px;
	line-height: 30px;
	letter-spacing: 0.5px;
	color: #111;
	border-bottom: 1px solid #333;
}

/* Slideshows & static images
-------------------------------------------------------------------- */
section#Slideshow1, section#Slideshow2, section.staticImage {
	margin: 2% 1% 0px 28%;
	width: 16%;
	height: auto;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding: 3px;
	background-color: #ffffff;
	float: left;
	max-width: 210px;	
}

section.mainContent article section.textColumn section.staticImage {
	margin: 1.25% 2.5% 0px 0%;
	width: 36.72%;
	max-width: 210px;
}

section.sidebar section.staticImage {
	margin: 0px 0px 3% 0px;
	width: 98%;
	float: none;
}

section.mainContent article.slides {
	padding: 0px;	
}

article.slides img {
	width: 100%;
	height: auto;	
}                    	

/* Text styles
-------------------------------------------------------------------- */
b {
	font-weight: bold;
	font-weight: 500;
}

section.mainContent article h2, section.mainContent article h3 {
	width: 70%;
	margin: 0px 0px 0px 28%;
	padding: 4% 0px 0.25% 0px;
	height: auto;
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 0.5px;
	color: #111;
	border-bottom: 1px solid #333;
}

section.mainContent article h3 {
	font-size: 20px;
	line-height: 30px;
}

section.mainContent article.parallax1 h2, section.mainContent article.parallax2 h2, 
section.mainContent article.parallax3 h2, section.mainContent article.parallax4 h2, 
section.mainContent article.parallax1 h3, section.mainContent article.parallax2 h3, 
section.mainContent article.parallax3 h3, section.mainContent article.parallax4 h3 {
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.55);
	border-bottom: 1px solid #fff;
}

section.mainContent article p {
	width: 70%;
	margin: 0px 0px 0px 28%;
	padding: 0.5% 0px 1% 0px;
	height: auto;
	font-weight: 300;
}

section.mainContent article.parallax1 p, section.mainContent article.parallax2 p, 
section.mainContent article.parallax3 p, section.mainContent article.parallax4 p {
	font-weight: 400;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.55);
}

section.mainContent article p.quote {
	font-weight: 300;	
	font-size: 28px;
	line-height: 34px;
	letter-spacing: 0.5px;
	padding: 1.5% 0px 1.5% 0px;
}

section.mainContent article p.blue {
	color: #69C;
}

section.mainContent article p.green {
	color: #f2ff00;
}

section.mainContent article p.yellow {
	color: #fc0;
}

section.mainContent article p.lightblue {
	color: #99faff;
}

section.mainContent article p.quote span.quoteCite {
  	color: #111;
	font-size: 70%;
	vertical-align: bottom;
	line-height: 135%;
}

section.mainContent article.parallax1 p.quote span.quoteCite, section.mainContent article.parallax2 p.quote span.quoteCite,
section.mainContent article.parallax3 p.quote span.quoteCite, section.mainContent article.parallax4 p.quote span.quoteCite{
  	color: #fff;
}

section.mainContent article ul {
	width: 70%;
	margin: -1% 0px 0px 28%;
	padding: 0px 0px 1% 0px;
	height: auto;
	font-weight: 300;
}

section.mainContent article ul li {
	font-weight: 300;
}

ul.bulletList li {
	list-style: disc;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 1px;
}

ul.bulletList li.first {
	list-style: none;
	margin: 1.5% 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

section.mainContent article section.sidebar p, section.mainContent article section.sidebar ul {	
	font-size: 15px;
	line-height: 22px;
}

section.mainContent article section.sectionIndent {	
	font-size: 15px;
	line-height: 22px;
	margin: 2.5% 0px 0px 25%;
}

section.mainContent article section.sectionIndent p, section.mainContent article section.sectionIndent ul {	
	font-size: 15px;
	line-height: 22px;
	width: 70%;
}

/* Leadership Section: Accordion
-------------------------------------------------------------------- */
section#accordionLeadership {
	margin-top: -1%;
}

section.mainContent article section#accordionLeadership h3  {
	color: #999;
	border-bottom: 1px solid #999;
	padding: 1.5% 0px 0.25% 0px;
}

section.mainContent article section#accordionLeadership h3.ui-state-active  {
	color: #111;
	border-bottom: 1px solid #111;
}

section.mainContent article section#accordionLeadership h3:hover {
	cursor: pointer;
	color: #666;
	border-bottom: 1px solid #666;
}

span.accordionArrow img { 	
	float: right;
	height: 13px;
	margin: 10px 2% 0px 0px;
	-webkit-transition:all 300ms ease-in 0s;
	-moz-transition: all 300ms ease-in 0s;
	-o-transition: all 300ms ease-in 0s;
	transition: all 300ms ease-in 0s;
}

.ui-state-active span.accordionArrow img  {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

section.mainContent article.info  {
	padding: 1% 0px 1% 0px;	
}

section.mainContent p.shim  {
	padding: 1.5% 0px 0px 0px;	
}

/* Board Members
-------------------------------------------------------------------------------- */
section.mainContent article p.TableCell {
	clear: both;
	font-weight: 300;
	padding: 10px 0px 0px 0px;
}

section.BoardTable span.TableColumn1, section.BoardTable span.TableColumn2, section.BoardTable span.TableColumnHidden  {
	float: left;
	width: 31%;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	margin: -10px 0px 0px 0px;
	padding: 0px;
}

section.BoardTable span.TableColumn2 {
	width: 69%;
}

section.BoardTable span.TableColumnHidden {
	display: none;
}

/* Financials Section: Pie Chart
-------------------------------------------------------------------- */
section.mainContent article p.TableCell {
	clear: both;
	font-weight: 300;
}

section.FinancialTable span.TableColumn1, section.FinancialTable span.TableColumn2 {
	float: left;
	width: 30%;
	font-weight: 300;
}

section.FinancialTable span.TableColumn2 {
	text-align: right;
}

section#piechart1, section#piechart2, section#piechart3 {
	height: 320px;
	width: 70%;
	margin: 1% 0px 0px 28%;
	overflow: hidden;
	z-index: 1;
}

section#piechart2 {
	height: auto;
	width: 90%;
	margin: 1% 0px 0px 0px;
	z-index: 1;
}

section#piechart2 img {
	height: auto;
	width: 100%;
}

/* Styles for screen sizes with (max-width: 860px) and smaller
-------------------------------------------------------------------------------- */
@media all and (max-width: 860px) {
	/* Page Content
	-------------------------------------------------------------------------------- */
	section.mainContent {
		clear: both;
	}
	
	/* Section sidebar
	-------------------------------------------------- */
	section.textColumn {	
		width: 61%;
		margin: 0px 2% 2% 37%;
		padding: 0px 0px 0px 0px;
		float: none;
	}
	
	section.sidebar {
		width: 58%;
		margin: 0px 2% 0px 37%;
		padding: 0px 1.5% 0px 1.5%;
		float: none;
	}
	
	/* Slideshows & static images
	-------------------------------------------------------------------- */
	section#Slideshow1, section#Slideshow2, section.staticImage {
		margin: 2% 2% 0px 37%;
		width: 20%;	
	}
	
	section.mainContent article section.textColumn section.staticImage {
		width: 32.5%;
	}
	
	section.sidebar section.staticImage {
		margin: 2% 2% 0px 0px;
		width: 33%;
		float: left;
	}

	section.mainContent article section.sidebar ul.bulletList {
		margin-left: 36%;
		width: 62%;
	}  

	/* Text styles
	-------------------------------------------------------------------- */
	section.mainContent article h2, section.mainContent article h3 {
		width: 61%;
		margin: 0px 2% 0px 37%;
		padding: 2% 0px 0.25% 0px;
		font-size: 19px;
		line-height: 30px;
	}
	
	section.mainContent article h3 {
		font-size: 17px;
		line-height: 28px;
	}
	
	section.mainContent article p {
		width: 61%;
		margin: 0px 2% 0px 37%;
		font-size: 16px;
		line-height: 25px;
	}
	
	section.mainContent article p.quote {
		font-size: 24px;
		line-height: 30px;
	}
	
	section.mainContent article ul {
		font-size: 16px;
		line-height: 22px;		
	}	
	
	ul.bulletList li.first {
		margin: 3% 0px 0px 0px;
	}

	section.mainContent article section.sidebar p, section.mainContent article section.sidebar ul {
		font-size: 14px;
		line-height: 21px;
	}
	
	section.mainContent article section.sectionIndent {	
		font-size: 14px;
		line-height: 21px;
		margin: 2.5% 0px 0px 45%;
	}
	
	section.mainContent article section.sectionIndent p, section.mainContent article section.sectionIndent ul {	
		font-size: 14px;
		line-height: 21px;
		width: 65%;
	}
	
	/* Leadership Section: Accordion
	-------------------------------------------------------------------- */
	section.mainContent article section#accordionLeadership h3  {
		padding: 1.75% 0px 0.5% 0px;
	}	
	
	span.accordionArrow img { 
		height: 10px;
	}	

	/* Board Members
	-------------------------------------------------------------------------------- */	
	section.BoardTable span.TableColumn1, section.BoardTable span.TableColumn2 {
		width: 40%;
	}
	
	section.BoardTable span.TableColumn2 {
		width: 60%;
	}
	
	/* Financials Section: Pie Chart
	-------------------------------------------------------------------- */	
	section.FinancialTable span.TableColumn1 {
		width: 70%;
	}
	
	section.FinancialTable span.TableColumn2 {
		width: 27%;
	}
	
	section#piechart1, section#piechart3 {
		height: 300px;
		width: 63%;
		margin: 1% 0px 1% 37%;
	}	
}

/* Styles for screen sizes with (max-width: 610px) and smaller
-------------------------------------------------------------------------------- */
@media all and (max-width: 610px) {			
	/* Page sections
	-------------------------------------------------------------------- */
	section.mainContent article {
		clear: both;
	}
	
	section.mainContent article.parallax1, section.mainContent article.parallax2, 
	section.mainContent article.parallax3, section.mainContent article.parallax4 {
		background-attachment: scroll;
	}
	
	section.mainContent article.parallax1 {
	 	padding-top: 20%;		 
    	background-position: center 70px;
	}
	
	/* Section sidebar
	-------------------------------------------------- */
	section.textColumn {	
		width: 96%;
		margin: 0px 2% 0px 2%;
	}
	
	section.sidebar {
		width: 93%;
		margin: 1% 2% 0px 2%;
		padding: 0px 1.5% 1.5% 1.5%;
	}
	
	section.mainContent article section.sidebar h4 {
		font-size: 15px;
		line-height: 28px;
	}   
	
	/* Slideshows & static images
	-------------------------------------------------------------------- */
	section#Slideshow1, section#Slideshow2, section.staticImage {
		margin: 2% 2% 0px 2%;
		width: 30%;
	}
		
	section.mainContent article section.textColumn section.staticImage {
		margin: 1.5% 2% 0px 0px;
		width: 31%;
	}
	
	/* Text styles
	-------------------------------------------------------------------- */
	section.mainContent article h2, section.mainContent article h3 {
		width: 96%;
		margin: 0px 2% 0px 2%;
		font-size: 18px;
	}
	
	section.mainContent article h3 {
		font-size: 16px;
		line-height: 24px;
	}
	
	section.mainContent article p {
		width: 96%;
		margin: 0px 2% 0px 2%;
		font-size: 14px;
		line-height: 21px;
	}
	
	section.mainContent article p.quote {
		font-weight: 400;	
		font-size: 20px;
		line-height: 25px;
	}	
	
	section.mainContent article p.quote span.quoteCite {
		font-weight: 400;
	}
	
	section.mainContent article ul {
		font-size: 14px;
		line-height: 21px;
	}
	
	section.mainContent article section.sidebar p, section.mainContent article section.sidebar ul, section.mainContent article section.sectionIndent, 
	section.mainContent article section.sectionIndent p, section.mainContent article section.sectionIndent ul {	
		font-size: 13px;
		line-height: 21px;
	}
	
	section.mainContent article section.sectionIndent {	
		margin: 2.5% 0px 0px 12%;
	}
	
	/* Leadership Section: Accordion
	-------------------------------------------------------------------- */	
	section.mainContent article section#accordionLeadership h3  {
		padding: 2% 0px 1% 0px;
	}
	
	span.accordionArrow img { 
		height: 8px;
		margin: 7px 2% 0px 0px;
	}	
	
	/* Board Members
	-------------------------------------------------------------------------------- */	
	section.BoardTable span.TableColumn1, section.BoardTable span.TableColumn2, section.BoardTable span.TableColumnHidden  {
		line-height: 15px;
		width: auto;
		float: none;
	}
	
	section.BoardTable span.TableColumnHidden {
		display: inline;
	}
	
	/* Financials Section: Pie Chart
	-------------------------------------------------------------------- */	
	section#piechart1, section#piechart2, section#piechart3 {
		margin: 1% 0px 1% 2%;
	}	
}

/* Styles for screen sizes with (max-width: 370px) and smaller / Smartphones
-------------------------------------------------------------------------------- */
@media all and (max-width: 370px) {	
	/* Page sections
	-------------------------------------------------------------------- */
	section.mainContent article.parallax1 {
	 	padding-top: 17%;		 
    	background-position: center 40px;
	}
	
	/* Section sidebar
	-------------------------------------------------- */
	section.sidebar {
		margin: 2% 2% 0px 2%;
		padding: 1.5% 1.5% 1.5% 1.5%;
	}
	
	/* Slideshows & static images
	-------------------------------------------------------------------- */
	section#Slideshow1, section#Slideshow2, section.staticImage {
		margin: 2.5% auto;
		width: 90.5%;
		padding: 2%;
		float: none;
		max-width: 500px;
	}
	
	section.staticImage {
		width: 91.5%;
		max-width: 500px;
	}
	
	section.sidebar section.staticImage {
		margin: 0.25% auto 1.5% auto;
		width: 95.25%;
		padding: 2%;
		float: none;
		max-width: 500px;
	}
	
	section.mainContent article section.textColumn section.staticImage {
		margin: 2.5% auto 2.5% auto;
		width: 95.25%;
		padding: 2%;
		float: none;
		max-width: 500px;
	}
	
	section.mainContent article section.sidebar ul.bulletList {
		margin-left: 1.5%;
		width: 96%;
	}
	
	section.mainContent article section.sectionIndent {	
		margin: 2.5% 0px 0px 2.5%;
	}
	
	section.mainContent article section.sectionIndent p, section.mainContent article section.sectionIndent ul {	
		width: 92%;
		margin: 0px 2.5% 0px 2.5%;
	}
	
	/* Leadership Section: Accordion
	-------------------------------------------------------------------- */	
	section.mainContent article section#accordionLeadership h3  {
		padding: 3% 0px 1% 0px;
		font-size: 15px;
	}
	
	span.accordionArrow img { 
		height: 7px;
		margin: 9px 2% 0px 0px;
	}	
	
	section.mainContent p.shim  {
		padding: 0.5% 0px 0px 0px;	
	}
}