@charset "utf-8";
body {
	margin: 0 auto;
	width: 90%;
	
	background-size: cover;
	background-attachment: fixed;
	font-family: actor;
	font-style: normal;
	font-weight: 400;
	height: 100%;
	min-height: 600px;
	background-image: url(../images/background.jpg);
}
header img {
	border-radius: 50px 50px 25px 25px;
	width: 100%;
	}

header  {
	padding-top: 1em;
}

nav {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: left;
	font-style: italic;
	font-weight: bold;
}
nav ul {
	list-style-type: none;
	font-size: .7em;
	background-color: hsla(239,63%,25%,0.49);
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 100%;
}
nav ul li {
	list-style: none;
	float: left;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 12%;
	transition: all 0.3s linear;
}
nav ul li:hover {
	color: #717070;
	cursor: pointer;
}

nav a {
    color: #F9F9F9;
    text-decoration: none;
}
nav a:visited {
	color: #F9F9F9;
}

nav a:hover, a:active, a:focus {
    color: #F4F5F4;
    text-decoration: underline;
    background-color: rgba(200,4,14,1.00);
}

#courses {
    width: 100%;
}
#courses th {
    padding: 5px;
}
#courses td {
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}
#courses tr:nth-child(even){
    background-color: hsla(110,69%,21%,0.52);
}

#courses th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #115513;
    color: white;
}

#courses a {
	color: #084306;
	text-decoration: none;
}
#courses a:hover {
	text-decoration: underline;
	background-color: #F80414;
    color: hsla(0,0%,97%,1.00);
}

