﻿.page .container {
    /* Change the maximum width of the grid here */
    max-width: 1600px;
	   
}

.page img {
 max-width: 100%;
 height: auto;
}
.page .heropic1 {
		background-image: none;			
}
.page .paddingright40 {
	padding-right: 40px;
}
.page .paddingtop40 {
	padding-top: 40px;
}

.page .paddingbottom40 {
	padding-bottom: 40px;
}
.page .paddingtop20 {
	padding-top: 20px;
}

.page .paddingbottom20 {
	padding-bottom: 20px;
}


.page .center {
	text-align: center;
}
.page .back {
		background-image: url(/images/back.jpg);
			background-repeat: repeat;
		
		
}


/* Style all typographical elements nested within .page */

.page h1 {
 font-family: 'Khand', sans-serif;
   font-size: 36px;
 color: #0A3AAD;
 font-weight: 600;
}
.page h2 {
 font-family: 'Khand', sans-serif;
 font-size: 24px;
 color: #000;
 font-weight: 600;
}
.page h3 {
 font-family: 'Squada One', cursive;
 font-size: 20px;
 color: #000;
}

.page .bodytext {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #000;
	font-size: 22px; 
}
.page .smallbodytext {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #000;
	font-size: 16px; 
}

.page .bodytext ul{
padding: 0px;	
}

.page .bodytext li{
list-style-image: url(/images/bullet.png);
	list-style-position: inside;
    padding-left: 20px;
    text-indent: -28px;	
    line-height: 30px;
}

.page .whitehead {
 font-family: 'Khand', sans-serif;
  font-size: 34px;
 color: #fff;
 font-weight: 600;
}
.page .whitehead a {
 color: #fff;

}

.page .whitehead a:active {
 color: #fff;

}

/* Whitehead28 is same as whitebodytext for mobile*/
.page .whitehead28 {
 font-family: 'Pathway Gothic One', sans-serif;
	color: #fff;
	font-size: 22px; 

}

.page .whitebodytext {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #fff;
	font-size: 22px; 
}
.page .smallwhitebodytext {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #fff;
	font-size: 20px; 
	line-height: 22px;
}
.page .smallwhitebodytext a {
		color: #fff;
	
}

.page .smallwhitebodytext a:hover {
		color: #ccc;
	
}
.page .smallerwhitebodytext {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #fff;
	font-size: 16px; 
	line-height: 18px;
}
.page .smallerwhitebodytext a {
		color: #fff;
	
}

.page .smallerwhitebodytext a:hover {
		color: #ccc;
	
}

.page .redsubhead {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #E73D3E;
	font-size: 28px; 
}
.page .bluesubhead {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #0A3AAD;
	font-size: 22px; 
}


.page .red {
	background-color: #E73D3E;
	height: 24px;
}
.page .blue {
	background-color: #051960;
	min-height: 24px;
}
.page .membertable {
width: 100%;
}
	
.page .membertable td{
	vertical-align: top;
	text-align: left;
	padding-bottom: 10px;
	
}
.page .bullettext {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #000;
	font-size: 22px; 
}

.page .bullettext ul{
padding: 0px;	
}

.page .bullettext li{
list-style-image: url(/images/bullet.png);
	list-style-position: inside;
    
    text-indent: -28px;	
    line-height: 30px;
}




/* Larger than mobile */
@media (min-width: 400px) {
.page .heropic1 {
		background-image: none;			
}


}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
.page .heropic1 {
		background-image: none;			
}
.page .bluesubhead {
		font-size: 20px; 
}
.page .whitehead28 {
 font-family: 'Khand', sans-serif;
  font-size: 20px;
 color: #fff;
 background-color: #0099CC;
 padding: 5px;
 font-weight: 600;
}


}

/* Larger than tablet */
@media (min-width: 750px) {
.page .heropic1 {
		background-image: url(/images/checkerplate.jpg);
			background-repeat: no-repeat;
		min-height: 600px;
		margin: 0 auto;
		background-color: #fff;
		background-size:contain;
background-position:center;
}
.page .bluesubhead {
		font-size: 22px; 
}
.page .bullettext {
		font-size: 18px; 
}


.page .bullettext li{
    
    text-indent: -15px;	
    line-height: 20px;
}
.page .whitehead28 {
 font-family: 'Khand', sans-serif;
  font-size: 20px;
 color: #fff;
 background-color: #0099CC;

 font-weight: 600;
}


}

/* Larger than desktop */
@media (min-width: 1000px) {
.page .whitehead28 {
 font-family: 'Khand', sans-serif;
  font-size: 28px;
 color: #fff;
 background-color: #0099CC;

 font-weight: 600;
}


}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
.page .whitehead28 {
 font-family: 'Khand', sans-serif;
  font-size: 28px;
 color: #fff;
 background-color: #0099CC;
 padding: 10px;
 font-weight: 600;
}
.page .bullettext {
	
	font-size: 24px; 
}

.page .bullettext li{
list-style-image: url(/images/bullet.png);
	list-style-position: inside;
    
    text-indent: -20px;	
    line-height: 30px;
}
.page .bluesubhead {
	font-family: 'Pathway Gothic One', sans-serif;
	color: #0A3AAD;
	font-size: 26px; 
}

}