/* ------------------------------------- */
/*			ma-main.css					*/	
/* ------------------------------------- */

/* Global styles */

html, body {
   width:100%;
}

html, body, div, p, a, td, ol, ul, li, h1, h2, h3, h4, h5, h6 {
	font-family: "Segoe UI", helvetica, sans-serif;
	font-size:16px;
	line-height:140%;
	letter-spacing:normal;
	word-spacing:normal;
	text-align:left;	
	text-transform:none;
	text-decoration:none;
	margin:0;
	padding:0;
}

#ma-page,
.ma-page {		
	margin:0;
	padding:0;
	width:100%;
	background-color:#ffffff;
}

/* Turn all displays off; let mobile css turn the proper ones on */
.display-largedevice,
.display-smalldevice,
.display-smallvideo,
.display-smallvideo
.display-largevideo ,
.display-desktop-banner,
.display-tablet-banner,
.display-handheld-banner {
	display:none;
}
	
/* Structural Styles */

#wrapper {
	width:100%;
	height:auto;
	background-color:#ffffff; 
	margin:0 auto;
}

#content-wrapper  {
	clear:both; 
	width:100%;
	height:auto;
	max-width:960px;
	min-height:1200px;
	margin:0 auto 0 auto;
	position:relative;
	vertical-align:top;
	overflow:hidden;
}

#page-content {
	max-width:100%;
	padding-top:2rem;
}

/* Banner Styles */

#page-header {
	width:100%;
}

#banner,
#banner #page-header {
	width:100%;
}

#banner #page-header img {
	width:100%;
	height:auto;
}

#banner #page-header #handheld,
#banner #page-header #tablet,
#banner #page-header #desktop,
#content-banner {
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
}


/* Page Header Group */

#pageheadergroup {
	margin-top:0;
}

#pageheadergroup h1.pageheader {
	font-size:1.8rem;
	line-height:120%;
	font-weight:500;
	padding-top:2rem;
}

#pageheadergroup h1.pageheader span.small-header {
	font-size:1.3rem;
}

#pageheadergroup h2.subtitle {
	font-size:1.5rem;
	line-height:120%;
}
	
#pageheadergroup h3.subtitle {
	font-size:1.7rem;
	line-height:110%;
}

#pageheadergroup img {
	width:100vw;
	height:auto;
	overflow:visible;
	margin-top:2rem;
}
		
/* General Heading Styles */

h1,h2,h3,h4,h5,h6 {
	color:#2c4b90;
	font-weight:500;
	text-align:center;
	padding-right:1em;
	padding-left:1em;
}

h1 {
	font-size:2.25rem
}

h2 {
	font-size:1.7rem
}

h3 {
	font-size:1.6rem
}

h4 {
	font-size:1.25rem
}

h5 {
	font-size:1.125rem
}

h6 {
	font-size:1rem
}	

#ma-page h1.pageheader { 
	text-align:center;
	padding-top:.5rem;
	padding-bottom:.5rem;
}

h1.colheader {
	font-size:1.1rem;
	color:#fff;
	background:rgb(49,71,128);
	padding-top:.15rem;
	padding-bottom:.15rem;      
}

h2.subtitle {
	font-size:1.7rem;
	text-align:center;
	padding-bottom:1rem;
}

h2.colheader { 
	font-size:1rem;
	color:#fff;
	background:rgb(49,71,128);
	padding-top:.5rem;
	padding-bottom:.75rem
}

h2.header {
	font-size:1.25rem;
	padding-top:.5rem;
	padding-left:1rem;
}
 
h2.sectionheader, h3.sectionheader {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	min-height:1.3rem;
	font-size:1.25rem;
	font-weight:500;
	text-align:center;
	color:white;
	padding:.2rem 0;
	margin-top:2rem;
	background:rgb(49,71,128);
	border-radius:15px;
}

h2.divheader {
	font-size:1.2rem;
	font-weight:600;
	text-align:left;
	padding-top:1rem;
	padding-left:1rem;
}

