/* CSS for Home Page */
/* <link rel="stylesheet" type="text/css" href="homepage.css" /> */

/*  This was the original text in teal */
.text	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px; 
	font-style: normal; 
	font-weight: normal;
	color: #006666;
	text-align: left; 
	border-color: #FFCCCC #FF9999 #FF9999 #FFCCCC; 
	border-style: none;
	}
	
/*  This is the text in red  
.text	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #4B081A;
	font-weight: normal;
	}
	*/
		
.titles	{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 19px; 
	font-style: normal; 
	font-weight: normal; 
	color: #999999; 
	line-height: 22px;
	}
.categories	{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	font-weight: bold; 
	color: #666666;
	}
a:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-style: normal; 
	font-weight: bold; 
	color: #006666;
	}
/*  This was the bolded teal text */
.begin	{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #006666; 
	font-weight: bold;
	}

/*  This is the bolded text in red  
.begin	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #4B081A;
	font-weight: bold;
	}	
	*/
a.pt11:link	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #006666
		}
a.pt11:visited	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #006666
		}
a.pt11:hover	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: purple;
		font-weight: normal
		}
/* layer1 */
#tile	{
	position:absolute; 
	left:23px; 
	top:38px; 
	width:38px; 
	height:23px; 
	z-index:22;
	}
/* layer8 - Jane's Photo*/
#photo	{
	position:absolute; 
	left:237px; 
	top:269px; 
	width:24px; 
	height:26px; 
	z-index:26;
	}
/* layer3 - text */
#maintext	{
	position:absolute; 
	left:234px; 
	top:262px; 
	width:673px; 
	height:239px; 
	z-index:28;
	}
/* layer10 - naviagtion bar */
#nav	{
	position:absolute; 
	left:26px; 
	top:695px; 
	height:63px; 
	z-index:100;
	}
/* layer2 - title */
#title	{
	position:absolute; 
	left:172px; 
	top:35px; 
	width:35px; 
	height:33px; 
	z-index:33;
	}
/* layer5 - testimonial rollover */
#swirl	{
	position:absolute; 
	left:231px; 
	top:96px; 
	width:23px; 
	height:38px; 
	z-index:34;
	}
/* layer6 - Jane's Name */
#name	{
	position:absolute; 
	left:254px; 
	top:448px; 
	width:34px; 
	height:17px; 
	z-index:35;
	}
/* layer4 - Explore */
#explore	{
	position:absolute; 
	left:443px; 
	top:202px; 
	width:27px; 
	height:14px; 
	z-index:36;
	}
/* layer7 - 2nd part of maintext */
#maintext2	{
	position:absolute; 
	left:235px; 
	top:489px; 
	width:663px; 
	height:131px; 
	z-index:37; 
	background-image: url(back.trans.jpg); 
	}
.synergy	{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-style: italic;
		font-size: 11px;
		color: #006666;
		font-weight: normal;
		text-decoration: none;
		}
/*** Note the 'syndes' class is used for my hyperlink which is currently not active ***/
.syndes	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 110%;
	color: #898989;
	font-weight: normal;
	text-decoration: none;
	}
a.syndes:link	{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-style: italic;
		font-size: 11px;
		color: #006666;
		font-weight: normal;
		text-decoration: none;
		}
a.syndes:visited	{
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-style: italic;
			font-size: 11px;
			color: #006666;
			font-weight: normal;
			}
a.syndes:hover	{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-style: italic;
		font-size: 11px;
		color: purple;
		font-weight: normal;
		text-decoration: none;
		}