@charset "UTF-8";
/* CSS Document */

/* THIS STYLESHEET STYLES THE MAIN AND SUBORDINATE MENUS FOR NAVIGATION, INCLUDING THOSE OF THE FOOTER. IT ALSO INCLUDES ALL MEDIA QUERIES FOR DESKTOP */

nav {background:#234a5f; margin:0 auto; width:100%;
	column-count: 2; column-gap: 1px; column-rule: 1px solid #dbdee3;
	-webkit-column-count: 2; -webkit-column-gap: 1px; -webkit-column-rule: 1px solid #dbdee3;
	-moz-column-count: 2; -moz-column-gap: 1px; -moz-column-rule: 1px solid #dbdee3;

 } /* sets relative width and centers */

/* ===== mobile list navigation ======================================================= */

nav ul {
	font-size:0;
    list-style-type: none;
    margin-top: 0;
	padding:0;
    border-top: 1px solid #dbdee3;
} /* sets style and appearance of navigation lists, and eliminates inter-block white space when inline by setting font-size to zero (to be overridden) */

nav a {
    display: block;
    padding:.2em 1em;
    font-size:1rem;
    font-weight: 700;
    letter-spacing: 0.2em;
	text-align:center;
    border-bottom: 1px solid #dbdee3; /* same gray as body background */
}

nav ul.subm a {letter-spacing: normal;}

div.desktop {display: none;}

/* ===== end mobile list navigation ================================================== */


ul.hom, ul.abo, ul.mis, ul.two, ul.thr, ul.iss, ul.fou, ul.fiv, ul.six, ul.sev {display:none;} /* sets default invisibilty of submenus */

