/* type selectors */
html {
	background-image: -moz-linear-gradient(to bottom, white 0%, #facd8a 100%);
	background-image: -webkit-linear-gradient(to bottom, white 0%, #facd8a 100%);
	background-image: -o-linear-gradient(to bottom, white 0%, #facd8a 100%);
	background-image: linear-gradient(to bottom, white 0%, #d3d3d3 100%);
}
body {
	font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
	/* "Myriad Pro", Myriad, "HelveticaNeueLT", "Helvetica Neue", Helvetica, Arial, "sans-serif" */
	font-size: 100%;
	width: 96%;                         /* changed from 990 pixels */
	max-width: 1200px;                  /* maximum width of page */
	background-color: rgba(0,102,255,1.00);
	margin: 15px auto;
	padding: 2px 5px 10px 15px;
}

section, article, aside, h1, h2, h3, p {
	margin: 0;
	padding: 0;
}
section, article, aside {
	margin-bottom: 1em;
}
p {
	font-size: 1em;
	/* font-size: .875em; */                  /* 14 / 16 */
	padding-bottom: .5em;
	line-height: 130%;
}
em {
	font-weight: bold;
}
a {
	font-weight: bold;
	text-decoration: none;
}
a:link, a:visited {
	color: #0066ff !important;
}
a:hover, a:focus {
	color: black !important;
}

h2 {
	font-size: 2em;                  /* 36 / 16 */
	color: #fff;
}

h4 {
	font-size: 1em;                  /* 36 / 16 */
	color: #484848;
	/* margin-left: 20%; */            /* 120 / 990 */
	margin-bottom: .1em;
}

/* the styles for the header */
header {
	width: 100%;                        /* full width of body */
	padding-bottom: 1em;
}

header h1 {
	font-size: 1.5em;                  /* 36 / 16 */
	color: #484848;
	margin-bottom: 0;
}

header h2 {
	font-size: 1em;                  /* 20 / 16 */
	font-style: normal !important;
	font-weight: normal;
	color: #484848;
}


header div#title{
	margin-top: .85em;
	margin-right: 2.0202%;
	float: right;
	text-align: right;
}


header h3 {
	font-size: 1.25em;                  /* 20 / 16 */
	/* font-style: italic; */
	margin-left: 20%;             /* 120 / 990 */
	font-style: normal !important;
}

header img {
	width: 186px;                    /* native size */
	float: left;
	margin-left: 2.0202%;               /* 20 / 990 */
}

header::after {
	display:block;
	clear:both;
	content:""
}

/* the styles for the navigation menu - operation */

#nav_menu a:hover {
	background-color: #383838 !important;
}

#nav_menu ul {
	width: 100%;                        /* full width of body */
	list-style-type: none;
	position: relative;
}
#nav_menu ul ul {
	display: none;
	position: absolute;
	top: 100%;
}
#nav_menu ul ul li {
	float: none;
	position: relative;
}
#nav_menu ul ul li ul {
	position: absolute;
	left: 100%;
	top: 0;
}
#nav_menu ul li.lastitem ul li ul {
	position: absolute;
	left: -100%;
	top: 0;
}
#nav_menu ul li {
	float: left;
}
#nav_menu ul li:hover > ul {
	display: block;
}
#nav_menu > ul::after {
	content: "";
	clear: both;
	display: block;
}
/* the styles for the navigation menu - formatting */
#nav_menu ul {
	margin: 0;
	padding: 0;
}
#nav_menu ul li {
	width: 25%;                         /* 198 / 990 */
}
#nav_menu ul li a {
	text-align: center;
	display: block;
	padding: .7em 0;
	background-color: #0066ff;
	color: #ffffff !important;
}

/* --- CURRENT STATE FOR TOP NAV LINKS --- */
body#home #nav_menu ul li a#home {
	color: #ffff33 !important;
}

body#training #nav_menu ul li a#training {
	color: #ffff33 !important;
}

body#documentation #nav_menu ul li a#documentation {
	color: #ffff33 !important;
}

body#about #nav_menu ul li a#about {
	color: #ffff33 !important;
}


#nav_menu ul li:hover ul {
	width: 100%;
}
#nav_menu ul li:hover ul li:hover ul li {
	width: 100%;
}

/* the styles for the section */
section {
	width: 54.0404%;                         /* 535 / 990 */
	float: left;
	margin-left: 2.0202%;                    /* 20 / 990 */
	padding: 1.5em 2.52525% 0 0;             /* 25 / 990 */

}

