body {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
}


#Banner {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #000080;
	color: #ffffff;
	font-size: 2.5em;
	font-style: italic;
	text-align: center;
	}

#Title {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 1.5em;
	font-style: italic;
	text-align: center;
	}

.CenteredImage {
	padding-top: 2.5em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


a {text-decoration: none;}
a:link {color: #212182;}
a:visited {color: #822182;}
a:hover {color: #000000;}


/* Tables */

table {
	border-collapse: collapse;
}


table.center {
	margin-left:auto; 
	margin-right:auto;
}


/* Tables */


 /* Begin coding for responsive pages */

* {box-sizing: border-box;}

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

.row:after {
	content: "";
	clear: both;
	display: block;
	}

/* 12 columns: */
[class*="col-"] {
	float: left;
	padding-top: 0;
	padding-bottom: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	}

[class*="col-"] {width: 100%;}

h1 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
h3 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

@media only screen and (max-width:250px) {
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

	.button {font-size: 0.5em;}

	h1 {margin-left: 2em; margin-right: 2em; font-size: 1.1em;}
	h2 {margin-left: 2em; margin-right: 2em; font-size: 1.05em;}
	h3 {margin-left: 2em; margin-right: 2em; font-size: 1.em;}

	a {font-size: 0.9em;}
	p {font-size: 0.9em;}
	b {font-size: 0.9em;}
	li {font-size: 0.8em;}
	i {font-size: 0.8em; font-style: italic;}
	table {font-size: 0.75em;}

	#navbar {font-size: 0.75em;}
	.overlay-content { font-size: 1.5em; line-height: 1.75em;}
	}

@media only screen and (max-width:470px) and (min-width:250px) {
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

	.button {font-size: 0.5em;}

	h1 {margin-left: 2em; margin-right: 2em; font-size: 1.1em;}
	h2 {margin-left: 2em; margin-right: 2em; font-size: 1.05em;}
	h3 {margin-left: 2em; margin-right: 2em; font-size: 1.em;}

	a {font-size: 0.9em;}
	p {font-size: 0.9em;}
	b {font-size: 0.9em;}
	li {font-size: 0.8em;}
	i {font-size: 0.8em; font-style: italic;}
	table {font-size: 0.75em;}

	#navbar {font-size: 0.75em;}
	.overlay-content {font-size: 1.5em; line-height: 1.75em;}
	}

@media only screen and (max-width:630px) and (min-width:470px) {
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

	#Content {font-size: 1em;}

	.button {font-size: 0.5em;}

	a {font-size: 0.9em;}
	p {font-size: 0.9em;}
	b {font-size: 0.9em;}
	li {font-size: 0.8em;}
	i {font-size: 0.8em; font-style: italic;}
	table {font-size: 0.75em;}

	#navbar {font-size: 0.75em;}
	.overlay-content {font-size: 1.5em; line-height: 1.75em;}

	h1 {margin-left: 2em; margin-right: 2em; font-size: 1.1em;}
	h2 {margin-left: 2em; margin-right: 2em; font-size: 1.05em;}
	h3 {margin-left: 2em; margin-right: 2em; font-size: 1.em;}
	}


@media only screen and (max-width:1150px) and (min-width:630px) {
	/* For tablets: */
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}

	#Content {font-size: 1em;}

	.button {font-size: 0.7em;}

	a {font-size: 1em;}
	p {font-size: 1em;}
	b {font-size: 1em;}
	li {font-size: 1em;}
	i {font-size: 1em; font-style: italic;}
	table {font-size: 1em;}
	#navbar {font-size: 1em;}
	.overlay-content {font-size: 1.5em; line-height: 1.75em;}

	h1 {margin-left: 2em; margin-right: 2em; font-size: 1.8em;}
	h2 {margin-left: 2em; margin-right: 2em; font-size: 1.5em;}
	h3 {margin-left: 2em; margin-right: 2em; font-size: 1.2em;}

	}

@media only screen and (min-width:1150px) {
	/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

	#Content {font-size: 1em;}

	.button {font-size: 0.8em;}

	a {font-size: 1em;}
	p {font-size: 1em;}
	b {font-size: 1em;}
	li {font-size: 1em;}
	i {font-size: 1em; font-style: italic;}
	table {font-size: 1em;}
	#navbar {font-size: 1em;}
	.overlay-content {font-size: 1.25em; line-height: 1.5em;}

	h1 {margin-left: 2em; margin-right: 2em; font-size: 1.8em;}
	h2 {margin-left: 2em; margin-right: 2em; font-size: 1.5em;}
	h3 {margin-left: 2em; margin-right: 2em; font-size: 1.2em;}

	}
                     
/* banner and NAV BAR */

#TitleLine {	
	position: absolute;
	width: 100%;
	font-size: .6em;
	top: 2em;
	line-height: 0;
	color: #FFFFFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	opacity: 1;}

/* screen width - 320 */
@media only screen and (max-width:400px) and (min-width:280px) {
	#TitleLine {font-size: .85em; top: 2em;}
	}

/* screen width - 480 */
@media only screen and (max-width:560px) and (min-width:400px) {
	#TitleLine {font-size: 1.2em; top: 2.4em;}
	}

/* screen width - 640 */
@media only screen and (max-width:704px) and (min-width:560px) {
	#TitleLine {font-size: 1.65em; top: 2.1em;}
	}

/* screen width - 768 */
@media only screen and (max-width:896px) and (min-width:704px) {
	#TitleLine {font-size: 2em; top: 2.1em;}
	}

/* screen width - 1024 */
@media only screen and (max-width:1152px) and (min-width:896px) {
	#TitleLine {font-size: 2.5em; top: 2.4em;}
	}

/* screen width - 1280 */
@media only screen and (max-width:1323px) and (min-width:1152px) {
	#TitleLine {font-size: 3.05em; top: 2.3em;}
	}

/* screen width - 1366 */
@media only screen and (max-width:1451px) and (min-width:1323px) {
	#TitleLine {font-size: 3.2em; top: 2.6em;}
	}

/* screen width - 1536 */
@media only screen and (max-width:1728px) and (min-width:1451px) {
	#TitleLine {font-size: 3.7em; top: 2.6em;}
	}

/* screen width - 1920 */
@media only screen and (max-width:1984px) and (min-width:1728px) {
	#TitleLine {font-size: 3.9em; top: 2.25em;}
	}

/* screen width - 2048 */
@media only screen and (max-width:2304px) and (min-width:1984px) {
	#TitleLine {font-size: 4.1em; top: 2.3em;}
	}

@media only screen and (min-width:2304px) {
	#TitleLine {font-size: 4.3em; top: 2em;}
	}

 /* end coding for responsive pages */