/* NEW on 241229 */

  a.pdf {text-decoration:none;}
  a.pdf:visited {color:rgb(175,175,255)}
  img.pdf {margin-right:.5em;}
  

/* GLOBAL defaults */

	* { margin:0; padding:0; }
	html { font-size:18px; }


/* DEV ONLY */

	body,header,nav,main,footer { background-color:rgb(241,241,241); }
	body,header,nav,main,footer,div,p { border:0px dashed black; }

	body.x { background-color:gold; }

/* ARTICLE codeblocks  */

  article { border:0px dashed gray; }
  article h2 { margin:1em 0 0 0; border-radius:.5em; padding:.75em; background:rgb(204,204,204); }
  article .itemblock { margin:1em; border:1px solid gray; border-radius:.25em; padding:1em; background-color:white;  }
  article .special { background-color:rgb(174,181,195); }

/* PUBLICATIONS codeblocks  */

  div.publication  { margin:1em; border:0px solid blue; }
      .publication h2  { margin: .5em; }
       .publication h3  { margin:.5em .5em .25em .75em;}
  div.journ  { margin-left:1.25em; }  
  div.auths  { margin-left:1.25em; }  
  div.jlink  { margin-left:1.25em;}
    .jlink a  { color:blue; text-decoration:none; }
  div.download { margin-left:1.25em; display:inline-block; min-width:5em; font-family:"courier-new",courier,monospace; color:gray;  }



/* QUICK LINKS and SIDEBAR */

  div.sidebar { float:right; width:23%; min-width:250px; max-width:500px; min-height:250px;
			margin:3em 0 1em 1em; border:1px solid gray; border-radius:.25em; padding:.25em;
			background:white; }
  div.photosidebar { float:right; width:23%; min-width:250px; max-width:500px; min-height:208px;
			margin:3em 0 1em 1em; padding: .10em;}
  .sidebarphoto { width:100%; border:1px solid darkolivegreen; border-radius:6px; }

  h3.quickheading { font-size:.9rem; font-style:normal; font-weight:bold;
			color:white; background-color:red;
			margin:.75em .75em .25em .75em; border-radius:.25em; padding:.5em; }
  div.quickitem { margin:.75em; }
    .quickitem { border-top:1px dashed black; padding-top:.5em; font-size:.9em; }
    .first { border:none; margin-top:.25em; }
  img.quickimg { margin:.25em auto; width:100%; }

  button.sidebaritem { font-size:.75rem; font-style:normal; font-weight:bold;
			color:white; background-color:orangered; cursor:pointer;
			width:100%; margin:.5em auto .25em auto; border:0; border-radius:.25em; padding:.5em; }

  div#welcomephoto { float:right; position:relative; width:23%; min-width:200px; max-width:500px; padding:0; }
    #welcomephoto img { width:100%; border:1px solid black; border-radius:.25em; }
    #welcomephoto .banner  { float:left; position:absolute; left:.25em; bottom:.25em; color:white; }
    #welcomephoto .banner { font-size:1.2rem%; border-radius:.25em; padding:.25em .5em; color:white; background:rgba(103,153,153,.45); }


/* MISC BLOCK */

	body { position:relative; font:1rem verdana,helvetica,arial,sans-serif; }
	h1,h2,h3,h4 { font-weight:bold; }
	h1 { font-size:1.2rem; }
	h2 { font-size:1.25rem; }
	h3 { font-size:1.1rem; font-style:italic; margin:1em; }
	h4 { font-size:.9rem; margin:.75em; }
	h5 { font-size: .9rem; margin: 0em 0em .25em 1.25em; font-weight:normal;}
	hr { width:75%; margin:1em auto; border-top:1px solid black; }
	p,li { margin:.75em; line-height:1.5em; }
	ul { margin:1em 2em; }
	ol { margin:1em 2em; }


/* MISC INLINE */

	span.ordered { font-size:.8em; color:gray; }
	span.file_link { display:inline-block; min-width:10em; }
	span.file_typesize { display:inline-block; min-width:5em; font-family:"courier-new",courier,monospace; color:gray; }
	span.pseudolink { color:blue; background:rgb(222,222,222); padding:.1em .2em; }


/* MISC ELEMENTS */

	strong { font-weight:bold; }
	em { text-decoration:italic; }
	p.quote { margin-left:2em; border-left:5px solid rgb(200,200,255); padding-left:2em; }
	.dw { background-color:yellow; }
	.wedgie { clear:both; }
  .img { margin:1em; border:1px solid black; border-radius:.5em; }
	.inline { display:inline; margin-right:.25em; }
	.width10em { min-width:10em !important; }
	.width15em { min-width:15em !important; }
	.width20em { min-width:20em !important; }
	.width22em { min-width:22em !important; }
	.width25em { min-width:25em !important; }
	.width30em { min-width:30em !important; }



/* FLOATS & POSITIONING */

	.top, .right, .bottom, .left { margin:1em; }
	.left { float:left; margin-left:0; }
	.right { float:right; margin-right:0; }
	.top { margin-top:0; }
	.bottom { margin-bottom:0; }
	.center { text-align:center; }
	.hide { display:none; }
	.show { display:initial; }
	.sidebarsqueeze { margin-right:25%; }


