body{
	background-color: rgb(240, 240, 230); 
	color: rgb(10, 10, 40);
	font-family: Verdana, Arial; /*'Lora', serif;*/
	font-size: 12pt;
	line-height: 1.4;
}

div{
	/*border: 1px solid black;*/
}


#main{ /* this is an id, only used for ONE tag in the whole document */
	background-color: rgb(240, 240, 230);
	color:rgb(50,50,0);
	width: 100%;
	margin: 0 auto;
	max-width: 800px;
	/*width: 800px;
	margin: 0 auto; /* 0 applied to top and bottom, auto applied to left and right. Can also do four values for the four sides, or one value applied to all sides. Can also do margin-bottom: , etc.*/

}

.head{
	width: 100%;
	maxwidth: 800px;
	margin: 0 auto;
	height: 280px;
	position: relative;
}

.head div {
	height: 260px;
	text-align: center;
	position: absolute ;
	padding-top: 0px;
	padding-bottom: 0px;
}

.head .pic{
	width: 30%;
	left:0px;
	align: right;
}

.head .title{
	width: 70%;
	vertical-align: top;
	margin-left: 30%;
	margin-left: 210px;
}

nav {
	background-color: rgb(10, 10, 40);
	color: rgb(240, 240, 230);
	width: 100%
	max-width: 800 px;
}

nav ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
	text-align: center;
}

nav ul li{
	display: inline;
	float: center;
	padding: 4%;
}

nav ul li a{
	color: rgb(240, 240, 230);
}

nav ul li a:visited {
	color: rgb(200, 200, 190);
}

.list li {
margin-bottom: 10px;
}