h4.header { 
	padding-top:1rem;
	padding-left:0;
}

h4.smallheader {
	font-weight:bold;
	color:black;
	text-align:left;
	padding:1rem 0 0 0;
}

h5 { 
	font-size:.925rem;
}

h5.header {
	margin-top:-.5rem;
	padding-left:1rem;
	font-size:.8rem;  }

h5.divheader {
	margin-top:-.25rem;
	padding-left:1.8rem;
}

h5.sectionheader {
	font-size:1rem;
	color:rgb(255,255,255);
	background:rgb(49,71,128);
	padding-top:.15rem;
	padding-bottom:.15rem;
	border-radius:15px;
}

h2 a:hover {
	text-decoration:none;
	color:red;
}

h5 a:hover {
	text-decoration:none;
	color:#888888
}

/* General Layout Styles */

.row, full-column { width:100%; }

.half-column { width:50%; }

.onethird-column {width:33%; }

.quarter-column { width:25%; }

.nodisplay {
	display:none;
}

.clearfloats,
.clear-floats  {
	width:100%;
	height:1px;
	visibility:hidden;
	clear:both;
}

.endofpage {
	padding-bottom:2rem;
}

#page-content {
	width:100%;
	margin:0 auto;
}

#narrow-page-content {
	width:96%;
	max-width:960px;
	margin:0 auto 0 auto;
}

#narrow-page-content p {
	margin-left:8rem;
	margin-right:8rem;
}

/* General Text Styles */

.centered {
  text-align:center;
}

.bold {
  font-weight:bold;
}

.italic {
  font-style:italic;
}

.underlined {
	text-decoration:underline;
}

.no-display, .collapse {
  display:none;
}

.float-left { float:left; }

.float-right { float:right; }

.align-left { text-align:left; }

.align-right { text-align:right; }

.pad-left0 { padding-left:0rem; }

.pad-right0 { padding-right:0rem; }

.pad-left1 { padding-left:1rem; }

.pad-left2 { padding-left:2rem; }

.pad-left3 { padding-left:3rem; }

.pad-right1 { padding-left:1rem; }

.pad-right2 { padding-right:2rem; }

.pad-right3 { padding-right:3rem; }
 
.pad-top1 {padding-top:1rem; }

.pad-top2 { padding-top:2rem; }

.pad-top3 { padding-top:3rem; }

.pad-bottom1 { padding-bottom:1rem; }

.pad-bottom2 { padding-bottom:2rem; }

.pad-bottom3 { padding-bottom:3rem; }

.half-indent { margin-left:4rem; }

.single-indent { margin-left:8rem; }

.double-indent { margin-left:12rem; }

.single-outdent { margin-left:-3rem; }

.minustopquarter { margin-top:-.25rem; }

.minustophalf, .minushalf { margin-top:-.5rem; }

.minustop1, .minus1 { margin-top:-1rem; }

.minustop2, .minus2 { margin-top:-2rem; }
 
.plustopzero { margin-top:0; }

.plustopquarter { margin-top:.25rem; }
 
.plustophalf { margin-top:.5rem; }

.plustop1 { margin-top:1rem; }
 
.plustop2 { margin-top:2rem; }
 
.minusbottomquarter { margin-bottom:-.25rem; }

.minusbottomhalf { margin-bottom:-.5rem; }

.minusbottom1 { margin-bottom:-1rem; }

.minusbottom2 { margin-bottom:-2rem; }
 
.plusbottomzero { margin-bottom:0; }

.plusbottomquarter { margin-bottom:.25rem; }  
 
.plusbottomhalf { margin-bottom:.5rem; }
 
.plusbottom1 { margin-bottom:1rem; }
  
.plusbottom2 { margin-bottom:2rem; }

sub, sup {
  vertical-align:baseline;
  position:relative;
  font-size:70%;
}

sub { bottom:-0.6rem; }

sup { top:-0.6rem; }
 
