/* CSS Document — This is the style sheet for the LinkDiv site. */

body 
{
	background-color:green;
	width: 100%;
	margin: 20px auto;
}


/* Styling for the divs. */

.text
{
	color:DarkTurquoise;
	font-family: "Helvetica Neue", Helvetica,  sans-serif;
	width:70%;
	padding:10px;
	border:5px double yellow;
	margin:20px auto;
	text-align:center;
}

#pix-box
{
	color:turquoise;
	/* Positioning css for the Picture div. */
	width: 50%;
	padding:20px;
	border:0px solid gray;
	margin:10px auto;
}

/* Styling for the Links. 

The links on each page look and behave differently because they have been styled differently. 

We distinguish between links with a period "." after the selector "a". 

*/
/*Style for link 1 on page 1*/

a.one:link {
	text-decoration:none;
	font-size: 2em;
	color: hotpink;
}
a.one:visited {
	text-decoration:none;
	color: hotpink;
}
a.one:hover {font-style: oblique;}
a.one:active {border:double;}

/*Style for link 2 on page 2*/
a.two:link {
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-size: 1.25em;
	color:darkgreen;
}
a.two:visited {
	color:darkgreen;
}
a.two:hover {
	background-color:#F3C;
	font-weight:bold;
	cursor:crosshair;
}
a.two:active {
	color:#C03;
}

/* Styling for the p elements.*/
p.page1
{
	font-family:Arial, Helvetica, sans-serif;
	color:red;
	text-decoration: overline;
	font-size: 4em;
	font-weight: 200;
}
p.page2
{
	font-family:;
	color:orange;
	text-decoration: none;
	font-size: 2em;
	font-weight: 200;
}
p.pix-text
{
	color:white;
	text-align:center;
}
p.pix-title
{
	color:white;
	font-style:oblique;
	font-size: 1.5em;
	text-align:center;
}


/*Styling for the image on page 2.*/

/*
Postioning an image with CSS. 
Images are inline elements by default. To move them around the page you must display them as block elements.
*/

img
{
	display:block;
	/*Center the image with margin left and right set to "auto" */
	margin-left: auto;
	margin-right: auto;
	/*Vertical position can be controlled with the margin-top attribute*/
	margin-top: 10px;
}