/* CSS Document */

/* Farley Gwazda wuz here */
/* ...but isn't responsible for all the sillythings in this code */

A:link {color: #000000; /* does his work? background-color: white; */ text-decoration: none;}
A:visited {color: #000000; text-decoration: none;}
A:active {text-decoration: none;}
A:hover {text-decoration: none; color: #90BD00;}


a.menu:link {color: #F9EE57; text-decoration: none;}
a.menu:visited {color: #F9EE57; text-decoration: none;}
a.menu:hover {text-decoration: none; color: #F9EE57; }
a.menu:active {color: #F9EE57; text-decoration: none; }

a.contact:link {color: #1EC1FF; text-decoration: none;}
a.contact:visited {color: #1EC1FF; text-decoration: none;}
a.contact:hover {color: #1EC1FF; text-decoration: none; }
a.contact:active {color: #1EC1FF; text-decoration: none; }
/*javascript*/


#topicboxtext
{position: absolute;
	top:126px;
	left:276px;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	line-height: 14pt;
	z-index:2000;
	font-weight: bold;
}

/*site*/	

#contactme
{position: absolute;
z-index:2000;
	top:-3px;
	left:128px;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1EC1FF;
	line-height: 14pt;


	
}

#annetext
{position: absolute;
z-index:2000;
	top:256px;
	left:20px;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	line-height: 14pt;


	
}
p { text-indent: 0px; }

p.indent {text-indent:40px;}


#anne_box { position:absolute; top:259px; left:0px; z-index:1000; width: 128px; height: 128px;
	font-family:Arial, sans-serif; font-size:12px; color:#F9EE57; background-color:#1EC1FF;  }

#more { position:absolute; top:387px; left:385px; z-index:1000; width: 128px; height: 128px;
	font-family:Arial, sans-serif; font-size:12px; color:#F9EE57; background-color:#000000; cursor:pointer; }

#moreTxt { position:absolute; bottom:-2px; left:15px; 
	font-family:Arial, sans-serif; font-size:12px; color:#F9EE57;}

/*menu*/

/*white rule*/
#rule { position:absolute; top:141px; left:259px; z-index:6000; width: 258px; height: 1px;
	font-family:Arial, sans-serif; font-size:12px; background-color:#FFFFFF;}



#green_box { position:absolute; top:129px; left:259px; z-index:1000; width: 256px; height: 128px;
	font-family:Arial, sans-serif; font-size:12px; color:#F9EE57; background-color:#21C000; }

#bar0 { position:absolute; top:129px;left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#21C000;  cursor:pointer;}

#bar0_hidden { position:absolute; top:129px;left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#21C000;  visibility:hidden;cursor:pointer;}

#bar1 { position:absolute; top:143px;left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#FA30FF;  cursor:pointer;}

#bar1_hidden { position:absolute; top:143px;left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#FA30FF;  visibility:hidden;cursor:pointer;}

#bar2 { position:absolute; top:157px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#1EC1FF;  cursor:pointer;}

#bar2_hidden { position:absolute; top:157px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#1EC1FF;  visibility:hidden;cursor:pointer;}

#bar3 { position:absolute; top:171px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#000000; cursor:pointer; }

#bar3_hidden { position:absolute; top:171px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#000000;  visibility:hidden;cursor:pointer;}

#bar4 { position:absolute; top:185px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#FF355D; cursor:pointer; }

#bar4_hidden { position:absolute; top:185px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#FF355D;  visibility:hidden;cursor:pointer;}

#bar5 { position:absolute; top:199px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#512BFF;  cursor:pointer;}

#bar5_hidden { position:absolute; top:199px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#512BFF;  visibility:hidden;cursor:pointer;}

#bar6 { position:absolute; top:213px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#FA30FF; cursor:pointer; }

#bar6_hidden { position:absolute; top:213px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#FA30FF;  visibility:hidden;cursor:pointer;}

#bar7 { position:absolute; top:227px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#1EC1FF; cursor:pointer; }

#bar7_hidden { position:absolute; top:227px; left:259px; z-index:1000; width: 256px; height: 14px;
	font-family:Arial, sans-serif; font-size:10px; color:#F9EE57; background-color:#1EC1FF;  visibility:hidden;cursor:pointer;}





#title0text
{	position: absolute; 
	top:129px;
	left:276px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	z-index:2000;
}
	
#title1text
{	position: absolute; 
	top:143px;
	left:276px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	z-index:2000;
	
}


#title2text
{	position: absolute; 
	top:157px;
	left:276px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	z-index:2000;

}


#title3text
{	position: absolute; 
	top:171px;
	left:276px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	z-index:2000;
	
}



#title4text
{	position: absolute; 
	top:185px;
	left:276px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	z-index:2000;
	
}




#title5text
{	position: absolute; 
	top:199px;
	left:276px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	z-index:2000;


}



#title6text
{	position: absolute; 
	top:213px;
	left:276px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	z-index:2000;
	
}





#title7text
{	position: absolute; 
	top:227px;
	left:276px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	z-index:2000;
	
	
}




#title8text
{	position: absolute; 
	top:241px;
	left:276px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F9EE57;
	z-index:2000;
	
	
}






/*main description*/

#text
{ 	color: #636363;
	position: absolute; 
	top:263px;
	left:139px;
	visibility: visible;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 120px;
	width:235px;
	text-align:justify;
	line-height: 14px;
	font-weight: normal;
}

/*photo = thumbnails*/

#photo1
{ 
	position: absolute; 
	top:257px;
	left:386px;
	visibility: visible;

}


#photo2
{ 
	position: absolute; 
	top:257px;
	left:518px;
	visibility: visible;

}

#photo3
{ 
	position: absolute; 
	top:257px;
	left:650px;
	visibility: visible;

}

#photo4
{ 
	position: absolute; 
	top:257px;
	left:782px;
	visibility: visible;

}

#photorest
{position: relative;
top: 3px;
visibility: visible;
}

#photorest2
{position: relative;
top: 23px;
visibility: visible;
}

/*description = purple box placement*/

#close_des { position:absolute; top:140px; left:1025px; z-index:6000; width: 32px; height: 32px;
	font-family:Arial, sans-serif; font-size:10px; background-color:#FFFFFF;}


#description
{
	position: relative;
	top:121px;
	left:642px;
	visibility: visible;
		
	
}

#descriptiontext
{	color: #F9EE57;
	position: absolute; 
	top:129px;
	left:669px;
	visibility: visible;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width:340px;
	text-align:justify;
	line-height: 14px;
	z-index:7000;
}

#makebig
{	font-size: 9px;
	width:388px;
	text-align: center;

}

DIV.words
{	color: #F9EE57;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width:388px;
	text-align:justify;
	line-height: 14px;
	z-index:7000;
}

/*image = images that show up after thumb is clicked*/

#image
{
	position: relative;
	top:109px;

			
}

#image2
{
	position: relative;
	
	left:20px;
	visibility: visible;
			
}







/*color chips that cover icons*/

#pink_chip { position:absolute; top:288px; left:416px; z-index:6000; width: 70px; height: 70px;
	font-family:Arial, sans-serif; font-size:10px; background-color:#FA30FF;}


#cyan_chip { position:absolute; top:418px; left:416px; z-index:6000; width: 70px; height: 70px;
	font-family:Arial, sans-serif; font-size:10px; background-color:#1EC1FF;}


#black_chip { position:absolute; top:550px; left:416px; z-index:6000; width: 70px; height: 70px;
	font-family:Arial, sans-serif; font-size:10px; background-color:#000000;}


#red_chip { position:absolute; top:681px; left:416px; z-index:6000; width: 70px; height: 70px;
	font-family:Arial, sans-serif; font-size:10px; background-color:#FF355D;}

	
	
	

/*javascript*/
#more { position:absolute; top:390px; left:385px; z-index:1000; width: 129px; height: 129px;
	font-family:Arial, sans-serif; font-size:9px; color:#FFFD39; background-color:#000000; cursor:pointer; }
	
#moreTxt { position:absolute; bottom:-1px; left:15px; 
	font-family:Arial, sans-serif; font-size:9px; color:#FFFD39;}