/* Generic Selectors */

body {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 16px;

	color: #333333;

	background-color: #F7F0D4;

}

p {

	width: 80%;

}

li {

	list-style-type: disc;

	line-height: 150%;

	list-style-image: url(http://www.geocities.com/images/arrowSmall.gif);

}

h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 32px;

	font-weight: bold;

	color: #000000;

}

h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 26px;

	font-weight: bold;

	color: #000000;

	border-bottom: 1px solid #C6EC8C;

}
h3 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 16px;

	font-weight: bold;

	color: #000000;

	border-bottom: 1px solid #C6EC8C;

}


/**************** Pseudo classes ****************/

a:link {

	color: #00CC00;

	text-decoration: underline;

	font-weight: bold;

}

li :link {

	color: #00CC00;

	text-decoration: none;

	font-weight: bold;

}

a:visited {

	color: #00CC00;

	text-decoration: underline;

	font-weight: bold;

}

li a:visited {

	color: #00CC00;

	text-decoration: none;

	font-weight: bold;

}

a:hover {

	color: rgb(0, 96, 255);

	padding-bottom: 5px;

	font-weight: bold;

	text-decoration: underline;

}

li a:hover {

	display: block;

	color: rgb(0, 96, 255);

	padding-bottom: 5px;

	font-weight: bold;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #C6EC8C;

}

a:active {

	color: rgb(255, 0, 102);

	font-weight: bold;

}

/************************* ID's *************************/
#hello 
{ font-size: xx-large;
	background-color: #CCCC66;
	margin: 10px;
	padding: 5px;
	text-align: center;	
} 

#yang {
	margin: 10px;
	padding: 10px;
	position: relative;
	float:left;
	width: 200px;
	background-color: #AEC25F;  
}
#lol { 
	margin: 10px;
	position: relative;
	float:left;
	background-color: #F7F0D4;
	padding: 0px;
}

#forest { padding: 10px 10px 10px 10px; 
	margin: 10px 0 0 235px; position: absolute;

	background-color: white;

}

#yay 
{
	line-height: 25px;
	padding: 10px;	
	margin: 20px 10px 10px 235px;
	background-color: white;
}

#no 
{
	margin: 10px 500px 0 20px;
	position: relative;
	background-color: white;
}

#yd
{
	background-color: #CCCC66;
	margin: 10px 0 0 235px;}	

#ym
{padding: 10px 10px 10px 10px; margin: 0 0 0 235px;
	background-color: white;}
#yb
{  
	float:right;
}
#yme
{ padding: 5px 5px 5px 5px; margin: 310px 170px 0 700px; position: absolute;
	background-color: white}
#yyou
{
	background-color: #AEC25F; 
	position: relative;
	float:left;
	margin: 30px 0 0 10px;
	height: 400;
	width:  200;
}
#mix
{
	background-color: #CCCC66;
	margin: 0 0 0 300px;
}	

#meow
{
	padding: 5px 5px 5px 10px; background-color: white; 
	margin: 0 0 0 300px; position: absolute;
}

#woof
{
	background-color: #CCCC66; position: absolute;
	margin: 475px 0 0 0;
}

#banana
{
	background-color: #F7F0D4;
	position: absolute;
	margin: 600px 0 0 235px;
}

#pisa
{
	background-color: #F7F0D4; position: relative; margin: 600px 0 0 400px;
}

#pisatext
{
	background-color: white; position: relative; margin: 600px 0 0 635px;
}

#yus
{
	background-color: #CCCC66; 
	position: relative;
	margin: 30px 0 0 30px;
	padding: 10px 10px 10px 10px;
}

#yguy
{background-color: white; position: absolute;
	margin: 590px 250px 0 230px;
	padding: 10px 10px 10px 10px;} 
#trialpic
{background-color: #F7F0D4; position: absolute; margin: 10px 0 0 350px;}