/* 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #b5b5b5;
	color: #000;}	

#wrapper {
	width: 100%;	
    top:0;
    left:0;
    right:0;
	text-align: center;
	color: #000;
} 

#wrapper a {
  text-decoration: none;
}
	
#contentclosed{
	width: 100%;	
	max-width: 900px;
    top:0;
    left:0;
    right:0;
	text-align: center;	
    margin:0 auto;
	padding: 10px 0px 5px 0px;
	}

#contentform{
	width: 100%;	
	max-width: 900px;
    top:0;
    left:0;
    right:0;
	text-align: left;	
    margin:0 auto;
	background-color: #b5b5b5;
	}

	
#content, #contentform, #contentclosed img {
		width: 100%;
		}


 /* Navigation */
	 
.topbanner {
	width: 100%;	
	font-size: 1.5em;
	font-weight:600;
	color: #000;
	padding: 5px 0px 8px 0px;
	background-color: #ff7200;}

/* Change Banner Links Background Color Here */
.topbanner ul {
	text-align: center;
	font-size: .85em;
	padding:2px 0px 0px 0px;	
	width: 100%;
	color: #000;}

.topbanner li {
    display: inline-block;
	color: #000;
	margin: 0px 12px 0px 12px;
	padding: 2px 8px 2px 8px;
	background-color: #ff7200;}

/* Change Top Banner Text Link Color here/

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

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

/* mouse over link */
.topbanner a:hover {
  color: #FFF !important;}

/* selected link */
.topbanner a:active {
  color: #000;}

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

/* Form CSS */
h1 {color:#ff7902 !important;
	font-size: 2.2em !important;
	font-weight: 900 !important;
	margin: -40px 0px -5px 0px !important;
}
/* H1 link */
h1 a:link {
  color: #f8c336 !important;
	font-weight: 800 !important;}

/* visited link */
h1 a:visited {
  color: #000 !important;}

/* mouse over link */
h1 a:hover {
  color: #1758a9 !important;}

/* selected link */
h1 a:active {
  color: #000 !important;}

/* Subheads */
h2  {color:#ff7200 !important;
	font-size: 1.5em !important;
	line-height: 125% !important;
	margin: 3px 0px 8px 0px !important;}

/* H2 link */
h2 a:link {
  color: #f8c336 !important;
	font-weight: 800 !important;}

/* visited link */
h2 a:visited {
  color: #000 !important;}

/* mouse over link */
h2 a:hover {
  color: #ff7200 !important;}

/* selected link */
h2 a:active {
  color: #000 !important;}

/* Subheads */
h3 {color:#1758a9 !important;
	font-size: 1.3em !important;
	padding: 0px 0px 0px 0px !important;
	margin: 6px 0px -6px 0px !important;}

 /* Text */
h4 {color:#000 !important;
	font-size: 1.2em !important;
	font-weight: 600 !important;
	line-height: 125% !important;
	margin: 7px 0px 1px 10px !important;
    list-style:disc outside none !important;
    display:list-item !important; 
	padding: 0px 0px 0px 5px !important;}

h5 {color:#000 !important;
	font-size: 1em !important;
	padding: 0px 0px 0px 0px !important;
	margin:  15px 0px 3px 0px !important;}

h6 {color:#000 !important;
 	font-size: .95em !important;
	font-weight: 500 !important;
    list-style:disc outside none !important;
    display:list-item !important; 
	margin: 3px 0px 1px 5px !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: 20px 0px 20px 0px;
	font-weight: bold;}

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

/* 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: #ff7200;}

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

/* Media Queries - mobile version, change colors to match above*/
@media screen and (max-width: 480px) {

.topbanner {
	width: 100%;	
	font-size: .9em;
	font-weight:600;
	color: #FFF;
	background-color: #000;
	padding: 5px 0px 2px 0px;

}
.topbanner ul {
	text-align: center;
	padding:1px 0px 0px 0px;	
	display: block;
	width: 100%;
	background-color: #FFF;

}

.topbanner li {
	font-size: .95em;
	padding:5px 5px 5px 5px;
	margin:2px 0px 1px 0px;	
	display: block;
	background-color: #ff7200;
}
	

}