section.banner {
	width: 96%;                        
	float: left;
	margin-left: 0;
	margin-bottom: 0;                   
	padding: 1.5em 2% 0 2%;
	border: 0;

}

section img {
	margin-bottom: 1em;
	max-width: 100%;                         /* full width of article */
}

section.banner img {
	margin-bottom: 0;
	max-width: 100%;                        
}

/* sectin is a generic semantic tag that doesn't indicate the type of content. */
section ul {
	margin-top: 0;
	margin-bottom: 1.25em;
}
section li {
	font-style:normal;
	list-style-type:disc;
	margin-top: 0 !important;
	margin-bottom: .5em;
}
section h1 {
	font-size: 1.625em;                      /* 26 / 16 */
	margin-bottom: .35em;
}
section h2 {
	font-size: 1.25em;                       /* 20 / 16 */
	margin-bottom: .35em;
}
a.date_passed {
	color: gray;
}
/* the styles for the article */
article {
	width: 54.0404%;                         /* 535 / 990 */
	float: left;
	margin-left: 2.0202%;                    /* 20 / 990 */
	padding: 1.5em 2.52525% 0 0;             /* 25 / 990 */

}
article h1 {
	font-size: 1.5em;                      /* 26 / 16 */
	margin-bottom: .35em;
}

article h2 {
	font-size: 1.3em;                      /* 26 / 16 */
}

article h3 {
	font-size: 1.15em;                      /* 26 / 16 */
	margin-bottom: .35em;
}

article h1, h2, h3, h4 {
	margin-top: 1em;
}

article img {
	margin-bottom: 1.5em;
	max-width: 100%;                         /* full width of article */
}
article p {
	margin-bottom: .25em;
}

article ul {
	font-style:normal;
	list-style-type:disc;
	margin-top: 0em;
	margin-bottom: 3em;	
}

article ul li {
	font-style: normal;
	list-style-type:disc;
	margin-top: 1em;
	margin-bottom: .5em;	
}

article ol li {
	font-style:normal;
	/* margin-top: 1em !important; */
	margin-bottom: 1em;	
}

/* the styles for the sidebar */
aside {
	width: 33.33333%;                        /* 350 / 990 */
	float: left;
	color: #000000;
	padding: 2.0202%;                        /* 20 / 990 */
	background-image: linear-gradient(to bottom, white 0%, #ffffcc 100%);
	/* background-color: #ffffcc; */
	margin: 2.6em 2.0202% 0 2.0202%;               /* 20 / 990 */
}
aside h2 {
	font-size: 1.25em;                       /* 20 / 16 */
	padding-bottom: .5em;
	margin-left: 0; 
}

aside h3 {
	font-size: 1em;                          /* base font size */
	padding-bottom: .5em;
}
aside p {
	margin-bottom: .5em;
}
aside ul {
	margin-top: 0;
	margin-bottom: 1.5em;
}
aside li {
	font-size: .875em;                       /* 14 / 16 */
	padding-bottom: .75em;
	margin-left: -1.75em !important;
}
/* the styles for the footer */
footer {
	clear: both;
	width: 100%;                             /* full width of body */
	border-top: 2px solid #0066ff;
	padding: .7em 0;
	background: #D3D3D3;
	font-size: .85em;  
}

footer a{
	font-weight: normal;
}

footer ul{
	list-style: none;
	margin: 1em 0;
	padding: 0 0 0 1%;
	width: 20%;
	float: left;
	border: 0px solid red;
}

footer li{
	line-height: 1em;
	padding-bottom: .5em;
}

footer ul.first{
	padding-left: 2%;
	width: 9%;
}

footer ul.last{
	padding-right: 2%;
	width: 22%;
	min-width: 240px;  
}

footer::after {
	display:block;
	clear:both;
	content:""
}

/* ids and class selectors */


#PDFDownload {
	margin-bottom: 0;
	margin-right: .5em;
	max-height: 24;
	max-width: 54; 	
}

.clearfix::after {
	display:block;
	clear:both;
	content:""
}

.highlight {
	/* background-color: gold; */
	padding: .25em;
	color: black;
}

/* The styles for the form */
fieldset {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: .5em;
}

