/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	A few resets
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figcaption, figure, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
					{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}

body 				{line-height:1; text-align:left; font-style:normal; font-weight:normal;}

article, aside, figure, footer, header, hgroup, nav, section 
					{display:block;}

* 					{box-sizing:border-box;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Uncomment to reveal structure
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
/*	*, div			{outline:#ff00ff solid 1px;} */


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Global
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
html 				{-webkit-text-size-adjust:100%; /* prevent font scaling in landscape while allowing user zoom */}

body 				{line-height:1.4; font-size:62.5% /* 1em=10px */; font-family:Arial, sans-serif; color:#556688; background:#223e77;}

a					{text-decoration:none; color:#003aaa;}
a:link,
a:visited,			
a:focus				{/* same as a */}
a:hover				{color:#eeaa00;}
a:active			{color:#ffbb00;}	

img					{display:block; max-width:100%; height:auto;}

.skipnotes			{display:none; visibility:hidden;}
.reader				{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.alert				{padding-bottom:10px; color:red;}
.moremargin			{padding-bottom:10px;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Structure
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#fixedbox 			{position:fixed; z-index:100; top:0; width:100%; overflow:hidden;/* box-shadow:0 3px 10px #dbdcdd; */ /* fixed header */}

#topbox				{width:100%; background:#223e77;}
#top				{width:100%; max-width:960px; overflow:hidden; margin:0 auto; padding:6px 30px 6px 30px; text-align:right; background:#223e77;}

#headerbox			{background:#223e77 url('../img/header.png') repeat-x center center;}
header				{width:100%; max-width:960px; overflow:hidden; margin:0 auto; padding:15px 30px; background:transparent;}

#trailbox			{border-bottom:1px solid #f3f4f6; background:#fbfcfe;}
#trail				{width:100%; max-width:960px; overflow:hidden; margin:0 auto; padding:7px 30px 7px 30px; background:#fbfcfe;}

#contentbox			{position:relative; z-index:1; margin-top:205px/* for the fixed header */; background:#ffffff ;}
#content			{width:100%; max-width:960px; overflow:hidden; margin:0 auto; padding:40px 30px 50px 30px; background:#ffffff;}

#footerbox			{background:#223e77;}
footer				{width:100%; max-width:960px; margin:0 auto; padding:30px 30px; color:#999999; background:#223e77;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Top (main nav and search)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#top nav			{display:inline-block; color:#ccddee;}
#top nav ul			{line-height:20px; font-size:150%;} 
#top nav li			{display:inline-block; padding:0 0 0 20px;}
#top nav a			{color:#ccddee;}
#top nav a:hover	{color:#ffbb00;}
#top nav a:active	{color:#ffcc00;}
#top nav a.here		{color:#7788aa; cursor:text;}
#top nav em			{font-style:normal; color:#ffbb00;}
.searchbox			{display:inline-block; margin-left:24px;}
.searchbox input[type=text]
					{padding:2px 6px; border:none; line-height:20px; font-size:140%; color:#445577;}
.searchbox button	{float:right; padding:4px; border:none; background:#5e77aa; cursor:pointer;}
.searchbox button:hover
					{background:#8899bb;}
.searchbox input:focus::placeholder
					{color:transparent;}
.searchbox img		{width:16px;}
.noshow				{visibility:hidden; /* hide nav and searchbox on login page */}
.hidden 			{display: none;}

ul.list-no-bullet {list-style:none; }

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Header (logo)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
header h1			{float:left; width:33.33%; line-height:1; font-size:0;}
header h1 a			{border-bottom:0;}
header img			{display:inline-block; height:100%; vertical-align:middle;}
header #subtitle	{position:relative; float:right; width:66.67%; height:101px;}
header #subtitle h2	{position:absolute; right:0; bottom:-6px; text-align:right; font-size:155%; font-weight:normal; color:#ffbb11;}
header #subtitle h2 img
					{margin-bottom:25px;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Trail (breadcrumb nav)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#trail nav			{padding:4px 0; line-height:1;}
#trail nav ul		{font-size:150%; color:#445577;}
#trail nav li		{display:inline-block;}
#trail nav li + li:before
					{padding:0 7px 0 3px; color:#eeaa00; content:"‹";}
#trail nav li h1	{display:inline-block; font-weight:normal; font-size:100%; color:#cc7700;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.column-1			{overflow:hidden;}
.column-2-left		{float:left; width:50%; overflow:hidden; padding-right:30px;}
.column-2-right		{float:left; width:50%; overflow:hidden; padding-left:30px;}
.column-3			{float:left; width:33.33%; overflow:hidden; padding:0 30px;}
.column-3-left		{float:left; width:33.33%; overflow:hidden; padding-right:30px;}
.column-3-right		{float:left; width:33.33%; overflow:hidden; padding-left:30px;}
.column-4			{float:left; width:25%; overflow:hidden; padding:0 30px;}
.column-4-left		{float:left; width:25%; overflow:hidden; padding-right:30px;}
.column-4-right		{float:left; width:25%; overflow:hidden; padding-left:30px;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Home main column
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.column-wide		{float:left; width:66.67%; overflow:hidden; padding-right:60px;}
.column-wide h2		{margin:0 0 2px 0; font-weight:normal; font-size:180%;}
.column-wide h2 img	{float:left; margin:2px 10px 0 0;}
.column-wide p		{margin:0 0 30px 30px; font-size:160%;}
.column-wide p:last-child
					{margin-bottom:0;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Home sidebar
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.column-side		{float:left; width:33.33%; overflow:hidden; padding:0 0 0 30px; border-left:1px solid #eaebed;}
.column-side h3		{margin-bottom:6px; font-weight:normal; font-size:160%; color:#cc7700;}
.column-side p		{margin-bottom:15px; font-size:150%;}
.column-side .notice{padding:5px 5px 5px 8px; border:1px solid #f2ebcb; line-height:1.3; font-size:130%; color:#7788aa; background:#faf5de;}
.column-side .notice a	
					{border-bottom:1px dashed #bbccdd; color:#7788aa;}
.column-side .notice a:link,
.column-side .notice a:visited,			
.column-side .notice a:focus
					{/* same as a */}
.column-side .notice a:hover
					{color:#bbaa22;}
.column-side .notice a:active
					{color:#ccbb33;}	
.column-side ul		{margin-bottom:15px; list-style:none; font-size:150%;}
.column-side ul:last-child
					{margin-bottom:0;}
.column-side li:before
					{padding:0 6px 0 0; color:#eeaa00; content:"›";}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Doclist
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.doclist h2			{margin:0 0 12px 0; font-weight:normal; font-size:180%; color:#cc7700;}
.doclist ul			{margin:0 0 20px 0; list-style:none;}
.doclist ul:last-child
					{margin:0;}
.doclist li			{font-size:160%; padding:0; border-top:1px dashed #e4e5e7;}
.doclist li	a		{display:block; padding:6px 0;}
.doclist li a:hover	{background:#fafbfc;}
.doclist li a:active{background:#fafbfc;}

.column-statelist	{width:100%; overflow:hidden; column-count:4; column-gap:60px;}
.column-statelist h2{column-span:all;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Documents
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
section				{width:100%; overflow:hidden; margin:0 auto 40px auto;}
section:last-child  {margin:0 auto;}
section h1			{margin:0 0 12px 0; font-weight:normal; font-size:180%;}
section p			{margin-bottom:16px; font-size:150%;} /* notes above show details button */
section img			{margin-top:3px;}
section img:hover	{opacity:0.85;}
.column-300			{float:left; width:300px; overflow:hidden; margin:0 30px 0 0;}

a.button			{display:inline-block; padding:9px 12px 7px 12px; border:none; border-radius:4px; font-size:11px; font-display:fallback; text-align:center; text-decoration:none; text-shadow:1px 1px 1px #223355; text-transform:uppercase; letter-spacing:.09em; color:#ffffff; background:#5e77aa;}
a.button:hover		{text-shadow:1px 1px 1px #aa8a00; background:#eeaa00;}
a.button:active		{text-shadow:1px 1px 1px #bb9b11; background:#ffbb00;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Document details
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.details p			{margin:0 0 16px 0; padding:14px 0 0 0; font-size:160%;}
.details p.docText {margin:0 0 16px 0; padding:14px 0 0 0; border-top:1px solid #eaebed; font-size:160%;}
.details strong		{font-weight:normal; color:#cc7700;}
.details p.overview	{margin:0 0 16px 0; padding:0; border:none; font-weight:normal; font-size:180%;}
figcaption			{margin:8px 0 50px 0; font-size:150%;}
.column-400			{float:left; width:400px; overflow:hidden; margin:0 60px 0 0;}
.column-400 img		{margin-top:3px;}
.column-400 figure:last-child > figcaption
					{margin-bottom:0;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Inside footer elements
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
footer nav			{padding:0; line-height:1; color:#aabbcc;}
footer nav ul		{font-size:138%;}
footer nav li		{display:inline-block; padding:0 0 0 20px;}
footer nav li:first-child
					{padding:0;}
footer nav a		{color:#aabbcc;}
footer nav a:hover	{color:#ffbb00;}
footer nav a:active	{color:#ffcc00;}
footer p			{margin:30px 0; font-size:130%; color:#aabbcc;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Login elements
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.login				{margin-bottom:50px; padding:3px;}
.login input[type=text], 
.login input[type=password]
					{display:block; margin-bottom:30px; padding:2px 6px; border:1px solid #e4e5e7; line-height:24px; font-size:140%; color:#445577;}
.login label		{display:block; margin-bottom:5px; font-size:150%;}
.login button		{display:inline-block; padding:9px 12px 7px 12px; border:none; border-radius:4px; font-size:11px; text-align:center; text-decoration:none; text-shadow:1px 1px 1px #223355; text-transform:uppercase; letter-spacing:.09em; color:#ffffff; background:#5e77aa; cursor:pointer;}
.login button:link,
.login button:visited,		
.login button:focus	{/* same as a */}
.login button:hover	{text-shadow:1px 1px 1px #aa8a00; background:#eeaa00;}
.login button:active{text-shadow:1px 1px 1px #bb9b11; background:#ffbb00;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Other
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.column-1 p			{margin-bottom:16px; font-size:150%;}
.column-1 p:last-child
					{margin-bottom:0;}
.column-1 ul		{margin-bottom:15px; list-style:none; font-size:150%;}
.column-1 ul:last-child
					{margin-bottom:0;}
.column-1 li		{margin-bottom:15px}
.column-1 li:before
					{padding:0 6px 0 0; color:#eeaa00; content:"›";}					

.search-results ul	{margin-bottom:15px; list-style:none; font-size:140%; color:#cc7700;}
.search-results ul:last-child
					{margin-bottom:0;}
.search-results ul a{font-size:107.2%;}
.search-results li	{margin-bottom:16px; color:#}
.search-results li:last-child
					{margin-bottom:0}
.search-results li a:after
					{padding:0 0 0 6px; color:#eeaa00; content:"›";}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Admin
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

table				{margin:10px 0 30px 0; border-spacing:0; border-collapse:collapse; font-size:150%;}
tbody tr:hover		{background:#fafbfc;}
th					{font-weight:normal; color:#cc7700;}
th, td				{padding:6px 50px 6px 0; border-bottom:1px dashed #e4e5e7}
.duo button			{margin:0 30px 30px 0;}
.admin-label		{color:#cc7700;}
.admin-label:before	{padding:0 6px 0 4px; color:#eeaa00; content:"›";}
fieldset			{margin:0 0 30px 0;}
fieldset legend		{float:left; margin-right:30px; font-size:150%; color:#cc7700;}
.login input[type=checkbox]
					{margin:0; padding:0;}
.login label.inline	{display:inline; margin:0 30px 5px 5px; font-size:150%;}
	
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    SSI
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */	
.list-ssi				{ column-count: 3; column-rule-style: solid; list-style:none; }
.list-ssi.header li   	{ font-weight:bold; }
.column-ssi				{float:left; overflow:hidden; padding-right:5px;font-size:150%; color:#445577;}
.column-ssi.left		{width:25%; padding-right: 5px}
.column-ssi.right		{width:75%;}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Soundex
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */	
.column-soundex				{float:left; overflow:hidden; font-size:150%; color:#445577;}
.column-soundex.left		{width:50%; padding-right: 50px}
.column-soundex.right		{width:50%;}
.list-soundex 				{width:100%; list-style:none; }
.list-soundex li			{column-count: 2; font-weight: normal; }
.column-left				{float:left; overflow:hidden; padding-left: 18px;width: 100%}
.column-left.header			{padding-left: 0px;}
.column-right				{float:left; overflow:hidden; padding-left: 25px; }
.column-right.header		{padding-left: 0px;}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	State License
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

.list-statelicense 			{width:100%;}
.list-statelicense-left		{float:left; overflow:hidden; padding-left: 18px;width: 20%; border-top: 1px solid lightgray; padding-top: 10px;}
.list-statelicense-left h2	{margin:0 0 12px 0; font-weight:normal; font-size:150%; color:#cc7700;}

.list-statelicense-right	{float:left; overflow:hidden; padding-left: 18px;width: 80%; border-top: 1px solid lightgray; padding-top: 10px;}
.list-statelicense-right p	{text-align: justify; text-justify: inter-word; margin-bottom:16px; font-size:150%;}
.list-statelicense-right ul	{padding-left: 20px;}
.list-statelicense-right li	{text-align: justify; text-justify: inter-word; margin-bottom:16px; font-size:150%; padding-left: 20px;}

.list-statelicense-left.m-header	{display: none; border-top: none}
.list-statelicense-right.m-header	{display: none; border-bottom: 1px solid lightgray;}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	State License
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.list-nonbinary				{column-count: 3}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Security Feature Pro
	 - show embed if desktop
	 - show pdf if mobile
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

.m-securityfeature			{display: none}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	767 or narrower
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

@media (max-width:767px) {

	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Global
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	body 				{font-size:75%}
	.skipnotes			{display:block; visibility:visible; margin-bottom:30px; font-size:150%;}


	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Structure
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	#fixedbox 			{position:relative; /* unfix header */}
	#top				{padding:10px; text-align:right;}
	#headerbox			{background:#223e77 url('../img/header-blue.png') repeat-x center center/cover;}
	header				{padding:10px;}
	#trail				{padding:10px;}
	#contentbox			{margin-top:0;}
	#content			{padding:30px 10px 40px 10px;}
	footer				{padding:10px 10px;}
	

	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Top (main nav and search)
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	#top nav			{display:block;}
	#top nav ul			{line-height:2;} 
	#top nav li			{display:block; padding:0;}
	.searchbox			{display:block; margin:15px 0;}
	#top nav li.noshow	{display:none;}
	.searchbox.noshow	{display:none;}


	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Header (logo)
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	header img			{height:75px; width:auto;}
	header #subtitle	{height:75px;}
	header #subtitle h2	{font-size:133.4%;}
	header #subtitle h2 img
						{height:14px; width:auto; margin-bottom:5px;}


	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Trail (breadcrumb nav)
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	#trail nav li		{display:block; line-height:2;}
	#trail nav li		{display:block;}
	#trail nav li + li:before
						{padding:0; color:#eeaa00; content:"";}
	#trail nav li h1	{display:block;}


	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Content
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	.column-2-left		{float:none; width:100%; padding-right:0;}
	.column-2-right		{float:none; width:100%; margin-top:20px; padding-left:0;}
	.column-3			{float:none; width:100%; margin-top:20px; padding:0;}
	.column-3-left		{float:none; width:100%; padding-right:0;}
	.column-3-right		{float:none; width:100%; margin-top:20px; padding-left:0;}
	.column-4			{float:none; width:100%; margin-top:20px; padding:0;}
	.column-4-left		{float:none; width:100%; padding-right:0;}
	.column-4-right		{float:none; width:100%; margin-top:20px; padding-left:0;}
	

	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Home main column
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	.column-wide		{float:none; width:100%; padding-right:30px;}
	.column-wide p:last-child
						{margin-bottom:40px;}
	
	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Home sidebar
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	.column-side		{float:none; width:100%;}
	.column-side li a	{line-height:2;}
	.column-side .notice{margin-right:30px;}	
	


	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Doclist
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	.column-statelist	{column-count:1;}
	.column-statelist h2{column-span:all;}


	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Documents
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	section				{margin:0 auto 40px auto;}
	section h1			{margin:10px 0 8px 0;}
	section p			{margin-bottom:13px;}
	.column-300			{float:none; margin:0;}


	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Document details
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	.column-400			{float:none; width:300px; margin:0 0 10px 0;}	
	.column-400 img		{display:block; width:300px; height:auto;}
	figcaption			{margin:8px 0 30px 0;}
	.column-400 figure:last-child > figcaption
						{margin-bottom:50px;}
		
	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Inside footer elements
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	footer nav			{line-height:2; padding-top:15px;}
	footer nav li		{display:block; padding:0 0 15px 0;}
	footer nav li:first-child
						{padding:0 0 15px 0;}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    SSI
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */	
	.list-ssi			{ column-count: 1; list-style:none; }
	.list-ssi.header li:not(:first-child)   { display:none; }
	.column-ssi		{float:left; width:50%; overflow:hidden; padding-right:30px;}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Soundex
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */	
.column-soundex				{overflow:hidden; font-size:150%; color:#445577;}
.column-soundex.left		{width:100%;}
.column-soundex.right		{width:100%;}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	State License
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

.list-statelicense-left		{width: 100%; }
.list-statelicense-right	{width: 100%;border: none}

.list-statelicense-left.header	{display: none}
.list-statelicense-right.header	{display: none}

.list-statelicense-right.m-header	{display: block;}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Non binary
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.list-nonbinary				{column-count: 1}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Security Feature Pro
	 - show embed if desktop
	 - show pdf if mobile
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.securityfeature			{display: none}
.m-securityfeature			{display: block}
}



/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	768-1024px
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

@media (min-width: 768px) and (max-width:1024px) {

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    SSI
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */	
	.list-ssi			{ column-count: 2; list-style:none; }
	.list-ssi.header li:last-child   { display:none; }
	.column-ssi		{float:left; width:50%; overflow:hidden; padding-right:30px;}
	.list-nonbinary				{column-count: 2}

	/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Security Feature Pro
	 - show embed if desktop
	 - show pdf if mobile
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
	.securityfeature			{display: none}
	.m-securityfeature			{display: block}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .securityfeature			{display: none}
	.m-securityfeature			{display: block}
}
@media all and (device-width: 2048px) and (device-height: 2732px) and (orientation:landscape) {
  .securityfeature			{display: none}
	.m-securityfeature			{display: block}
}
@media all and (device-width: 2732px) and (device-height: 2048px) and (orientation:landscape) {
  .securityfeature			{display: none}
	.m-securityfeature			{display: block}
}