body {
            font-family: "Open Sans";
			font-size:14px;
            color: #000;
        }				
        h1, h2, h3{
            font-family: "Montserrat";
            color:#323232;
        }
        h4, h5, h6{
            font-family: "Work Sans";
            color:#000;
	    font-weight:900;
        }
/*container section*/	
	    #container {
            width: 100%;
            height:100%;
			font-family: "Open Sans";
            /*font-size: .85em;*/
			font-size:14px;
            color: #000;
			border:0 solid #333;
			margin-bottom:0;
        }
/*header section*/		
	    #pgheader {
           width:100%;
           height:auto;
           margin-bottom:26px;
	       border:0 solid #333; 
        }
/*page title section*/
        #pgtlt{
           width:100%;
           height:auto;
           padding:10px 0 18px 0;
	       border:0 solid #333; 
        }
        #pgtlt h1{
           font-size:24px;
        }
/*director info section*/
	    #dir{
	    width:100%;
        height:40px;
	    padding:0;        	
 	    background: linear-gradient(0.25turn, #0D335D, #3A5673, #fff);
	    border:0 solid #333;
	    }	
	    #dir p{
		padding:10px;
		color:#fff;
	    }		
	    #dir p a{
		color:#fff;
		text-decoration:none;
	    }
	    #dir p a:hover{
		color:#ffff00;
		text-decoration:underline;
		}
