@charset "UTF-8";
@import url('//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Nunito:100,300,400,700|Roboto:100,200,300,400,500,700|Oswald:300,400,700');

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	zoom: 1;
}

h1, h2, h3, h4 {
	font-family: 'Oswald', Impact, sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 48px;
	line-height: 54px;
}

h2 {
	font-size: 36px;
	line-height: 42px;
}

h3 {
	font-size: 28px;
	line-height: 34px;
}

h4 {
	font-size: 22px;
	line-height: 28px;
}

p {
	font-size: 18px;
	line-height: 22px;
}

table td,
ul li {
	clear: both;
	font-size: 18px;
	line-height: 22px;
}

strong {
	font-weight: 500;
}

button {
	cursor: pointer;
}

a {
	text-decoration: none;
	outline: none;
	color: #006ca8;
}

a:hover {
	text-decoration: none;
	color: #309cd8;
}

img {
	max-width: 100%;
}

#bodyCss {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', Tahoma, sans-serif;
	font-weight: 300;
	color: #000;
	text-align: center;
	background: #fff;
}

#mainContent {
	padding: 0 0 75px;
}

#mainContent .wrapper {
	padding-top: 20px;
}

.page-header {
	margin-bottom: 25px;
	border-bottom: 1px dotted #999;
}

	.page-header h1 {
		margin-bottom: 15px;
	}

.menuBar {
	width: 100%;
	padding: 0;
	background: #fff;
	z-index: 999;
}

	.menuBar .wrapper {
		padding: 0;
		font-size: 0;
	}

.wrapper {
	width: 80%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

	.wrapper .blog,
	.wrapper .item-page {
		width: 90%;
		margin: 0 auto;
	}

.moduletableBanners {
	position: relative;
	margin: 15px auto 35px;
	z-index: 10;
}

	.moduletableBanners ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.owl-carousel .owl-item img {
		margin: -150px 0 0;
	}

	.home .owl-carousel .owl-item img {
		margin: 0;
	}

	.rs-caption {
		position: absolute;
		bottom: 0;
		left: 0;
	}

.moduletableBanners .owl-dots {
	position: relative;
	float: none;
	margin: -50px auto 30px;
}

.moduletableBanners #caption {
	position: absolute;
	bottom: 10%;
	left: 10%;
	z-index: 10;
}

	.moduletableBanners #caption h3,
	.moduletableBanners #caption p {
		float: left;
		padding: 15px 25px;
		color: #fff;
		background: #000;
	}

	.moduletableBanners #caption h3 {
		margin: 0 0 1px;
		font-size: 42px;
	}

	.moduletableBanners #caption p {
		clear: both;
		margin: 1px 0 0;
		font-size: 36px;
		font-weight: 100;
		letter-spacing: -1px;
	}

.moduletableBanners .bannerfooter hr {
	clear: both;
	position: relative;
	float: right;
	width: 45px;
	height: 25px;
	margin: 0 0 -25px -45px;
	padding: 0;
	border: 0 none;
	cursor: pointer;
	background: url('../images/toggle.png') no-repeat center center;
	z-index: 20;
}

	.home .moduletableBanners .bannerfooter {
		display: none;
	}

