body,td,th {
	/* default font, black sans-serif */
	font-family: Arial, Helvetica, sans-serif;
	color: #003874; /* blue */
	font-size: 1.2em;
}

td {
	border-bottom: solid 2px #99CAEa; /* light blue */
	border-right: solid 1px #99CAEA;  /* light blue */
}

.largeCap {font-size:1.5em;}

body {
	background-color: #A9A8A9; /* grey */
	margin:0;
}

section {
	margin:0;
	padding: 0;
	width:100%;
	background-color: #A9A8A9; /* grey */
	border:transparent solid 1px; /* seems to work */
}

article, table {
	background-color: #A9A8A9; /* grey */
	/*       top  right bottom left */
	/* padding: .5em 2.5em   .5em .5em; */
    padding: 0.5% 4% 0.5% 1%;	
	margin: .1%;
}

#newDiv, #specialDiv {
	background-color:#99CAEa; /* light blue */
	/*       top  right bottom left */
	/* padding: .5em .5em   .5em   .5em; */
	padding: 2% 2% 2% 2%;
    /* width:60%; */ width:350px;	
}

.clearfix { overflow:auto; }

.clear { clear:both; }
/* Screen Header */
header {
	background-color: #99CAEA; /* light blue */
}

header img {
	width:60%;
	display: block;
	margin-left: auto; 
	margin-right: auto;
	padding:5px;
}

#homePageImg {
	width:60%;
	display: block;
	float:left;
	padding-left:5%;
}

footer {
	background-color: #99CAEA; /* light blue */
}
footer img {
	width:10%;
	display: block;
	margin-left: auto; 
	margin-right: auto;
	padding:5px;
}

#pcusa {
	width:10%;
	margin: 0;
	padding:5px;
	padding-right:5%;
}

/* default is un-bulleted lists */
ul {list-style-type:none;}
.disc {list-style-type:disc;}

.center
{
	display:block;
	margin-left:auto; 
	margin-right:auto;
}
.centerText
{
	text-align:center;
}

/* for "new" icon at right of home page banner */
#iconNew {
	width:15%; 
	float:right; 
	padding-right:5%;
}


/* Values for Headers */
h1 {
	font-family: "Ariel Bold", Helvetica, sans-serif ;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
h2 {
	font-family: "Ariel Bold", Helvetica, sans-serif ;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
}

/* top of screen navigation */
.right {float:right; right:0;}

.current {
    display: block;
	background-color: #A9A8A9;  /* grey */
	color: #003874;  /* blue */
	/*       top  right bottom left  */
	padding: .1em .95em .1em   .9em;
	font-family:  "Ariel Bold", Helvetica, sans-serif ;
	font-style: italic;
	text-decoration:none;
	font-size: 1.5em;
	height: 100%;
}

nav {
    background-color: #003874; /* blue */
    border-style: none;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}

nav ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #003874; /* blue */
}

nav li {
    float: left;
	border-bottom: 1px solid #003874; /* blue */
	border-right: 1px solid #A9A8A9; /* grey */
}


nav li a {
    display: block;
    color: #A9A8A9; /* grey */
	/*       top  right bottom left */
	padding: .1em .95em .1em   .9em;
	font-family:  "Ariel Bold", Helvetica, sans-serif ;
	font-style: italic;
	text-decoration:none;
	font-size: 1.5em;
	height: 100%;
}

