/* Exercise 10 */

*
{
	font-family: sans-serif;
	border: 0;
	padding: 0;
	margin: 0;
	color: #7f980d;

}

body
{

/*	background: #BDB76B;  */
/*	background: #d0e472;  */
	background: #d9e69c;
}


#banner
{
	width: 800px;
	background: #FAFAD2;
	border: 0;
	position: absolute;
	top: 10px;
	left: 10px;
}



#banner img 
{
	float: left;
	vertical-align: top;
	border-spacing: 0;
}


#banner h1
{
	position: absolute;
	top: 55px;
	left: 200px;
	font-size: large;
	letter-spacing: .4em;
	word-spacing: .3em;
	font-weight : bold;
}


#menu 
{
	width: 100px;
	background: #FAFAD2;	
	position: absolute;
	top: 145px;
	left: 10px;
}

#menu li
{

	text-align: center;
	font-weight: 400;
	list-style: none;
	padding: 8px;

}

#menu a {text-decoration: none; font-size: small;}

#menu a:link    { background-color: #FAFAD2;   color: #7f980d; }
#menu a:visited { background-color: #FAFAD2;   color: #7f980d; }
#menu a:hover   { background-color: white;  color: teal;  }
#menu a:active  { background-color: yellow; color: teal;  }


#content 
{
	width: 690px;
	background: #FAFAD2;
	position: absolute;
	top: 145px;
	left: 120px;
	font-size: small;
}

#content img
{
	float: right;
	padding-right: 25px;
	padding-left: 10px;
}

#content h2
{
	font-size: medium;
	margin-top: 15px;
	padding-left: 20px;
}

#content p
{
	margin: 5px;
	padding-left: 15px;
	padding-right: 15px;
}