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

/* Gray: #8D8D8D
Dark Coral:#E48F50
Coral:#F9C699 */

html, body{
	margins:0px;
	padding:0px;
}

* {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

.content {
  max-width: 750px;
  margin: auto;
}

h1{
	text-align:center;
}

h2{
	text-align:center;
}

h3{
	text-align:center;
}

p{
	text-align:center;
}

body{
	background-color: white;
	color: #8D8D8D;
}

.introduction{
	margin:0px;
	padding:0px;
	height:100px;
	float:center;
	text-align:center;
	font-size:30px;
	color:#E48F50;
}

#main a{
	text-decoration: none;
	color:#E48F50;
}

#main a:hover{
	color: #F9C699;
}

#main{
	text-align:center;
	list-style:none;
}

.websitegoals{
	color:#E48F50;
	text-align:center;
}

ol{
	text-align:center;
}

.self-introduction{
	font-size:20px;
	color:#E48F50;
}


.video{
	text-align:center;
}

.videonotes{
	text-align:center;
}

.videonotes a{
	text-decoration: none;
	color:#E48F50;
}

.videonotes a:hover{
	color: #F9C699;
}

.maintable a{
	text-decoration: none;
	color:#E48F50;
}

.maintable a:hover{
	color: #F9C699;
}

.verticallines{
	float:left;
	width:33%;
}

.verticallinesimage{
	float:left;
	width:33%;
}

.horizontallines{
	float:left;
	width:33%;
}

.horizontallinesimage{
	float:left;
	width:33%;
}

.diagonallines{
	float:left;
	width:33%;
}

.diagonallinesimage{
	float:left;
	width:33%;
}

.exampleproblems{
	color:#E48F50;
}

.exampleproblems a{
	text-decoration: none;
	color:#E48F50;
}

.exampleproblems a:hover{
	color: #F9C699;
}

.practiceproblems{
	color:#E48F50;
}

.practiceproblems h4{
	color:#8D8D8D;
}


.example1{
	float:left;
	width:50%;
}

.example2{
	float:left;
	width:50%
}

.example1photo{
	float:left;
	width:50%;
}

.example2photo{
	float:left;
	width:50%;
}

.example1work{
	float:left;
	width:50%;
}

example2work{
	float:left;
	width:50%;
}

.practice1{
	float:left;
	width:50%
}

.practice2{
	float:left;
	width:50%;
}

.resources{
	list-style:none;
	text-align:center;
}
.resources a{
	text-decoration: none;
	color:#E48F50;
}

.resources a:hover{
	color: #F9C699;
}

.survey{
	text-align:center;
}
.form{
	text-align:center;
	width:900px;
	
}

ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.discussion{
	text-align:center;
}

.flipgrid{
	text-align:center;
}

nav{
	text-transform:uppercase;
	font-weight:bold;
	margin-right:auto;
	margin-left:auto;
}

ul li{
	float: left;
	width: 290px;
	height: 40px;
	background-color:#E48F50;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	margin-left: 3px;
	margin-right: 3px;
}

ul li a{
	text-decoration: none;
	color: white;
	display: block;
}

ul li a:hover{
	background-color: #F9C699;
}

ul li ul li{
	display: none;
	position:relative;
}

ul li:hover ul li{
	display: block;
}

#form {
	float: center;
}

#footer{
	float:right;
}

#exampleproblems a{
	text-decoration: none;
	color:#E48F50;
}

#exampleproblems a:hover{
	color: #F9C699;
}

#lines{
	float:left;
	margin:1%;
	padding:1%;
	height:140px;
}

.verticallines, .horizontallines, .diagonallines{
	text-align:center;
}

#lines a{
	text-decoration: none;
	color:#E48F50;
}

#lines a:hover{
	color: #F9C699;
}

#trial{
	float:left;
	margin:1%;
	padding:1%;
	height:140px;
}

.graphs, .work{
	text-align:center;
}

#header{
	font-size:20px;
	margin:auto;
	padding:auto;
	text-align:center;
}
/*
#wholepage{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
*/