/*content section */
        #content{
        width:100%;
        height:auto;
		border:0 solid #333; 
	    }		
		#content p a{
		 color:#0000ff;
		text-decoration:underline;
		}		
		#content p a:hover{
		color:green;
		text-decoration:underline;
		}		
        #content ul li{
		list-style-type: square;
		}		
		#content ul li a{
		color:#4169E1;
		text-decoration:none; 
		}		
		#content ul li a:hover{
		  color:#4169E1;
		text-decoration:underline;
		}	
		#content ol li a{
		  color:#4169E1;
		text-decoration:none; 
		}		
		#content ol li a:hover{
		  color:#4169E1;
		  text-decoration:underline;
		}
		#btn{
			margin:0 auto;
			width: 100%;
			height: auto;
			text-align:center;
			color:#fff;
			padding:4px;
			border:0 solid #333;
		}
        #btnid {		   
           text-decoration: none;
        }		

		.button a {
			margin-left:0;
			-webkit-appearance: button;
			-moz-appearance: button;
			appearance: button;
			font-weight:normal;
			text-decoration: none;
			color: #fff;
			padding:5px;
			background-color:#800020;
		}
			
		.button a:hover {
			color:#fff;
			background-color:#0d335d;
			text-decoration:none;
		}        
		
		#header nav.navbar ul.navbar-nav > li > span,
		#header nav.navbar ul.navbar-nav > li > a {
			font-size: 1.4em;
			text-decoration: none;
			letter-spacing: -.03em;
			padding: 0 .65em;
			color: #FFF;
			outline: 0;
		}
		#header nav.navbar ul.navbar-nav > li > span:hover,
		#header nav.navbar ul.navbar-nav > li:hover > span,
		#header nav.navbar ul.navbar-nav > li > a:hover,
		#header nav.navbar ul.navbar-nav > li:hover > a {
			color: #C32E2E;
			background: #FFF;
		}
		#header nav.navbar ul.navbar-nav > li > span:after,
		#header nav.navbar ul.navbar-nav > li > a:after {
			display: none;
		}
		.ckeditor-accordion-container dl {
		  border:1px solid #f5f5f5;
		  border-bottom:0 solid #f5f5f5;
		}
		.ckeditor-accordion-container dl dt{
		  border:0 solid #fff;
		}
		.iwt h2 { /* I Want to: header colors */
		color:#fff;
		}
		.iwt h2 span {
		color:#c49a6c;
		}
		footer#footer p {
		color:#fff;
		}
		footer#footer p span{
		color:#c32e2e;
		}
		footer#footer a {  /* "Privacy Policy" in the footer  */
			color: #fff;
			text-decoration: underline;
		}
		footer#footer .contextual-links a { /* "Edit drop down  */
			color: #000 !important;  
		}
		footer#footer a:hover {
			color: #c32e2e;
			text-decoration: underline;
		}
		
		#memberheader{
			margin:0 auto;
			margin-top:50px;
			width:300px;
			height:auto;
			text-align:center;
			border:0 solid #000;
		}
		
		/* #commitmembers{
			margin:0 auto;
			margin-top:10px;
			width:74%;
			height:auto;
			display:flex;
			text-align:center;
			padding:5px;
			border:0 solid #ccc;
		} */
		
		#commitmembers{
			margin:0 auto;
			margin-top:10px;
			width:74%;
			height:auto;
			display: grid;
			grid-template-columns: auto auto auto auto;
			grid-gap: 10px;
			text-align:center;
			padding:5px;
			border:0 solid #000;
		}
		
		#commitmembers p a{
			color:#4169E1;
			text-decoration:none;
		}
		
		#commitmembers p a:hover{
			color:#4169E1;
			text-decoration:underline;
		}
		
		.member-items{
			margin:0 auto;
			width:160px;   
			border:0 solid #f00;
		}	
		
		/* .member-items{
	       margin:0 auto;
		   width:160px;
		   display: grid; 	   
		   grid-template-columns: 25% 25% 25% 25%;
		   justify-content: center;
		   column-gap:0;
		   row-gap: 1em;
		   border:0 solid #ccc;
        }	 */	
		
		img{
			width:150px;
			height:160px;
		}
		
		#member{
			margin:0 auto;
			width:156px;
			height:auto;
			text-align:center;			
			padding:2px;
			border-radius: 3px;
			border:0 solid #ccc;
		}
		
		#member:hover{
			/*transition: 1s;*/
			background-color:#f5f6fa;
		}
			
		#memberpic{
			padding:0;
			width:150px;
			height:160px;
			text-align:center;
			border:0 solid #efefef;
		}
		
		#memberpic img{
		   width: 100%;
		   height: 100%;
		   object-fit: cover;
		}
			
		#membername{
			width:150px;
			height:auto;
			font-size:13px;
			font-weight:500;
			background-color:#f5f5f5;
			border:0 solid #efefef;
		}
			
		#membertitle{
			width:150px;
			height:25px;
			font-size:13px;
			align-items: center;
			display: flex;
			justify-content: center;
			border:1px solid #efefef;
		}
			
		/* #memberbut{
			width:150px;
			height:55px;
			text-align:center;
			padding:8px 0 0 0;
			color: #000;
			border:0 solid #efefef;
		} */

        #memberbut{
			width:100%;
			height:auto;
			text-align:center;
			font-size:13px;
			border:0  solid #000;
		}
		
		#memberbut a{
			color:#4169E1;
			text-decoration:none;
		}
		#memberbut a:hover{
			color:#4169E1;
			text-decoration:underline;
		}        
		
		.nb{
			border: none !important;
			background: transparent !important
		}
		
		.iwt h2 {              /* I Want to: header colors */
			color:#fff;
		}
		
		.iwt h2 span {
				color:#c49a6c;
		}
		
		footer#footer p {
		color:#fff;
		}
		
		footer#footer a {         /* "Privacy Policy" in the footer  */
			color: #fff;
			text-decoration: none;
		}
		
		footer#footer .contextual-links a {
			color: #fff !important;  
		}
		footer#footer a:hover {
			color: #c32e2e;
			text-decoration: underline;
		}	

        		#pgfooter{
			margin-top: 100px;
			width:300px;
			height:auto;  
			padding-bottom: 0;
			margin-bottom: 0;
			border:0 solid #ccc;
		}
		
        .addr{
			width:300px;
			height:87px;
			padding:5px 0 0 10px;     
			font-size:13px;
			background-color:#efefef;
			border-left:4px solid #0D335D;  
			display: block;
			margin: 0;
        }
		
        .addr p{
            padding-bottom:7px;
            border:0 solid red;
		}
	 	
		.addr p a{
		   color:#4169E1;
		   text-decoration:none; 
		}
		
		.addr p a:hover{
		   color:#4169E1;
		   text-decoration:underline;
		}		
/*Screen Sizes*/	


