/* CSS Document */



.ContentPaneTopBanner img { /*set images in contect pane to be responsive*/
	width:100%; 
	height:auto;
	float:none;
}


/*  MOBILE DEVICE STYLESHEET  == */

/*  GO FULL WIDTH AT LESS THAN 768 PIXELS eg iphones in landscape  */

@media only screen and (max-width: 767px) { 
#Crest {
	display:none;
}
#FooterBackground .col p, #FooterBackground .col li{
	text-align:center;
}
#search {
	margin:12px 0;
}

.ContentPane img { /*set images in contect pane to be responsive*/
	width:100%; 
	height:auto;
	float:none;
}

.mastCOAWrapper, .mastMembersTitleWrapper, .sloganWrapper {
	float:none;
	display:block;
	text-align:center;

}


/*Begin Grid styles*/
html .section {
	
	}
	
	.col { 
		margin: 1% 0 1% 0%;
	}
	
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
	
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
	
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
		.span_6_of_6 {
		width: 100%; 
	}
	.span_5_of_6 {
		width: 100%; 
	}
	.span_4_of_6 {
		width: 100%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 100%; 
	}
	.span_1_of_6 {
		width: 100%; 
	}
	/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */


	.span_9_of_9 {
		width: 100%; 
	}
	.span_8_of_9 {
		width: 100%; 
	}
	.span_7_of_9 {
		width: 100%; 
	}
	.span_6_of_9 {
		width: 100%; 
	}
	.span_5_of_9 {
		width: 100%; 
	}
	.span_4_of_9 {
		width: 100%; 
	}
	.span_3_of_9 {
		width: 100%; 
	}
	.span_2_of_9 {
		width: 100%; 
	}
	.span_1_of_9 {
		width: 100%; 
	}

	/*********end Grid styles***********/


/****Home Page article styles*****/	

.articles h1 {
font-size:20px;

}	

.articles .articleImage {
margin:10px 0 0 0;
}


html #homearticles .article_listing {
	width:100%;
height:auto;
}
html #homearticles .posted-in-box {
width: 100%;
padding-right:0 !important;
padding-left:0 !important;
}
/*simple gallery responsive styles */

td.album-item {
display:block;
}

td.album-item .top----,
.topx----,.top-x---,.top--x--,.top--x--,.top---x-,.top----x,
.botx----,.bot-x---,.bot--x--,.bot--x--,.bot---x-,.bot----x,
.mtpx----,.mtp-x---,.mtp--x--,.mtp--x--,.mtp---x-,.mtp----x,
.mbtx----,.mbt-x---,.mbt--x--,.mbt--x--,.mbt---x-,.mbt----x /*removed all simple gallery frame images for iphone display */
 {
	display:none;
}	

table#dnn_ctr421_Gallery_ViewGallery_ucViewPhotos_dlGallery td {
width:50%;
}

}


/*============================  screen - up to 987px wide - width at which grids start squashing ====================================*/

@media only screen and (min-width: 768px) and (max-width: 987px) {






.articles .featuredArticleInfo {
width:100%;
}
a.homeFeaturedArticleImage {
width:100%; height:252px; display:block; padding-bottom:5px; float:none; margin-left:0px; margin-bottom:10px; margin-top:10px;
}

}

@media only screen and (min-width: 768px) and (max-width: 940px) {
#Crest {
	display:none;
}
.mastMembersTitleWrapper {
	margin:0px 0 20px 50px;
	
}

html img#Slogan  {
	width:220px;
	height:56px;
	
}
}

/* Social icons on mast image */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#MastPhotoBannerHome #SocialIcons {
	top:6%;
	height:80%;
	font-size:11.5px;	
	
}

#SocialIcons {
	font-size:9px	
}
}
@media only screen and (min-width: 620px) and (max-width: 767px) {
#SocialIcons {
	font-size:7px	
}
#MastPhotoBannerHome #SocialIcons {
	font-size:9.5px;
	top:6%;
	height:80%;
}
}


@media only screen and (max-width: 619px) { 
#SocialIcons {
	font-size:3px	
}
#MastPhotoBannerHome #SocialIcons {
	font-size:5.5px;
	top:1%;
	height:90%;
	
}
}


@media only screen and (max-width: 480px) {


/*simple gallery responsive styles */
td.album-item {
display:block;
}

td.album-item .top----,
.topx----,.top-x---,.top--x--,.top--x--,.top---x-,.top----x,
.botx----,.bot-x---,.bot--x--,.bot--x--,.bot---x-,.bot----x,
.mtpx----,.mtp-x---,.mtp--x--,.mtp--x--,.mtp---x-,.mtp----x,
.mbtx----,.mbt-x---,.mbt--x--,.mbt--x--,.mbt---x-,.mbt----x /*removed all simple gallery frame images for iphone display */
 {
	display:none;
}	

table#dnn_ctr421_Gallery_ViewGallery_ucViewPhotos_dlGallery td {
width:50%;
}

/*end simple gallery responsive styles */

h1 {
	
	margin: 20px 0 30px 0;
	
	font-size: 24px;
	
	
}

h2 {
	
	margin: 10px 0 20px 0;
	font-size: 18px;
	color:#4b4b4b;
	letter-spacing:normal;
	line-height:110%;
}


h3 {
	
	font-size: 14px;
	font-family: 'Open sans', Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 10px 0 0px 0;
	color:#4b4b4b;
	letter-spacing:normal;
	line-height:110%;
}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {

/*simple gallery responsive styles */


body .photo_198 { /*sets all simple gallery images to 100px for iphone display */
width:100%;
height:auto;
}
td.album-item {
display:block;
}

td.album-item .top----,
.topx----,.top-x---,.top--x--,.top--x--,.top---x-,.top----x,
.botx----,.bot-x---,.bot--x--,.bot--x--,.bot---x-,.bot----x,
.mtpx----,.mtp-x---,.mtp--x--,.mtp--x--,.mtp---x-,.mtp----x,
.mbtx----,.mbt-x---,.mbt--x--,.mbt--x--,.mbt---x-,.mbt----x /*removed all simple gallery frame images for iphone display */
 {
	display:none;
}	

table#dnn_ctr421_Gallery_ViewGallery_ucViewPhotos_dlGallery td {
width:50%;
}

/*end simple gallery responsive styles */


}