/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
img { outline: none; border:none;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF;
	text-align: center;
	color: #000;}	

#wrapper {
	width: 100%;	
    top:0;
    left:0;
    right:0;
	text-align: center;
	    margin:0 auto;

	color: #000;
} 


#wrapper a {
  text-decoration: none;
}
	
#content{
	width: 100%;	
	max-width: 900px;
    top:0;
    left:0;
    right:0;
	text-align: center;	
    margin:0 auto;
	padding: 0px 0px 0px 0px;
	}
img {
  max-width: 100%; /* Ensures the image doesn't exceed the width of its container */
  height: auto;    /* Maintains the image's aspect ratio as it scales */
  display: block;  /* Helps with proper alignment and prevents extra space below the image */
	margin-left: auto;
  margin-right: auto;

}

p {font-size: .95em !important;
	color:#000 !important;
	font-weight: 400 !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;}

/* Form CSS */
h1 {color:#000 !important;
	font-size: 1.4em !important;
	line-height: 130% !important;
	margin: -10px 0px 6px 0px !important;
}

/* Subheads */
h2  {color:#000 !important;
	font-size: 1em !important;
	font-weight: 600 !important;
	line-height: 175% !important;
	margin: 15px 5px 15px 5px !important;
	padding: 0px 0px 0px 0px !important;}


/* Subheads */
h3 {color:#000 !important;
	font-size: 1em !important;
	font-weight: 600 !important;
	line-height: 125% !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;}

 /* Text */
h4 {color:#000 !important;
	font-size: 1.3em !important;
	font-weight: 500 !important;
	padding: 0px 0px 1px 0px !important;
	margin: 0px 0px 0px 20px !important;}

h5 {color:#d40020 !important;
	font-size: 1.2em !important;
	padding: 0px 0px 0px 0px !important;
	margin:  0px 0px 0px 0px !important;}

h6 {color:#000 !important;
 	font-size: .95em !important;
	font-weight: 400 !important;
	margin: 2px 0px 3px 10px !important;
    list-style:disc outside none !important;
    display:list-item !important; 
	padding: 0px 0px 0px 5px !important;}

/* CSS for program closed page */
.closedtext {
	text-align: center;		
    font-size: 1em; 
	color: #000;
    margin: 0 auto;
	padding: 0px 0px 0px 0px;
	font-weight: bold;}

/* contact text at bottom of page */
.contact {
	text-align: center;		
    font-size: .7em; 
    line-height: 135%; 	
	color: #000;
    margin: 0 auto;
	padding: 20px 0px 20px 0px;
	font-weight: 600;}

/* Change Contact Text Link Color here/

/* unvisited link */
.contact a:link {
  color: #000;}

/* visited link */
.contact a:visited {
  color: #000;}

/* mouse over link */
.contact a:hover {
  color: #c38e25;}

/* selected link */
.contact a:active {
  color: #FFF;}

.mobile-image {

     display: none;
}

@media (max-width: 890px) {

    .desktop-image {

        display: none;
    }

    .mobile-image {

        display: block;
    }


}