/* @media only screen and (min-width: 1025px) 
	{
		#pgheader, #pgtlt {
			text-align:left;	 
		}
		
		#commitmembers, .member-items{
			width:auto;
			display:flex;
			flex-direction: column;
			border:0 solid #000;
		}
		
		.commitmemberslastrow{
			margin:10px auto;
			margin-bottom:100px;
		}	   
		
		#pgfooter{
            display: flex;
	        flex-wrap: wrap;				
	        width:  100%; 
	        margin-bottom:25px;
        }
		
		.addr{
			text-align:justify;
			display: grid;			
			width:  100%; 		 
		} 
	}
 */
@media screen and (max-width: 767px)
	{
		#pgheader, #pgtlt {
			text-align:left;	 
		}
		
		#commitmembers, .member-items{
			width:auto;
			display:flex;
			flex-direction: column;
			border:0 solid #000;
		}
		
		.commitmemberslastrow{
			margin:10px auto;
			margin-bottom:100px;
		}	   
		
		#pgfooter{
             display: flex;
	     flex-wrap: wrap;				
	      width:  100%; 
	     margin-bottom:25px;
        }
		
		.addr{
			text-align:justify;
			display: grid;			
			width:  100%; 		 
		} 
	}
	
@media only screen and (max-width: 375px) 
	{
		#pgheader, #pgtlt {
			text-align:left;	 
		}
		
		#commitmembers, .member-items{
			width:auto;
			display:flex;
			flex-direction: column;
			border:0 solid #000;
		}
		
		.commitmemberslastrow{
			margin:10px auto;
			margin-bottom:100px;
		}		  
		
		#pgfooter{
             display: flex;
	     flex-wrap: wrap;				
	      width:  100%; 
	     margin-bottom:25px;
        }
		
		.addr{
			text-align:justify;
			display: grid;			
			width:  100%; 		 
		} 	
	}
	
@media only screen and (max-width: 375px) and (min-height: 812px) 
	{
		#pgheader, #pgtlt {
			text-align:left;	 
		}
		
		#commitmembers, .member-items{
			width:auto;
			display:flex;
			flex-direction: column;
			border:0 solid #000;
		}
		
		.commitmemberslastrow{
			margin:10px auto;
			margin-bottom:100px;
		}			
	   		
		#pgfooter{
             display: flex;
	     flex-wrap: wrap;				
	      width:  100%; 
	     margin-bottom:25px;
        }
		
		.addr{
			text-align:justify;
			display: grid;			
			width:  100%; 		 
		} 	
	}
	
@media only screen and (max-width: 390px) and (min-height: 844px) 
	{
		#pgheader, #pgtlt {
			text-align:left;	 
		}
		
		#commitmembers, .member-items{
			width:auto;
			display:flex;
			flex-direction: column;
			border:0 solid #000;
		}
		
		.commitmemberslastrow{
			margin:10px auto;
			margin-bottom:100px;
		}			  
		
		#pgfooter{
             display: flex;
	     flex-wrap: wrap;				
	      width:  100%; 
	     margin-bottom:25px;
        }
		
		.addr{
			text-align:justify;
			display: grid;			
			width:  100%; 		 
		} 	
	}
	
@media only screen and (max-width: 428px) and (min-height: 926px) 
	{
		#pgheader, #pgtlt {
			text-align:left;	 
		}
		
		#commitmembers, .member-items{
			width:auto;
			display:flex;
			flex-direction: column;
			border:0 solid #000;
		}
		
		.commitmemberslastrow{
			margin:10px auto;
			margin-bottom:100px;
		}		   
		
		#pgfooter{
             display: flex;
	     flex-wrap: wrap;				
	      width:  100%; 
	     margin-bottom:25px;
        }
		
		.addr{
			text-align:justify;
			display: grid;			
			width:  100%; 		 
		}	
	}
	
@media only screen and (max-width: 430px) and (min-height: 932px) 
	{
		#pgheader, #pgtlt {
			text-align:left;	 
		}
		
		#commitmembers, .member-items{
			width:auto;
			display:flex;
			flex-direction: column;
			border:0 solid #000;
		}
		
		.commitmemberslastrow{
			margin:10px auto;
			margin-bottom:100px;
		}	
		
		#pgfooter{
            display: flex;
			flex-wrap: wrap;				
			width:  100%; 
			margin-bottom:25px;
        }
		
		.addr{
			text-align:justify;
			display: grid;			
			width:  100%; 		 
		} 	
	}