h1 {
	font-family: amethysta;
	font-style: normal;
	font-size: 3.2em;
	line-height: 1em;
	text-align: center;
	color: rgba(200,4,14,1.00);
}
h2 {
	font-family: amethysta;
	font-style: normal;
	font-size: 1.5em;
	line-height: 1em;
	text-align: center;
	color: rgba(200,4,14,1.00);
}
h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-style: normal;
	font-size: 2.2em;
	line-height: 2em;
	color: rgba(200,4,14,1.00);
	text-align: center;
}
h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-style: italic;
	font-weight: 200;
	line-height: 1.4em;
	font-size: 1.2em;
	line-height: 0.2em;
	color: rgba(237,17,21,1.00);
	text-align: center;
}
h5 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.4em;
	color: rgba(237,17,21,1.00);
	text-align: left;
	margin: 0px;
	padding-top: 4px;
}
h6 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align: left;
    font-size: 1.2em;
    text-indent: 25px;
    border-bottom: thin solid hsla(109,87%,9%,1.00);
    line-height: 1.2em;
    color: hsla(109,87%,9%,1.00);
	margin: 0px;
	padding-top: 5px;
}
.red {
	color: rgba(200,4,14,1.00);
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.green {
	color: rgba(42,134,19,1.00);
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 1.2em;
}
.rates {
	font-size: 0.8em;
	color: rgba(8,94,26,1.00);
	text-align: center;
	margin-bottom: 25px;
}
.titles {
	font-style: italic;
	font-size: 2em;
	line-height: 1.5em;
	color: rgba(237,17,21,1.00);
	text-align: left;
}
.members {
    font-size: 1em;
    line-height: 1.5em;
    color: rgba(4,53,8,1.00);
    text-align: left;
    width: 92%;
}
.mission {
    font-style: normal;
	font-size: 1.4em;
	line-height: 2em;
	color: rgba(200,4,14,1.00);
	text-align: center;
}
p {
	font-size: 1.1em;
	font-style: italic;
	font-weight: 600;
}
* {
    box-sizing: border-box;
}
.sectionleft {
	background-color: rgba(252,249,249,0.80);
	width: 62%;
	float: left;
	margin: 2.5% 1%;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	padding-left: 15px;
	padding-bottom: 15px;
	border: thick double rgba(253,2,6,1.00);
	padding-right: 15px;
}
.sectionleft p {
	color: rgba(32,73,8,1.00);
	text-indent: 25px;
	padding-left: 2%;
	padding-right: 2%;
	-webkit-box-shadow: 0px 0px rgba(248,243,243,0.98);
	box-shadow: 0px 0px rgba(248,243,243,0.98);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-style: normal;
	font-weight: 400;
}
.sectionright {
	width: 28%;
	float: right;
	margin-top: 2.5%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	margin-bottom: 2.5%;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	text-align: center;
}
footer {
	clear: both;
	color: rgba(200,4,14,1.00);
	font-size: 0.7em;
	/* [disabled]position: fixed; */
	left: 0px;
	bottom: 0px;
	/* [disabled]width: 75%; */
	padding-top: 12px;
	background-color: rgba(252,249,249,0.80);
	border-radius: 25px;
	padding-bottom: 7px;
	text-align: center;
	margin-left: 7%;
	margin-right: 7%;
}
footer p {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 1.5em;
	padding-left: 25px;
	padding-right: 25px;
	letter-spacing: 0.2em;
}
.sectionright img {
	border-radius: 15px;
}
.current {
	color: rgba(252,252,252,1.00);
	background-color: rgba(200,4,14,1.00);
	font-weight: bold;
	border-radius: 10px;
}
a {
    color: #084306;
    text-decoration: underline;
}
a:visited {
	color: #084306;
}

a:hover, a:active, a:focus {
	color: #084306;
	text-decoration: underline;
}
.disclaimer {
	font-variant: small-caps;
	font-size: 0.5em;
	text-align: center;
}
aside {
    background-color: rgba(252,249,249,0.80);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding-left: 15px;
    padding-right: 15px;
    text-indent: 25px;
    padding-top: 10px;
    padding-bottom: 9px;
}
aside p {
	color: rgba(200,4,14,1.00);
	font-size: 1.3em;
	padding: 10px 75px 15px;
	text-indent: 50px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight: bold;
	font-style: italic;
}
aside p a {
	text-decoration: underline;
	font-weight: 600;
	font-size: 1.3em;
	padding-left: 5px;
	padding-right: 6px;
}

aside p a:visited {
	color: #084306;
}
aside p a:hover, a:active, a:focus {
	color: #084306;
	text-decoration: underline;
}
.background {
	background-color: rgba(227,249,66,1.00);
}
.small {
	font-size: 0.8em;
	color: rgba(255,0,4,1.00);
}

@media (max-width: 700px) {

body {
	background-image: none;
}
	
nav ul {
	margin: 0;
	padding: 0;
}
nav ul li {
	float: none;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
}
/*Aside only on home page*/
aside {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	}
aside p {
	margin: 2px;
	padding: 2px;
	line-height: 1.6em;
	color: rgba(200,4,14,1.00);
	font-size: .8em;
	text-indent: 20px;	
}
aside p a {
	font-size: 1.1em;
}

.sectionleft {
	width: 100%;
}
.sectionleft p {
	font-size: .8em;
}
.sectionright {
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
}
h1 {
	font-size: 1.2em;
}	

h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
	}
h4 {
	font-size: 1em;
	line-height: .1em;
	}
h5 {
	font-size: 1em;
	line-height: 1em;
	padding-top: 15px;
	}
h6 {
	font-size: .7em;
	line-height: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
}
footer p {
	font-size: .9em;
}
tbody tr td {
	font-size: 0.7em;
}
.green {
	font-size: .9em;
}	
.rates {
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 25px;
}
.members {
    font-size: .8em;
    line-height: 1.5em;
}
.mission {
    font-size: .9em;
	line-height: 2em;
	align-content: center;
}
}
@media (min-width:701px)and (max-width: 980px) {
nav {
	width: 100%;
	font-style: italic;
	font-weight: bold;
}
nav ul {
	margin: 0 auto;
	font-size: .7em;
	text-align: left;
	background-color: hsla(239,63%,25%,0.50);
}
nav li {
	float: left;
	
	margin-left: 1%;
	margin-right: 1%;
	width: 10%;
}
nav li:hover {
	font-size: 1.3em;
	color: #FBFBFB;
	cursor: pointer; 
	text-decoration: underline;
	font-variant: small-caps;
}
/*Aside only on home page*/
aside {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	}
aside p {
	margin: 2px;
	padding: 2px;
	line-height: 1.6em;
	color: rgba(200,4,14,1.00);
	font-size: .8em;
	text-indent: 20px;	
}
aside p a {
	font-size: 1.1em;
}

.sectionleft {
	width: 60%;
}
.sectionleft p {
	font-size: .9em;
}
.sectionright {
	width: 30%;
	margin-top: 20px;
	float: right;
	margin-bottom: 1%;
}
h1 {
	font-size: 1.2em;
}	
h2 {
	font-size: 1.5em;
	}
h3 {
	font-size: 1.3em;
	}

h4 {
	font-size: 1em;
}
h5 {
	font-size: 1.2em;
	line-height: 1.5em;
	color: rgba(237,17,21,1.00);
	text-align: left;
}
h6 {
	font-size: .8em;
	text-indent: 25px;
	border-bottom: thin solid rgba(94,60,61,1.00);
	font-style: italic;
	line-height: 1.8em;
}
footer p {
	font-size: .9em;
}
.rates {
	font-size: 0.8em;
	color: rgba(8,94,26,1.00);
	text-align: center;
	margin-bottom: 25px;
}
tbody tr td {
	font-size: 0.9em;
}

.green {
	font-size: .9em;
}
.members {
    font-size: .9em;
    line-height: 1.5em;
    text-align: left;
    width: 92%;
}	
.mission {
    font-size: .9em;
	line-height: 2em;
	align-items: center;
}
	
}
@media (min-width: 981px) {
body {
	width: 80%;
}
nav {
	width: 100%;
	font-style: italic;
	font-weight: bold;
}
nav ul {
	margin: 0 auto;
	font-size: .7em;
	text-align: left;
}
nav li {
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	width: 10%;
}
nav li:hover {
	font-size: 1.3em;
	color: #FBFBFB;
	cursor: pointer;
	text-decoration: underline;
	font-variant: small-caps;
}
aside p {
	margin: 2px;
	padding: 2px;
	line-height: 1.6em;
	font-size: .9em;
	text-indent: 40px;	
}
.sectionleft {
	width: 65%;
}
.sectionleft p {
	font-size: 1.2em;
}
.sectionright {
	width: 30%;
	float: right;
	margin-top: 20px;
	margin-bottom: 1%;
}
h1 {
	font-size: 3.2em;
}	
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.3em;
	}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: left;
}
h6 {
	font-size: .8em;
	text-indent: 25px;
	border-bottom: thin solid rgba(94,60,61,1.00);
	font-style: italic;
	line-height: 1.8em;
}
footer p {
	font-size: 1em;
}
.rates {
	font-size: 0.5em;
	text-align: center;
	margin-bottom: 5px;
}
tbody tr td {
	font-size: 0.9em;
}
.green {
	font-size: .9em;
}
.mission {
    font-size: .9em;
	line-height: 2em;
	text-align: center;
}
	
	/*h style codes
	h1 - home page
	h2 - all pages except home page
	h3 - only home page
	h4 - only individual courses
	h5 - specials/news pages
	h6 - specials/news pages*/
	
}