.customLogo {
	display: inline-block;
	width: 35%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.moduletableSearch {
	display: inline-block;	
	margin: 30px 5px;
	vertical-align: top;
}

	.moduletableSearch h3 {
		margin: 0;
		padding: 10px 5px;
	}

	.moduletableSearch .modContent {
		position: absolute;
		display: none;
	}

.threeCols,
.twoCols {
	font-size: 0;
	text-align: center;
}

	.threeCols > div,
	.threeCols > p,
	.twoCols > div,
	.twoCols > p {
		display: inline-block;
		width: 50%;
		margin: 0;
		padding: 0;
		font-size: 22px;
		line-height: normal;
		text-align: left;
		vertical-align: top;
	}

	.threeCols > div,
	.threeCols > p {
		width: 33.3%;
	}

	.lgrey > div {
		width: 48%;
		margin: 0 1%;
		padding: 10px;
		background: #eee;
	}

	.lgrey > p {
		width: 46%;
		margin: 0 1%;
		padding: 25px 5%;
		background: #eee;
	}

.threeCols .modContent,
.threeCols .blog-featured .items-row .item {
	padding: 10px 15px;
}

	.home .blog-featured .items-row p {
		line-height: 1.5;
	}

.moduletableMemberNews .modImg,
.moduletableLatestTweets .modImg {
  padding: 10px 0 0;
  max-height: 191px;
}

.contact-us p {
	font-size: 20px;
	line-height: 24px;
}

	.contact-us .contactForm {
		text-align: center;
	}

	.contact-us .contact-form {
		display: inline-block;
		text-align: left;
	}

	.contact-us .contact .contactForm,
	.contact-us .contact .contact-miscinfo {
		width: 50%;
		margin: 0 !important;
		padding: 0 !important;
	}

	.contact-us .contact .contactForm form,
	.contact-us .contact .contact-miscinfo .content {
		padding: 10px;
	}

	.contact-us .contact .contact-miscinfo .content {
		margin: 0 25px;
	}

	.contact-us .contact .contact-miscinfo p:first-child {
		margin-top: 0;
	}

	.control-group {
		clear: both;
		margin: 5px auto;
	}

	.control-label {
		float: left;
		width: 30%;
		font-size: 18px;
		line-height: 18px;
	}

	.control-label label {
		display: block;
		padding: 5px;
		font-size: 20px;
		line-height: 20px;
		text-align: right;
	}

	.controls {
		overflow: hidden;
	}

	input,
	select,
	textarea {
		padding: 4px;
		width: 85%;
		font-size: 20px;
		line-height: 20px;
		border: 1px solid #c0c0c0;
	}

	select {
		padding: 0;
	}

	textarea {
		width: 100%;
		min-height: 200px;
	}

	.contact-us .contact .copyEmail .control-label {
		float: right;
		width: 65%;
		padding: 5px;
	}

	.contact-us .contact .copyEmail label {
		display: inline;
		padding: 5px 0;
	}

	.contact-us .contact .copyEmail .controls {
		float: left;
		margin-left: 30%;
		padding: 7px 0;
	}

	.controls input[type="submit"],
	.controls button {
		float: left;
		width: auto;
		margin: 10px 0 0 30%;
		padding: 5px 15px;
		color: #fff;
		background: #005581;
		border: 2px solid #004571
	}

	.controls button:hover {
		background: #1075A1;
	}

	.contact-us .contact .copyEmail input {
		width: auto;
	}


#system-message-container {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 100;
}

	#system-message-container .alert {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 300px;
		min-height: 200px;
		margin: -150px 0 0 -150px;
		background: #ffc;
		border: 2px solid #999;
	}

.alert p {
	margin: 20px 30px;
	font-size: 18px;
	line-height: 20px;
	text-align: left;
}

.tooltip {
	position: absolute;
	padding: 5px 7px;
	text-align: left;
	font-size: 11px;
	line-height: 12px;
	color: rgb(0,0,0);
	background: rgb(255,255,200);
	border: 1px solid rgb(0,0,0);
}

	.tooltip strong {
	     font-weight: bold;
	}

	.tooltip .tip-text {
	     font-style: italic;
	}

.moduletableMemberNews {
}

.moduletableFacebook .modContent {
	text-align: center;
}

	.moduletableFacebook h1,
	.moduletableMemberNews h1 {
		color: #2aaae0;
	}

	.modImg {
		text-align: center;
	}

	.moduletableMemberNews .modContent {
		text-align: left;
	}

	.moduletableMemberNews .newsflashMemberNews p:first-child {
		margin-top: 0;
	}

.readmore {
	text-align: center;
}

	.readmore ul,
	.readmore li {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 0;
	}

	.readmore a {
		display: inline-block;
		margin: 0 auto;
		padding: 10px 20px;
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		text-transform: lowercase;
		background: #2aaae0;
	}

    .readmore.big-btn a {
		font-size: 32px;
      	line-height: 32px;
    }

	.moduletableLatestTweets .twitterWidgetLatestTweets {
		text-align: center;
	}

	.moduletableLatestTweets .readmore a {
		text-transform: none;
	}

	.moduletableLatestTweets h1 {
		color: #2aaae0;
	}

	.readmore a:hover {
		background: #5cccf9;
	}

