/*
 * ============================================================
 * Global styles. The main colors of the global scheme are:
 *   Dark Blue (Navy) - 00467f
 *   Light Blue - 74aedc
 *   St. John Logo Green - 63d88b
 *   Darker Green (text) - 7ac142
 * ============================================================
 */

body {
	background-color: #00467f;
	font-family: Arial;
	font-size: small;
	color: black;
}

.coloredtext1 {
	color: #74aedc;
	text-decoration: none;
	
}

.coloredtext2 {
	color: #74aedc;
}

.coloredtext3 {
	color: #00467f;
	font-weight: bold;
	font-size:small;
}

.coloredtext4 {
	color: #7ac142;
	font-weight: bold;
	font-size:small;
}


.sermontext {
	color: #00467f;
	font-size: small;
	font-family: Arial;
	font-style: italic;
	font-weight: bold;
	text-align: justify;
}

.bodytext {
	color: black;
	font-weight: bold;
	font-size: small;
	text-align: justify;
	text-decoration: none;
}

.question {
	color: #00467f;
	font-weight: bold;
	font-size: 10px;
}

/* 
 * ============================================================
 * Headline styles
 * ============================================================
 */

.headline0 {
	color: #74aedc;
	font-weight: bold;
	font-size: 30px;
}

.headline1 {
	color: #7ac142;
	font-weight: bold;
	font-size: large;
}

.headline2 {
	color: #7ac142;
	font-weight: bold;
	font-size: medium;
}

.headline3 {
	color: #7ac142;
	font-weight: bold;
	font-size: small;
}

.headline4 {
	color: #7ac142;
	font-weight: bold;
	font-size: large;
	
}


/* 
 * ============================================================
 * Hyperlink styles
 * ============================================================
 */

a:link {
	color: #00467f;
	text-decoration: none;
}

a:visited {
	color: #74aedc;
	text-decoration: none;
}

a:hover {
	color: #7ac142;
	text-decoration: none;
}

a:active {
	color: #63d88b;
	text-decoration: none;
}

a.mainnav:link {font-family:Arial; color: #7ac142; font-weight:bold; font-size: large; text-decoration: none}
a.mainnav:visited {font-family:Arial; color: #74aedc; font-weight:bold; font-size: large; text-decoration: none}
a.mainnav:hover {font-family:Arial; color: #00467f; font-weight:bold; font-size: large; text-decoration: none}


/* 
 * ============================================================
 * Tab/divider styles
 * ============================================================
 */

.tab {
	background-color: #74aedc;
	color: white;
}

table.tab a:link {
	color: white;
	text-decoration: underline;
}

table.tab a:hover {
	color: white;
	text-decoration: underline;
}

table.tab a:active {
	color: white;
	text-decoration: underline;
}

table.tab a:visited {
	color: white;
	text-decoration: underline;
}