/*
See http://www.website-building-for-beginners.com for more information about building your own website.
/* 

/* 
A good way to learn CSS is to change a value below and then see what it does to css-example-web-page.html.
Remember: any change you make to this document must be saved in order to see that change in css-example-web-page.html. Also, remember to refresh (View > Refresh in Internet Explorer and View > Reload in FireFox) css-example-web-page.html after you make a change to this style sheet. Always remember the semicolon at the end of each style!!!
*/


/*
This styles the contents of the body element of the HTML page.
Replace the font family below with this to see the difference in the font on your page: 
font-family: "Times New Roman", Times, serif;
*/
body { 
	background-color: white; 
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px; 
	color: purple;
}

/*
This styles the h1 element of the HTML page. The h1 element is the largest header element.
Try changing the font-size to 400% or the margin-bottom to 100px.
*/
h1 {
	font-size: 200%;
	margin-bottom: 10px;
}

/*
This styles the paragraph element of the HTML page. Try changing the margin-bottom or margin-left to 100px.
*/
p {
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
}

/*
This styles the link (anchor) element of the HTML page. Try changing the color to #FF0000.
*/
a {
	color: #FF0000;
	text-decoration: underline;
}

/*
This also styles the link, but only after the page the link is pointing to has been visited. The links on css-example-web-page.html point to www.website-building-for-beginners.com pages. So any link pointing to a page that you have visited will be the color below (black).
Try changing the color to #FF00FF.
*/
a:visited {
	color: #000000;
	text-decoration: underline;
}

/*
This styles the link element of the HTML page when the cursor is positioned over the link. Try changing the color to #00FF00.
*/
a:hover {
	color: #0000FF;
	text-decoration: none;
}