.home .threeCols h1 {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 30px;
	font-weight: 200;
	text-align: center;
}

.news-events .blog .items-row {
	margin: 10px;
}

	.news-events .blog .article-info {
		float: left;
		width: 180px;
		clear: both;
		margin: 0 15px;
	}

	.news-events .blog .article-info .date {
		font-family: 'Oswald', Tahoma, sans-serif;
		font-size: 24px;
		color: #999;
		text-align: right;
	}

	.news-events .blog .items-row .content {
		padding: 10px 0;
		line-height: 38px;
		overflow: hidden;
	}

		.news-events .blog .items-row .content p {
			margin: 0;
		}


/* Requirements */
ol.requirements > li {
	font-size: 28px;
	font-weight: bold;
}

ol.requirements > li > ol > li{
	font-size: 18px;
	font-weight: 300;
}


#footer {
	position: relative;
	font-family: 'Roboto', Tahoma, sans-serif;
	font-size: 0;
	color: #657d86;
	background: #0d1b20;
	z-index: 90;
}

	#footer .leftPane,
	#footer .rightPane {
		display: inline-block;
		width: 50%;
		margin: 0;
		vertical-align: top;
	}

	#footer .wrapper {
		margin: 0 auto;
		padding: 35px 0;
		font-size: 0;
	}

	#footer .leftPane .moduletable {
		display: inline-block;
		vertical-align: top;
		width: 33.3%;
		padding: 0;
		margin: 0;
	}

	#footer .leftPane .moduletable .joomla-nav,
	#footer .leftPane .moduletable h3 {
		padding: 0 10px;
	}

	#footer .moduletableInfo {
		padding: 0 5%;
	}

	#footer .moduletable h3 {
		font-family: 'Roboto', Tahoma, sans-serif;
		margin: 0;
		padding: 0;
		font-size: 18px;
		line-height: 20px;
		color: #a5b4b9;
		text-align: left;
	}

	#footer .moduletable ul.menu {
		margin: 0;
		padding: 0;
		text-align: left;
		list-style: none;
	}

	#footer .moduletable ul.menu li a {
		display: block;
		margin: 0;
		padding: 0;
		text-align: left;
		color: #657d86;
	}

	#footer .moduletable ul.menu li a,
	#footer p {
		margin: 0;
		font-size: 18px;
		line-height: 20px;
		text-align: left;
	}

	#foooter .twoCols {
		text-align: right;
	}

	#footer .moduletableInfo p {
		color: #47616c;
		font-size: 16px;
		line-height: 18px;
	}

	#footer p strong {
		font-weight: 300;
		color: #fff;
	}

	#footer a {
		color: #a8aaaa;
	}

		#footer a:hover {
			color: #fff;
		}

	#footer .moduletableMisc ul.menu {
		list-style: none;
		margin: 25px 0 0;
		padding: 0;
	}

	#footer .moduletableMisc ul.menu li {
		display: inline-block;
		border-right: 1px solid #47616c;
		height: 14px;
		vertical-align: top;
	}

	#footer .moduletableMisc ul.menu li:last-child {
		border-right: 0 none;
	}

	#footer .moduletableMisc ul.menu li a {
		display: block;
		margin: -7px 0;
		padding: 5px 10px 2px;
		font-size: 16px;
		line-height: 16px;
		color: #47616c;
	}

	#footer .moduletableCopyright p {
		padding: 2px 10px 5px;
		font-size: 16px;
		color: #47616c;
	}

	#footer ul.menu li:hover a,
	#footer ul.menu li a:hover {
		color: #fff;
	}

table.data {
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 1px;
	border-bottom: 2px solid #ccc;
}

	table.data th {
		color: #fff;
		background-color: #ccc;
	}

	table.data tr:nth-child(even) td {
		background-color: #f5f5f5;
	}

	table.data tr:nth-child(odd) td {
		background-color: #e9e9e9;
	}

	table.data tr:hover td {
		cursor: pointer;
		background-color: #ffc;
	}

