/* Body Controls */
body 	{background-attachment: scroll; background:url(/images/background.GIF) repeat; margin: 0px 0px 0px 0px; background-color: transparent; font: 16px/19px Trebuchet MS; text-align: left; color: #44484a; }
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block; }
table 	{border-collapse:collapse;}
img 	{border:none;}
ul, li 	{list-style:none;}
input:focus, textarea:focus {outline:none;}
iframe, object, embed {max-width:100%;}

/* Layouts */
.wrapper 	{ width:900px; margin:0 auto;position:relative; background-color: #000099;}
.wrapper .content	{ margin: 0 10px 0 50px; background-color: white; padding: 10px; min-height: 500px;}
footer 		{ width:840px; margin:0 auto;position:relative; background-color: #000099; padding-left: 50px; padding-right: 10px;}
footer .copyright	{float: right; color: white; margin-right: 20px; font-style: italic; font-size: x-small;}

/* navigator button controls */
nav 					{ margin-left: 50px; }
nav.menu 				{ height: 40px; margin-right: 10px; background-image:url('images/pnav1.gif'); border: 1px solid rgb(128, 128, 128); padding: 5px 16px;}
nav.menu .nav			{ position: relative; float: left; margin: 0 10px; padding: 0; font: 14pt/normal Trebuchet, Trebuchet MS, Verdana, sans-serif; background: url(images/pnav3.gif) no-repeat; width: 140px; height: 40px; overflow:hidden; }
nav.menu .nav a 		{ width: 140px; height: 40px; float: left; font-size: 14pt; text-align: center; font-weight: normal; overflow:hidden; }
nav.menu .nav a:hover	{ color: #ffffff; }
nav.menu .nav img		{ width: 140px; height: 40px; border: 0; }
nav.menu .nav a:hover img	{ visibility:hidden; }
nav.menu .nav span		{ position: absolute; text-align: center; color: white; left:  11px; top: 7px; height: 30px; width: 120px; padding: 0px; cursor: pointer; }

nav.submenu	{border-bottom: 2px solid #000099; min-height: 20px; background-color: white; margin-right: 10px; text-align: right; font: 16px "times new roman";}

/* formatting */
h1 	{ font: normal 36pt/30pt Bodoni MT Black; text-align: center; font-weight: normal; color: White; }
h2 	{ font: 18pt/normal Trebuchet MS; text-align: center; font-weight: normal; color: White; margin-bottom: 10px}		
h3	{ font: normal 24pt Bodoni MT Black; text-align: left; font-weight: bold; margin-bottom: 10px;}	
h4	{ font: normal 16pt Bodoni MT Black; margin: 10px 0;}

.spacer  	 { height: 10px;}
.spacer_20   { height: 20px;}
.spacer_30	 { height: 30px;}
.spacer_40	 { height: 40px;}

ul.text		{margin: 10px 0; text-align: left}
ul.text li	{margin-left: 40px; padding-right: 10px; margin-bottom: 5px; list-style: disc;}

.mpflex-container, .mpflex-container2	{display: flex;  display: -webkit-flex;}
.mpflex-container > div {width: 300px; padding: 20px; float: left; clear: none;}
.mpflex-container > div:first-child {margin-right: 6px; width: 570px;}

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

.center 	{text-align: center; margin: 0 auto;}

.clearer 	 { float: none; clear: both;}

.left		{float: left;}
.left_10 	{ width: 10%; float: left; }
.left_20 	{ width: 20%; float: left; }
.left_30 	{ width: 30%; float: left; }	
.left_40 	{ width: 40%; float: left; }
.left_50 	{ width: 50%; float: left; }	

.right	 	{ float: right; }
.right_10 	{ width: 10%; float: right; }	
.right_20 	{ width: 20%; float: right; }	
.right_30 	{ width: 30%; float: right; }	
.right_40 	{ width: 40%; float: right; }
.right_50 	{ width: 45%; float: right; }

/* Text Controls */
.text { font: 12pt/18px Trebuchet MS; text-align: left; color: #000000;}
.textcenter { font: 12pt/18px Trebuchet MS; text-align: center; color: #000000; }
.textright { font: 12pt/18px Trebuchet MS; text-align: right; color: #000000; }
.smalltext { font: 10px/14px Trebuchet, Trebucbod, Verdana, sans-serif; text-align: justify; color: #000000; }
.smalltextcenter { font: 10px/14px Trebuchet, Trebuchet MS, Verdana, sans-serif; text-align: center; color: #000000; }

.bold { font-weight: bold; } 

/* Link Styles */
* html a:hover	{ visibility:visible; }

a:link 			{ text-decoration: underline; color: #2B3879; }
a:active		{ text-decoration: underline; color: #2B3879; }
a:visited		{ text-decoration: underline; color: #2B3879; }
a:hover			{ text-decoration: underline; color: #5C8831; }

a.green:link 	{ text-decoration: underline; color: #5C8831; font-weight: bold; }
a.green:active	{ text-decoration: underline; color: #5C8831; font-weight: bold; }
a.green:visited	{ text-decoration: underline; color: #5C8831; font-weight: bold; }
a.green:hover	{ text-decoration: none; color: #000000; font-weight: bold; }

a.blue:link 	{ text-decoration: underline; color: #285A77; font-weight: bold; }
a.blue:active	{ text-decoration: underline; color: #285A77; font-weight: bold; }
a.blue:visited	{ text-decoration: underline; color: #285A77; font-weight: bold; }
a.blue:hover	{ text-decoration: none; color: #000000; font-weight: bold; }

a.gray:link		{ text-decoration: underline; color: #666666; }
a.gray:active	{ text-decoration: underline; color: #666666; }
a.gray:visited	{ text-decoration: underline; color: #666666; }
a.gray:hover	{ text-decoration: none; color: #000000; }

a.white:link	{ text-decoration: underline; color: #FFFFFF; }
a.white:active	{ text-decoration: underline; color: #FFFFFF; }
a.white:visited	{ text-decoration: underline; color: #FFFFFF; }
a.white:hover	{ text-decoration: underline; color: #F3E388; }

/* for screen readers */
.visually_hidden { border:0; clip: rect(0,0,0,0); clip-path: inset(50%); height: 1px; margin: -1px; width: 1px; overflow: hidden; position: absolute !important; word-wrap:normal !important; white-space: nowrap;}

/* modifiers for small screens */
@media only screen and (min-width: 480px) and (max-width: 959px) {
	}
@media only screen and (max-width: 479px) {
	}