body.hom ul.hom, body.abo ul.abo, body.mis ul.mis, body.two ul.two, body.thr ul.thr, body.iss ul.iss, body.fou ul.fou, body.fiv ul.fiv, body.six ul.six, body.sev ul.sev {display:block; background:#2b5e79; font-size:0;} /* sets block appearance of submenus and eliminates inter-block white space by setting font-size to zero (to be overriden) */

nav a:link, nav a:visited {color:#fff; text-decoration:none;} /* sets default color and style for links and visited-links in nav menus; color for submenus to be overriden */

nav a:hover { background:#ddd; } /* sets default hoverlink color and bg for (un)selected main tabs; to be overridden for selected tab and displayed submenu */

body.hom a.hom:link, body.hom a.hom:visited,
body.abo a.abo:link, body.abo a.abo:visited,
body.mis a.mis:link, body.mis a.mis:visited,
body.two a.two:link, body.two a.two:visited,
body.thr a.thr:link, body.thr a.thr:visited,
body.iss a.iss:link, body.iss a.iss:visited,
body.fou a.fou:link, body.fou a.fou:visited,
body.fiv a.fiv:link, body.fiv a.fiv:visited,
body.six a.six:link, body.six a.six:visited,
body.sev a.sev:link, body.sev a.sev:visited {color:#f5f5f5; background: #2b5e79; border-left: 2px solid #f5f5f5; border-right: 2px solid #f5f5f5; Xborder-bottom: 2px solid #2b5e79} /* sets link and visited-link color and side border for selected main tab */

body.hom ul.hom a:link, body.hom ul.hom a:visited,
body.abo ul.abo a:link, body.abo ul.abo a:visited,
body.mis ul.mis a:link, body.mis ul.mis a:visited,
body.two ul.two a:link, body.two ul.two a:visited,
body.thr ul.thr a:link, body.thr ul.thr a:visited,
body.iss ul.iss a:link, body.iss ul.iss a:visited,
body.fou ul.fou a:link, body.fou ul.fou a:visited,
body.fiv ul.fiv a:link, body.fiv ul.fiv a:visited,
body.six ul.six a:link, body.six ul.six a:visited,
body.sev ul.sev a:link, body.sev ul.sev a:visited {color:#f5f5f5; text-transform:lowercase; }  /* sets link and visited-link color for displayed submenu */

body.hom a.hom:hover, body.hom ul.hom a:hover,
body.abo a.abo:hover, body.abo ul.abo a:hover,
body.mis a.mis:hover, body.mis ul.mis a:hover,
body.two a.two:hover, body.two ul.two a:hover,
body.thr a.thr:hover, body.thr ul.thr a:hover,
body.iss a.iss:hover, body.iss ul.iss a:hover,
body.fou a.fou:hover, body.fou ul.fou a:hover,
body.fiv a.fiv:hover, body.fiv ul.fiv a:hover,
body.six a.six:hover, body.six ul.six a:hover,
body.sev a.sev:hover, body.sev ul.sev a:hover {color:#fff; background:#999; } /* sets hoverlink color white and hoverlink bg color (med gray) for selected main tab and displayed submenu */

footer ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:0;
	text-transform:capitalize;
	text-align:center; } /* sets style and appearance of footer menu list, and eliminates inter-block white space by setting font-size to zero (to be overridden) */

footer li { display:inline; } /* sets footer menu list items to display horizontally */

footer li a {
	display: inline-block;
	font-size:0.85rem;
	padding:0 1em; } /* sets style and appearance of footer menu links; needs both inline and block (invisible) inline, padded blocks; restores a visible font size based on root */


/* ===== HOME/INDEX only navigation links  ====================================================== */
/* STYLES BELOW ARE FOR APPEARANCE OF NAVIGATION LINKS ON OPENING HOME/INDEX PAGE (WITH PIC) ONLY */

body.hom article a {text-decoration: none; font-weight: inherit;} /* keeps the non-nav links on the index page from becoming bolder and having overline or underline */

body.hom article ul {
	list-style-type:none;
	padding:.25em;
} /* sets style and appearance of navigation lists, and eliminates inter-block white space by setting font-size to zero (to be overridden) */

body.hom article li { display:inline; } /* sets list items to display horizontally */

body.hom article ul li a {
	display: inline-block;
	font-weight:600;
	padding:.25em;
	text-align:center;
 } /* sets default style and appearance for all navigation links; needs both inline and block to preserve solid blocks; restores a visible font size based on root */

/* ===== end HOME/INDEX only navigation links  ==================================================== */




/* ===== begin media queries, for DESKTOP  ======================================================== */

/* CHANGE @media screen and (max-width:xx) or (min-width:xx) BACK TO MAX-DEVICE-WIDTH:500 OR MIN-DEVICE-WIDTH:XX WHEN ALL TESTING IS DONE */
/* EVIDENTLY MEDIA QUERY NEEDS TO BE ON ONLY A FINAL, SINGLE CSS STYLESHEET */

@media screen and (min-width: 500px) {
	body {font-weight: 300; color: #4c4c4c;}
	.logop {font-size:1.75rem; letter-spacing: .25em; padding: 1.5rem .5rem; }
	.copyleft {float: left; }
	.copyright {float: right; }
	.copyleft, .copyright {
		width: 48%;
		text-align: left;
		margin-top: 0;}
	blockquote {margin-left: 5%; margin-right: 5%;}
	.sideroom {padding: .5em 7%;}
	h1, h2, h3, h4, h5, h6  {font-weight: 300; margin: 1.5em 0 .5em;}
	h1 {font-size: 2em; margin: 0.25em 0;}
	h2 {font-size: 1.75em;}
	h3 {font-size: 1.35em;}
	h3 + p.aside {color: #666; margin-top: -.75em;}
	footer li a {padding:.5em 1em; font-size: .8rem; }
	nav a {font-size: .8rem; padding: .25 1em; }
	body.hom article ul li a {padding: .25em .5em; }
	.hangpara p {padding-left: 2em; text-indent: -2em; margin-top: 1.5em;}
	.hangpara p em {font-weight: 300;}
	.pdflist p {margin-top: .75em;}
	.articlelist p:last-child {padding-left: 2em;}

/* ===== desktop list navigation to undo mobile ============================ */

div.desktop {display: inherit;}

nav {column-count: 1;
	-webkit-column-count: 1;
	-moz-column-count: 1; }

nav li { display:inline; } /* sets list items to display horizontally for desktop */

nav a {
	display: inline-block;
	padding:0 1em;
	font-size:0.9rem;
	letter-spacing:inherit;
	border-bottom: none;
} /* sets default style and appearance for all navigation links; needs both inline and block to preserve solid blocks; restores a visible font size based on root */

body.thr nav ul.subm, body.iss nav ul.subm, body.fou nav ul.subm, body.fiv nav ul.subm, body.six nav ul.subm, body.sev nav ul.subm {display: none;} /* necessary for every menu that has a sub-menu to cancel mobile display of the sub-menu immediately after columnar listed menu ; otherwise the sub-menu will appear twice in desktop, and break the line of the main menu items as well; REMEMBER TO LIST HERE IF A NEW SUB-MENU IS ADDED */


/* ===== end desktop list navigation to undo mobile ========================= */


}

/* ===== end media queries, for DESKTOP  ========================================================== */