nav li a:hover, .dropdown:hover .dropbtn {
	background-color: #003874;  /* blue */ 
	color:#A9A8A9; text-decoration:none; 
}
nav li a:visited  {color: #A9A8A9; text-decoration: none }
nav li a:link  {color: #A9A8A9; text-decoration: none }

/* For Dropdown Menu */
nav li.dropdown {
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	z-index: 5;
	margin: 0;
	text-align: left;
	background-color: #003874; /* blue */
}

.dropdown-content a {
    display: block;
    color: #A9A8A9; /* grey */
	/*       top  right bottom left */
	padding: .1em .5em .1em   .2em;
	font-family:  "Ariel Bold", Helvetica, sans-serif ;
	font-style: italic;
	text-decoration:none;
	font-size: 1.5em;
	height: 100%;
	border-bottom: 1px solid #A9A8A9; /* grey */
}

.dropdown-content .current {
	display: block;
    background-color: #A9A8A9; /* grey */
	color: #003874; /* blue */
	/*       top  right bottom left */
	padding: .1em .5em .1em   .2em;
	font-family:  "Ariel Bold", Helvetica, sans-serif ;
	font-style: italic;
	text-decoration:none;
	font-size: 1.5em;
	height: 100%;
}
.dropdown:hover .dropdown-content {
	display: block;
}

/* End Top of Screen Navigation */

/* For embedded links */
a:link {
	text-decoration: underline;
	color: #6600CC; /* Light Hard Violet */
}
a:visited {
	text-decoration: underline;
	color: #6633CC; /* Medium Violet Blue */
}
a:hover {
	text-decoration: underline;
	color: #660000; /* Dark Hard Red */
}
a:active {
	text-decoration: underline;
	color: #660000; /* Dark Hard Red */
}

img { 
	vertical-align:top;
}	

/* For the home-page slide show */

/* control in and out fading on transitions */
@keyframes fading{0%{opacity:.2}20%{opacity:1}80%{opacity:1}100%{opacity:1}}

.slide-container {
	margin:auto;
}
.slides {
	width:100%;
	position:relative;
	animation:fading 10s infinite;
}
.slides img {
	width:100%;
} 

.caption {
	position:absolute; right:0; top:0; /* top right */
	font-family:"Times New Roman", Times, serif;
	font-size: 3em;
	padding:0em .5em;
	color: #A9A8A9; /* gray */
}

/* End slide show styles */

.flex-item-100pct {
	width: 100%;
}

.flex-container {
    display: flex;
    width: 100%;
    background-color: #A9A8A9;
}

.flex-container-wrap, .flex-container-img {
    display: flex;
    width: 100%;
	flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
    justify-content: center;
    background-color: #A9A8A9;
	margin:0;
}

.flex-container-img a {
	margin: 1px;
}

iframe { /* for embedded map */
	width:100%;
	height:100%;
}

/* Adjust display for screen size */ 

@media screen and (min-width: 600px) {
	.flex-container {
		flex-direction: row;
		flex-direction: row;
	}

	.flex-item {   /* 3 equal width */
		width:33%;
	}

	.flex-item-50 { /* 2 columns */
		width:45%;
	}	

	.flex-item-66 { /* 2/3 of object */
		width:66%;
	}	

	.flex-item-narrow {
		width:20%;
		flex: 1;
		flex: 1;
		order: -1;
		order: -1;
	}
	.flex-item-wide {;
		width:79%;
		flex: 4;
		flex: 4;
	}

}

@media screen and (max-width: 800px){ /* changed from 600px */

	iframe { /* for embedded map */
		height:800px;
	}

   .flex-container, .flex-container-img {
    flex-direction: column;
	flex-wrap:nowrap;
	}
   	.flex-item-100pct, .flex-item, .flex-item-wide, .flex-item-66, 
	.flex-item-50, .flex-img, .flex-item-narrow {
   		width:100%;
		flex: 1;
    }
	.caption {
		font-size: .75em; /* changed from 1em */
	}
	header img {
		width: 80%;
	}

	#homePageImg {
		width: 60%;
	}

	#iconNew {
		width: 15%;
	}

	/* For in-line images likely to be over 600 px wide,
	 * to prevent them from shrinking rest of text on
	 * mobile devices */
	.wideImg {width: 100%;}
	
	footer img {
		width: 20%;
	}
	.current, nav li a, .dropdown-content a, .dropdown-content .current {
		font-size: 1em;  
	}

}

/* for pop-up displays */
#newDiv, #specialDiv {
    position: absolute;
    top: -30px;
    right: 0;
	left:0;
	margin:5% auto;
    border: 3px solid #653697;
	z-index:3;
	background-color: #99CAEa; /* light blue */
	/*       top  right bottom left */
	padding: .5em .5em   .5em   .5em;
     width:60%; /* width:350px; */	
}

.copyRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:0.5em;
	margin-bottom:0.5em;
}