body	{

	color:	maroon;

	font-family:	helvetica;

	font-size: 20pt

	: 

	

	}

		p.greentea {

	color: green ;

	}

		p.raspberry{

	color: blue ;

	}	

		p.blueberry{

	color: purple ;

	}

	h1	{

		color: purple;

		border-bottom: 3px solid purple;

		}

	h2	{

		color: orange;

		border-bottom: 2px solid orange;

		}

	em	{

		color: green;

		}

	p {

		text-align: center;

		}

	

	div

{

width:900px;

transition: width 50s;

-moz-transition: width 2s; /* Firefox 4 */

-webkit-transition: width 2s; /* Safari and Chrome */

-o-transition: width 2s; /* Opera */

}

div:hover {width:800px;} 

p	{

	color: red;

	transition: color 0.5s;

	-moz-transition:color 0.5s; /* Firefox 4 */

	-webkit-transition:color 0.5s; /* Safari and Chrome */

	-o-transition:color 0.5s; /* Opera */

	}



p:visited

	{

		color: red;

	}



p:hover

{

color: green;

}

	h2	{

		color: purple;

		transition: color 1s;

		-moz-transition:color 1s; /* firefox 4 */

		-webkit-transition:color 1s; /* Safari and Chrome */

		-o-transition: color 1s; /* Opera */

		}

	h2	{

		color: orange;

		transition: color 1s;

		-moz-transition:color 1s; /* firefox 4 */

		-webkit-transition:color 1s; /* Safari and Chrome */

		-o-transition: color 1s; /* Opera */

		}

		

	h2:visited	{

					color:green;

					}

	h2:hover	{

		color: blue;

		}

		#container {

	width: 300px;

	margin: 0 auto;

}