span.trademark { 
  vertical-align:baseline;
  position:relative;
  font-size:70%;
  top:-0.6rem;
}

#page-content p {
  margin-left:1rem;
  margin-right:.5rem;
  margin-top:.55rem;
}

/* Banner Styles */

#pageheader #desktop,
#pageheader #tablet,
#pageheader #handheld {
	width:100%; height:auto;
}

#pageheader #desktop,
#pageheader #tablet {
	display:none;
}

#pageheader #handheld {
	display:block;
}


/* Special div styles */

div.jumpto {
  display:block;
  font-size:.8rem;
  width:100%;
  color:rgb(64,97,139);
}

div.jumpto p {
  text-align:right;
  font-weight:bold;
  padding-top:.25rem;
  padding-right:2rem;
}
 
/* Paragraph Styles */

p.spacer {
  font-size:1px;
}
 
.blockindent {
  padding-left:2rem;
  padding-right:2rem;
  margin-top:.55rem;
  margin-bottom:.5rem;
}

p.emaillink {
	color:blue; 
	text-align:right; 
}

p.emaillink a {
	color:blue;
	font-size:.85rem;
}

/* Anchor Links */

a {
	color:rgb(49,71,128);
	font-size:1.2rem;
}

a.plaintext { text-decoration:none; }

a:hover { color:red }

a:visited { color:rgb(49,71,128) }

a.header { text-decoration:none }

a.navbar { text-align:right }

a.jumpto { text-decoration:none; margin-right:.375rem; font-size:.8rem; }

a.footer { text-decoration:none }

p a { text-decoration:underline }

p a:hover, ul a:hover {
  text-decoration:none;
  color:red;
}

/* List Styles */

ul {
  list-style-type:disc;
  list-style-position:outside;
  margin-left:2rem;
  margin-top:-.5rem;
 }

#page-content ul {
	margin-top: .55rem;
	padding-left:0;
	margin-left:2rem;
	margin-right:0;
	margin-bottom:.55rem;
}

#page-content ul.expanded, #page-content ol.expanded {
  margin-left:2.5rem;
  margin-right:0;
}

li { 
  font-size:100%;
}
  
ul.sublist { 
  margin-top:.5rem;
}

ul.sublist li {
  margin-left:2rem;
}

li.expanded, ul.expanded li,  ol.expanded li{
  margin-bottom:.5rem;
}


#page-content ul.tight {
  margin-top:-2px !important;
}

#expandable-list .collapse {
	background-color:lightgoldenrodyellow;
	border:2px solid black;
	width:96%;
	margin-left:.5rem;
	margin-right:.5rem;
	margin-top:.5rem;
	padding-top:.2rem;
	padding-bottom:.5rem;
}

#expandable-list .collapse p {
	margin-left:5%;
	margin-right:5%;
}

#expandable-list .collapse ul  li {
	margin-left:1rem;
	padding-left:0;
}

#expandable-list .collapse ul li ul li {
	padding-left:1rem;
	font-size:1rem;
}

ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:2rem;
	margin-top:-.5rem;
}

li {
	font-size:.95em;
}

ul.sublist { 
  padding-top:.5rem;
}

ul.sublist li {
  padding-left:2rem;
}

ul.expanded, ol.expanded {
  margin-left:2rem;
  margin-right:2rem;
}

li.expanded, ul.expanded li,  ol.expanded li{
  margin-bottom:.5rem;
}

/* Image Styles */

img { 
  border-style:none;
  font-size:small;
}

img.float-left {
	float:left;
	border-style:none;
	margin:10px 12px 10px 0;
}

img.float-right {
	float:right;
	border-style:none;
	margin:10px 0 10px 12px
}

.img-centered,
.block-centered {
  display:block;
  margin-left:auto;
  margin-right:auto;
 }

/* HR Styles */

hr.nav {
  margin-top:-.25rem;
}

.hrdiv {
	margin-right:auto;
	margin-left:auto;
	margin-top:2rem;
}