fieldset {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: .5em;
}
legend {
    /* color: #931420; */
    font-weight: bold;
    font-size: 100%;
    margin-bottom: .5em;
}
label {
    float: left;
    width: 12em;
    text-align: right;
}
label, input, select {
	font-size: 90%;
}
input, select {
    width: 15em;
    margin-left: .5em;
    margin-bottom: .5em;
}
input:required, input[required] {
	border: 2px solid rgba(0,102,255,1.00);
}
input:valid {
	border: 1px solid black;
}
input:invalid {
	box-shadow: none;
}
br {
    clear: both;
}
#buttons input {
	width: 10em;
}


/* hide the mobile menu initially */
#mobile_menu {
	display: none;
}
/* media queries */

/* tablet portrait to standard 960 */
@media only screen and (max-width: 959px) {
#nav_menu ul li a {
	font-size: 1em;                      /* 14 / 16 */
}
section h1, article h1 {
	font-size: 1.5em;                       /* 24 / 16 */
}
section h2, aside h2 {
	font-size: 1.125em;                     /* 18 / 16 */
}
}

/* tablet portrait */
@media only screen and (max-width: 830px) {
#nav_menu ul li a {
	font-size: .9em;                      
}

}


/* mobile landscape to tablet portrait */
@media only screen and (max-width: 767px) {
#nav_menu {
	display: none;
}

#mobile_menu {
	display: block;
}

.slicknav_menu {
	background-color: #0066ff !important;	
}
body {
	width: 100%;                           /* full width of screen */
	margin: 0;                             /* no margins */
	border: none;                          /* no border */
}
header p {
	text-align: center;
}

ul {
	font-size: 1.1em;                     /* 14 / 16 */
}

header h1 {
	font-size: 1.625em;                    /* 26 / 16 */
	margin: .4em 0 0 0;
}
header h3 {
	font-size: 1em;                        /* base font size */
	margin-left: 0;
}
	
header div#title{
	margin-top: .05em;
	margin-right: 2.0202%;
	float: right;
	text-align: right;
}
	
section, article {
	width: 95.9596%;                       /* 100 - (2 * 2.0202) for padding */
	float: none;
	margin-right: 2.0202%;                 /* 20 / 990 */
	padding-right: 0;
}
article img {
	float: left;
	/* width: 50%; */
	margin-right: 2%;
}
aside {
	width: 91.9192%;                       /* 100 - (4 * 2.0202) for padding and margins */
	float: none;
	margin: 0 2.0202% 2.0202% 2.0202%;     /* 20 / 990 */
}
	
#PDFDownload {
	margin-bottom: 0;
	margin-right: .5em;
	max-height: 24px;
	max-width: 54px;  	
}

footer ul{
	font-size: 1em;	
	width: 30%;
}

footer ul.first{
	padding-left: 2%;
	width: 28%;
}

footer ul.last{
	padding-right: 2%;
	width: 28%;
	min-width: 240px;  
}

}


/* mobile landscape */
@media only screen and (max-width: 536px) {

header img {
	width: 150px;                    
	margin-left: 0;  
	float: none;           
}

header div#title{
	margin-top: .23em;
	margin-right: 0;
	float: none;
	text-align: center;
}

header h1 {
	font-size: 1.25em;                    /* 22 / 16 */
}
header h2 {
	font-size: 1em;                    /* 13 / 16 */
}

footer ul{
	font-size: 1em;	
	width: 49%;
}

footer ul.first{
	padding-left: 2%;
	width: 47%;
}

footer ul.last{
	padding-right: 2%;
	width: 47%;
	min-width: 240px;  
}

}

/* mobile portrait to mobile landscape */
@media only screen and (max-width: 479px) {

	
#tagline {
	font-size: 1em;                  /* 20 / 16 */
	/* font-style: italic; */
	margin-left: 0;             /* 120 / 990 */
}

	
p {
	font-size: .875em;                     /* 14 / 16 */
}
	
ul {
	font-size: 1.1em;                     /* 14 / 16 */
}
	
section h1, article h1, section h2, aside h2 {
	font-size: 1.25em;                        /* base font size */
}
section li, aside li {
	font-size: .875em;                     /* 14 / 16 */
}
article img {
	float: none;
	width: 100%;
	margin-right: 0;
}
	
#PDFDownload {
	margin-bottom: 0;
	margin-right: .5em;
	max-height: 24px;
	max-width: 54px; 	
}
	
aside h3 {
	font-size: .9375em;                     /* 15 / 16 */
}

footer ul{
	font-size: 1em;	
	width: 99%;
}

footer ul.first{
	padding-left: 2%;
	width: 97%;
}

footer ul.last{
	padding-right: 2%;
	width: 97%;
	min-width: 240px;  
}

}