ul.profiles {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

	ul.profiles li {
		display: inline-block;
		width: 220px;
		margin: 10px 15px;
		vertical-align: top;
		font-size: 16px;
		line-height: 18px;
	}

	ul.profiles li img {
		max-width: 100%;
		height: auto;
		margin-bottom: 5px;
	}

.board-of-trustees .page-header h1 {
	text-align: center;
}

@media screen and (max-width: 1520px) {
	.wrapper {
		width: 95%;
	}
}

@media screen and (max-width: 1024px) {
	.moduletableBanners {
		margin-top: 0;
	}
}

@media screen and (max-width: 980px) {
	.customLogo {
		width: 35%;
		font-size: 0;
	}
  
	.threeCols > p,
	.threeCols > div {
		display: block;
		margin-bottom: 35px;
		width: auto;
	}

	.moduletableBanners #caption h3,
	.moduletableBanners #caption p {
		padding: 10px 15px;
		font-size: 32px;
		line-height: 34px;
	}

	.moduletableBanners .owl-dots {
		position: relative;
		float: none;
		margin: -30px auto 30px;
	}

	#footer .leftPane,
	#footer .rightPane {
		display: block;
		width: auto;
	}

	#footer .moduletableInfo p,
	#footer .moduletableMisc,
	#footer .moduletableCopyright p,
	#footer .moduletable h3,
	#footer .moduletable ul.menu li a {
		text-align: center;
	}

	#footer .moduletableInfo p span[style] {
		float: none !important;
		display: inline-block;
		vertical-align: top;
	}

	#footer .moduletableMisc .menu {
		display: inline-block;
	}
}

@media screen and (max-width: 640px) {
	.moduletableBanners #caption h3,
	.moduletableBanners #caption p {
		padding: 5px 10px;
		font-size: 26px;
		line-height: 28px;
	}

	* .twoCols > p,
	* .twoCols > div {
		display: block;
		width: auto;
	}
}

@media screen and (max-width: 480px) {
	#mainContent {
		padding: 75px 0 25px;
		word-break: break-all;
	}

	.menuBar .wrapper {
		width: 100%;
	}

	.customLogo {
		margin: 15px 5px 10px;
		text-align: left;
	}

	.customLogo img {
		width: 280%;
		max-width: 350px;
	}

	.modImg img {
		max-width: 60%;
	}

	p {
		font-size: 14px;
		line-height: 16px;
	}

	* img {
		max-width: 98%;
	}

	.moduletableBanners img {
		max-width: 100%;
	}

	#footer .leftPane .moduletable {
		display: block;
		width: auto;
	}

	.moduletableBanners .owl-dots {
		position: relative;
		float: none;
		margin: 0 auto;
	}

	.moduletableBanners #caption {
		bottom: 20%;
	}

	.moduletableBanners #caption h3,
	.moduletableBanners #caption p {
		padding: 3px 5px;
		font-size: 18px;
		line-height: 20px;
	}

}

ul.fb-photos {
	text-align: center;
}

li.fb-album, li.fb-photo {
  	margin: 10px;
}

.fb-preview-container {
  	display: table;
  	width: 100%;
  	height: 100%;
}

.fb-preview-content {
  	display: table-cell !important;
	text-align: center;
	vertical-align: middle;
  	margin: 0 !important;
}

/* CSS Hacks */
.wrapper::after,
.clearFix::after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.wrapper,
.clearFix {
	display: inline-block;
}

	.pagination ul {
      	margin-top: 2em;
		padding: 0;
		list-style: none;
       	text-align: right;
	}

		.pagination ul li {
			display: inline-block;
			vertical-align: middle;
		}

		.pagination ul .pagenav {
			display: block;
			margin: 0 .25em;
			padding: .25em .35em;
			font-size: 1em;
			text-decoration: none;
		}

		.pagination .counter {
			display: none;
		}




html[xmlns] .clearFix,
html[xlmns] .wrapper {
	display: block;
}

* html .clearFix,
* html .wrapper {
	height: 1%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #778EAD;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #778EAD;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #778EAD;
}
:-moz-placeholder { /* Firefox 18- */
	color: #778EAD;
}