.hrdiv hr {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

/* Miscellaneous Content Styles */

div.button {
	background-color:#ffcc00;
	border:2px solid goldenrod;
	padding:6px 20px;
	border-radius:30px;
	color:white;
	margin-top:.5rem;
	width:12rem;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

div.button a {
	font-size:1rem;
	 margin-top:-4px;
}

#contactinfo { 
  width:100%;
  padding-top:1rem;
  text-align:center;
}

#contactinfo p {
  text-align:center;
  font-size:.8rem;
  color:black;
  text-align:center;
  padding-top:1rem;
  padding-left:.5rem;
  padding-right:.5rem;
}

/* Animation Styles */

@keyframes scrolling {
	0% {transform: translateX(0); }
	100% {transform: translateX(-14000px); }
}

.marquee {
	width:100%;
	height:200px;
	overflow:hidden;
}

.marquee-content {
	animation: scrolling 60s linear infinite;
	display:flex; 
	list-style:none;
}

.marquee-item {
	width:200px;
	height: 180px;
	padding-right:24px;
	flex-shrink:0;
}

.marquee-image {
	width:100%;
	height:auto;
}

/* Video Styles */

.video-wrapper {
	margin-top:2.5rem;
	margin-left:auto;
	margin-right:auto;
	background-color:#666;
	border:2px solid #777;
}

.video-frame320 {
	max-width:320px;
	height:180px;
	border:2px solid #777;
}

.video-frame400 {
	max-width:400px;
	height:225px;
}

.video-frame480 { 
	max-width:480px; 
	height:270px; 
}

.video-frame640 {
	max-width:640px;
	max-height:360px;
}

.video-frame720 {
	max-width:720px;
	height:405px;
}

.video-frame960 {
	max-width:960px;
	height:540px;
}

.video-frame960 {
	max-width:960px;
	height:540px;
}


/* Footer Styles */	

#footer {
	width:100%;
}

#footer-icons {
	background-color:white;
	width:100%;
	margin:0 auto 0 auto;
}
#footer-banner { 
	width:100%;
	min-height:180px;
	border-top: 3px solid #999;
	background-color:rgb(49,71,120);
	color:white;
}	

#footer p { 
  font-size:.95rem;
  line-height:125%;
  font-weight:normal;
  text-align:center;
  color:white;
  margin-left:.25rem;
  margin-right:.25rem;
}

#footer a {
  font-size:.95rem;
  line-height:125%;
  font-weight:normal;
  text-align:center;
  color:white;
  margin:0;
  text-decoration:underline;
}

#footer-content {
	width:940px;
	margin-left:auto;
	margin-right:auto;
}

#footer-left {
	position:relative;
	width:25%;
	min-height:100px;
	padding-top:1rem;
	float:left;
}

#footer-left p {
	margin-top:.55rem;
}

#footer-middle {
	position:relative;
	width:50%;
	min-height:100px;
	float:left;
	text-align:center;
}

#footer-middle p {
	padding-top:.55rem;
}

#footer-right {
	position:relative;
	width:25%;
	min-height:100px;
	padding-top:1rem;
	float:left;
	text-align:center;
}

#footer-right p {
	padding-top:.55rem;
}

#footer-right a {
	text-decoration:underline;
}

#footer-extension {
	background-color: rgb(49,71,120);
	font-size:1rem;
	width:100%;
	float:left;
}

#footer-extension-content {
	max-width:940px;
	max-height:128px;
	margin: 0 auto 0 auto;
}

#footer-extension p {
	color:white;
	text-align:left;
}

#footer-extension a {
	text-decoration:none;
	text-align:left;
}

#footer-extension a:hover {
	text-decoration:underline;
}

#footer-extension-column1,
#footer-extension-column2,
#footer-extension-column3,
#footer-extension-column4 {
	position:relative;
	width:25%;
	min-height:100px;
	padding-top:1rem;
	float:left;
}