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


body {
	background-image: url(img/background.jpg);
	background-size: 100%}
	
main {
	height: auto;
	width: 960px;
	background-color: #000000;
	margin: 0px auto;}
	
nav {
	background-color: #000000;
	width: auto;
	height: 100px;
	border: 1px solid #000000;}


ul {
	list-style: none;
	font-family: 'Nunito', 'Helvetica', sans-serif;
	color: #ffffff;
	font-size: 12px;
	float: right;}

li {
	display: inline-block;
	padding: 0px 8px;}

.logo {
	float: left;
	margin: 7px 0px 0px 20px;}

.background {
	background-image: url(img/welcome%20copy.jpg);
	height: 644px;}
	
.images {
	margin: 0px auto;
	padding: 25px;}
	
.words {
	font-family: 'Nunito', 'Helvetica', sans-serif;
	color: #ffffff;
	margin: 0px auto;
	padding: 100px 0px;
	text-align: center;
	font-size: 25px;
	float: inherit;}

.asl {
	margin: 50px 180px 0px 180px;}
	
.menu {
	background-color: rgba(0,0,0,0.75);
	width: 270px;
	height: 200px;}

.online {
	background-color: rgba(0,0,0,0.75);
	width: 270px;
	height: 200px;}

.special {
	background-color: rgba(0,0,0,0.75);
	width: 270px;
	height: 200px;}

.blank {
	width: 40px;}

.current {
	text-decoration:underline;
	color: #ff6633;}

footer {
	background-color: #000000;
	height: 225px;
	width: auto;}

.part1 {
	width: 960px;
	height: 100px;}

.headlinks {
	margin: 40px 20px 0px 0px;
	float: right;}	

.sizelinks {
	width: 175px;
	float: left;
	margin: 20px 25px 25px 25px;}

.desktop {
	margin: 5px;}
	
.tablet {
	margin: 5px;}
	
.mobile {
	margin: 5px;}
	
.sociallinks {
	width: 135px;
	float: left;
	overflow: auto;
	margin: 30px 0px 0px 0px;}

.pagelinks {
	height:38px;
	width: 515px;
	float: right;
	text-align: right;
	margin: 35px 25px 0px 0px;}
	
.links {
	list-style: none;
	font-family: 'Nunito', 'Helvetica', sans-serif;
	color: #ffffff;
	font-size: 12px;
	float: right;}

.information {
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	height:100px;
	width: 650px;
	margin: 0px auto;
	padding: 0px 25px 0px 0px;}

.add {
	font-family: 'Lato', 'Helvetica', sans-serif;
	float: right;}

.class {
	font-family: 'Lato', 'Helvetica', sans-serif;
	font-size: 10px;
	float: right;}
	
.menu a:link {
	color: #ffffff;
	text-decoration:none;}

.menu a:visited {
	color: #ffffff;
	text-decoration:none;}

.menu a:hover{
	color: #ffffff;
	text-decoration:none;}

.menu a:active {
	color: #ffffff;
	text-decoration:none;}
	
.online a:link {
	color: #ffffff;
	text-decoration:none;}

.online a:visited {
	color: #ffffff;
	text-decoration:none;}

.online a:hover{
	color: #ffffff;
	text-decoration:none;}

.online a:active {
	color: #ffffff;
	text-decoration:none;}
	
.special a:link {
	color: #ffffff;
	text-decoration:none;}

.special a:visited {
	color: #ffffff;
	text-decoration:none;}

.special a:hover{
	color: #ffffff;
	text-decoration:none;}

.special a:active {
	color: #ffffff;
	text-decoration:none;}
	
a:link {
	color: #ffffff;
	text-decoration:none;}

a:visited {
	color: #99cc33;
	text-decoration:underline;}

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

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