/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
a, img { outline: none; border:none; color: #FFF; font-weight: bold;}
img { display: block; }
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: #4f87c6;
	color: #FFF;}	

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

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

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

	
#content img {
		width: 100%;
		}

#contentform img {
		width: 100%;
		}

.legal {
	text-align: center;		
    font-size: .7em; 
    line-height: 135%; 	
	color: #FFF;
    margin: 0 auto;
	padding: 20px 0px 20px 0px;
	font-weight: bold;
}

/* Change Legal Text Link Color here, set to black*/
.legal a:link, a:visited, a:focus, a:active  {
	color: #FFF;
	text-decoration: none ; 
}

/* Change Body Text Hover Color Here */
.legal a:hover {
	text-decoration: none;
	color: #ec1a38 !important;
}


 /* Navigation */
	 
.topbanner {
	width: 100%;	
	font-size: 1em;
	font-weight:600;
	color: #FFF;
	padding: 5px 0px 8px 0px;
	background-color: #0853a3;
}


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

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

/* Change Top Banner Text Link Color here, set to white*/
.topbanner li a:link {
	color: #FFF !important;
	text-decoration: none; 
}
.topbanner li a:visited, a:focus, a:active {
	color: #FFF !important;
	text-decoration: none; 
}

.topbanner li a:hover {
	color: #f9e200 !important;
	text-decoration: none;
}

.homepageheading {
	font-size: .8em;
	font-weight:600;
	color: #FFF;
	padding: 8px 0px 5px 0px;
	text-align: center
}

.homepagetext {
	width: 100%;	
	font-size: 1em;
	font-weight:600;
	color: #FFF;
	padding: 8px 0px 5px 0px;
	text-align: center
}

 /* Buttons Top Banner for multiple pdfs*/
	 
.button {
	width: 100%;	
	font-size: 1.1em;
	font-weight:600;
	color: #FFF;
	padding: 6px 0px 8px 0px;
	margin: 15px 0px 15px 0px;
	background-color: #ec1a38;
}
/* Change Button Links for top banner Background Color Here */
.button ul {
	text-align: center;
	padding:5px 0px 5px 0px;	
	display: inline-block;
	background-color: #273877;
	width: 100%;	
}

.button li {
	font-size: .95em;
	padding: 5px 20px 5px 20px;
	text-transform: uppercase;
	display: inline-block;
}
.buttontextsm {
	font-size: .8em;
	font-weight:600;
	color: #f9ea5c;
	padding: 4px 0px 4px 0px;
}

/* Colors for Form Headings */
	
p {font-size: .9em !important;
	color:#000 !important;
	margin: -4px 0px 0px 0px !important;}

/* Main Headings */
h1 {color:#ec1a38 !important;
	font-size: 1.3em !important;
	line-height: 115% !important;
	margin: 8px 0px 5px 0px !important;
}

h1 a:link, a:visited, a:focus, a:active {
	color: #05849a !important;
	text-decoration: none !important; }

h1 a:hover  {
	text-decoration: none !important;
	color: #F26202 !important;}

/* Subheads */
h2  {color:#273877 !important;
	font-size: 1.5em !important;
	margin: -5px 0px -10px 0px !important;}

h2 a:link, a:visited, a:focus, a:active  {
	color: #0075bc !important;
	text-decoration: none !important; }

h2 a:hover  
	{color: #ed1a38 !important;
	text-decoration: none !important; }

/* Subheads */
h3 {color:#000 !important;
	font-size: 1em !important;
	margin: 0px 0px 3px 0px !important;}

h3 a:link, a:visited, a:focus, a:active  {
	color: #ed1a38 !important;
	text-decoration: none !important; }

h3 a:hover  
	{color: #0075bc !important;
	text-decoration: none !important; }

 /* Text */
h4 {color:#000 !important;
	font-size: .9em !important;
	font-weight: 500 !important;
	padding: 0px 0px 0px 0px !important;
	margin: 3px 0px 0px 15px !important;}

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

h6 {color:#000 !important;
 	font-size: .8em !important;
	margin: 5px 0px 0px 0px !important;}

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

.topbanner {
	width: 100%;	
	font-size: .95em;
	font-weight:600;
	color: #FFF;
	background-color: #0853a3;
	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: #0853a3;
}

	

}