html {
		/*padding:0;
		margin:0;*/
		font-family:Helvetica,Arial,sans-serif;
	}
	body {
		margin: 0;
		padding: 0;
	}
	.bgImage {
		width:100%;
		height:0px;
		padding-top:25%;
	}
	#overlay {
		background-image: url(images/whiteTransp.png);
		background-repeat: repeat-x;
		z-index: 1;
		position: absolute;
		top:0;
		width:100%;
	}
	#title {
		width: 100%;
		padding-top:10px;
		text-align:center;
	}
	#title img, #title h2 {
		margin: 0 auto;
	}	
	#title h2 {
		font-size: 20px;
		font-weight: 200;
		color: #1D536E;
		margin-top:-10px;
	}
	.pageTitle{
		/*font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;*/
		background-color:#1D536E;
		color:white;
		text-align:center;
		font-size:22px;
		padding:4px 0 ;
		position:relative;
		top:-5px;
		/*font-family:Helvetica,Arial,sans-serif;font-weight:bold;*/
	}
	.content {
		width:900px;
		margin: 0 auto;
		padding: 20px 60px 0 60px;
		/*font-family:open-sans;*/
		font-size:.9em;
		color:#555;
		font-weight:normal;
		line-height:1.5em;
		background-color:white;
	}
	h3 {
		color:#1D536E;
		font-weight:normal;
	}
	.floatLeft{
		float:left;
	}
	.size30 {
		width:30%;
	}
	.size60 {
		width:60%;
	}
	.size50 {
		width:50%;
	}
	.pageText p {
		text-align:justify;
	}
	.pageText {
		float:left;
		width:60%;
	}
	.seperator{
		height:10px;
		clear:both;
		margin-bottom:20px;
	}
	.alignLeft{
		text-align:left;
	}
	.textShadow{
		text-shadow:4px 4px 6px #888;
	}
	.switchClickClass {
		font-weight: .7em;
		padding:2px 10px;
		background-color:green;
		color:white;
		border: 2px solid #999;
		border-radius:12px;
		cursor:pointer;
	}
	.socialMedia {
			padding:20px;
			text-align:center;
	}	
	.socialMedia a {
		margin:0 10px;
	}
/**************** NAVIGATION ***************/	
	.navigationHolder {
		height: 34px;
		background-color:#1D536E;
	}
	.nav{
		margin:0;
		padding:0;
		text-align:center;
		list-style:none;
	}
	.nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
	}
	.nav li {
		display:inline;
	}
	.nav a {
		display:inline-block;
		color: white;
		text-align: center;
		padding: 7px 10px 0 10px;
		text-decoration: none;
	}
	li a:hover {
		color: yellow;
	}
/***************** FORMS ********************/
	.contactForm {
		width:30%;
		float:right;
		margin: 20px 0 0 0;
		padding: 4px 12px;
		width:30%;
		background-color:#EEE;
		border:1px solid #444;
		box-shadow: 8px 8px 8px #1D536E;
	}	
	input, textarea {
	  width: 90%;
	  border: 1px solid gray;
	  padding: 0.5rem 0.65rem;
	  font-family:Helvetica,Arial,sans-serif;
	  font-size:.85em;
	}
	input[type=text], input[type=search], input[type=url], input[type=number], textarea {
	  -webkit-appearance: none;
	}
	.smallerFont {
		font-size:.85em;
	}
	.formSubmitButton{
		width:98%;
		background-color:green;
		border:1px solid black;
		color:white;
		padding:6px 0;
		box-shadow: 1px 1px 1px #666;
		cursor:pointer;
	}
	textarea::placeholder {
	  color: #222;
	  font-size:1em;
	  font-family:Helvetica,Arial,sans-serif;
	}
/*****************  FOOTER *******************/
	footer {
		/*background-Color: #EEE;*/
		background: linear-gradient(#BBB 0.2%, #EEE 24.8%, #EEE 25%, #EEE 25%, #EEE 25%);
		padding: 30px 0 30px 46px;
		margin-top:14px;
		text-align:center;
		font-size:.85em;
		border-top:2px solid #1D536E;
	}
	footer:after{
		content: "";
		display: block;
		clear: both;
		
	}
	.footerShadowx{
		height:1px;
		background-Color: #1D536E;
		/*box-shadow: 10px 10px 10px  #1D536E;*/
		box-shadow: 10px 10px 10px  #000;
		/*margin-bottom:40px;*/
	}
	footer ul{
		display:inline-block;
		vertical-align:top;
		padding: 0;
		list-style-type: none;
		color:  #333;
		margin-right: 2%;
		/*border:1px solid yellow;*/
	}
	.footerLeft{
		width: 300px;
	}
	.footerCenter{
		width: 300px;
	}
	.footerRight{
		width: 300px;
	}
	footer li{
		margin: 10px 0;
	}
	footer h1 {
		margin-top:0;
	}
	.socialMediaFooter {
			padding:20px;
			text-align:center;
	}	
	.socialMediaFooter a {
		margin:0 1%;
	}
	.socialMediaFooter img {
		width:35px;
		height:35px;
	}
/********************* MEDIA ******************************/
@media only screen and  (max-width : 1100px) {
	.bgImage {
		background-size: 150%;
		padding-top:36%;
		background-position: center top;
	}
	.content {
		width:80%;
	}
	.nav a {
		font-size:.8em;
		padding: 11px 6px 0 6px;
	}
	.footerLeft{
		width: 20%;
	}
	.footerCenter{
		width: 20%;
	}
	.footerRight{
		width: 30%;
	}
	.pageText {
		width:44%;
	}
	.contactForm {
		width:44%;
	}
} 
@media only screen and  (max-width : 768px) {
	#title h2 {
		font-size: 14px;
	}
	.bgImage {
		background-size: 200%;
		padding-top:42%;
		background-position: center top;
	}
	.content {
		width:80%;
	}
	.contactForm {
		float:none;
		width:90%;
		margin: 0 auto;
	}
	.pageText {
		float:none;
		width:90%;
		margin: 0 auto;
	}
	footer {
		padding: 0;
		margin-top:12px;
	}
	footer ul{
		display:block;
		vertical-align:top;
		width: 75%;
		margin: 0 auto;
	}
	.nav a {
		font-size:.8em;
		padding: 7px 6px 0 6px;
	}
	.footerLeft{
		width: 70%;
	}
	.footerCenter{
		width: 70%;
	}
	.footerRight{
		width: 70%;
	}
	.mobileNavBurger {
		display:block;
		height:34px;
		width:100%;
		background: url(images/burger.png) no-repeat 98% center;
		background-color:#1D536E;
		cursor:pointer;
	}
	nav ul{
		overflow:hidden;
		background:#277298;
		height:0;
	} 
	nav ul.open {
		height:auto;
	}
	.nav li {
		display:block;
		width:100%;
	}
	.nav a {
		font-size:16px;
		padding:6px 0;
		border-bottom:1px solid #DDD;
		display:block;
		text-align:left;
		margin-left:10px;
	}

}
@media only screen and  (max-width : 480px) {
	.bgImage {
		background-size: 250%;
		padding-top:80%;
		background-position: center top 100px;
	}
	.content {
		width:90%;
		margin: 0 auto;
		padding: 8px 0px 0 0px;
	}
	.contactForm {
		float:none;
		width:90%;
		margin: 0 auto;
	}
	.pageText {
		float:none;
		width:90%;
		margin: 0 auto;
	}
	footer {
		padding: 16px 0;
		margin-top:12px;
	}
	footer ul{
		display:block;
		vertical-align:top;
		width: 75%;
		margin: 0 auto;
	}

}