/* MAIN codeblock */

	main { margin:1em auto; width:95%; max-width:1200px; }
  h2.section { font-size:1.25rem; margin:1em 0 0 0; border-radius:.5em; padding:.75em; background:rgb(204,204,204); }
  h3.faqq { margin:.25em 0; }


/* HEADER codeblock */

	header { height:8rem; position:relative; top:0;
		background-image:url("../banner/logo_3.png");
		background-color:#0f78af;
		background-repeat: no-repeat;
		background-position:90% center;
		background-size:20%; }

	div#banner { float:left; position:absolute; left:.25em; bottom: 25%; }
		#banner { font-size:1.5rem; border-radius:.5em; padding:.25em .5em; color:white; /* background:rgba(103,153,153,.45) */; }
		#banner .nmil_shortname { font-weight:bold;}
		#banner .nmil_longname { border:none;}


/* FOOTER codeblock */

	footer { padding:1em; text-align:center; font-size:.75rem; color:rgb(102,102,128); }
	footer div.copyright { border-top:1px solid rgb(153,153,175); padding:1em 1em .5em 1em; }
	footer div.acknowledge { padding-bottom:.25em; }


/* SITE NAVIGATION */

	nav.sitenav { background-color:#437c17; overflow:auto; }
		.sitenav a { float:left; padding:1em 1.1em; color:#fff; text-decoration:none; font-size:.85rem; text-align: center; }
		.sitenav a:hover { color:black; background-color:white; }
		.sitenav a.thispage { background-color:#222; }	
		.sitenav a.thispage:hover { background-color:#0f78af; color:white; }

	nav.sectionnav { position:sticky; top:-1px; position:-webkit-sticky; /* Safari */; background-color:rgba(241,241,241,.75);  }
	  .sectionnav .sections { padding-left:1em; overflow:auto; background-color:grey; position:sticky; top:-1px; position:-webkit-sticky; /* Safari */  }
		.sectionnav .sections a { float:left; padding:.5em 1em; color:#fff; text-decoration:none; font-size:.85rem; text-align:center; }
		.sectionnav .sections a:hover { color:black; background-color:white; }
		.sectionnav .sections a.thispage { background-color:#222; }
		.sectionnav .sections a.thispage:hover { background-color:#0f78af; color:white; }

	div.breadcrumb { padding:.5em 2em; font-size:.75rem; color:rgb(51,51,51);  }
		.breadcrumb a { padding:.5em; color:inherit; text-decoration:none; }
		.breadcrumb a:hover { text-decoration:underline; }

        	nav.sticky { position:sticky; top:-1px; position:-webkit-sticky; /* Safari */ }



/* NAVBAR-bottom */

	nav.footlinks { display:none; }


/* TABLE defaults */

	table.full { background-color:white; width:95%; }
	td, th { font-size:.8rem; vertical-align:top; }


/* TABLE alternating */

	table { margin:1em auto; border-collapse:collapse; width:75%; }
	td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; }
	tr:nth-child(even) { background-color: #dddddd; }


/* COMMENT BOXES */

	.comment { margin:.5em 2em; padding:.75em; padding-left:3.5em; border-radius:10px; }
	.comment { background-color:#fff4b3; background-image:url("../svg/quote-white.svg"); background-repeat:no-repeat; background-size:3em; }
	.comment, .comment span { font-style:italic; }
	.showmore { color:blue; }








/* PURGE */

	.navbar { width:100%; background-color:#444; overflow:auto; }
	.stickyblock { position:sticky; top:-1px; position:-webkit-sticky; /* Safari */ }
		/* -- navigation links -- */
	.navbar a { float:left; padding:1em 1.1em; color:#fff; text-decoration:none; font-size:.85rem; text-align: center; }
		/* -- background on mouse-over -- */
	.navbar a.thispage { background-color:#222; }
		/* -- ADD RESPONSIVENESS - ON SCREENS LESS THAN 500PX, MAKE THE NAVIGATION LINKS APPEAR ON TOP OF EACH OTHER, INSTEAD OF NEXT TO EACH OTHER -- */
	.navbar a:hover { color:black; background-color:white; }
		/* -- STYLE THE CURRENT/ACTIVE LINK -- */
	@media screen and (max-width: 500px) { .navbar a { float: none; display: block; width: 100%; text-align: left; /* If you want the text to be left-aligned on small screens */ } }
	.is_sticky { opacity:.5; }

	nav.subnavbar { padding-left:1em; overflow:auto; background-color:grey; }
	nav.subnavbar a { float:left; padding:.5em 1em; color:#fff; text-decoration:none; font-size:.85rem; text-align:center; }
	nav.subnavbar a.thispage { background-color:#222; }
	nav.subnavbar a:hover { color:black; background-color:white; }

	nav.breadcrumb { padding:.5em 2em; font-size:.75rem; color:rgb(51,51,51); background-color:rgba(241,240,241,.75); }
	nav.breadcrumb a { padding:.5em; color:inherit; text-decoration:none; }
	nav.breadcrumb a:hover { text-decoration:underline; }