/*......................
STYLES FOR THE FYNBOS WEB SITE ...................... */

/* ........this is for photos with a gold border */
img.phot {
	border-color: #E8B05D;
	border-width: 1px;
	border-style: solid;
}

				
/* ......................this is for the text of the page body */			
.text	{		font-size: 10pt;
				font-family: arial;
				text-decoration: none;}	
a.text:link		{color: #08A499; text-decoration: none;
				font-weight: bold }
a.text:visited	{color: #08A499; text-decoration: none;
				font-weight: bold }
a.text:active	{color: #E8B05D; text-decoration: none;
				font-weight: bold }
a.text:hover	{color: #E8B05D; text-decoration: none; background-color:F1EFDF;
				font-weight: bold}
				
				/* ......................this is for the home page text  */			
.homet	{		font-size: 10pt;
				font-family: arial;
				text-decoration: none;}	
a.homet:link		{color: #08A499; text-decoration: none;
				 }
a.homet:visited	{color: #08A499; text-decoration: none;
			 }
a.homet:active	{color: #08A499; text-decoration: none;
				 }
a.homet:hover	{color: #E8B05D; text-decoration: none; 
			}

/* ......................this is for the home page highlights */			
.homei	{		font-size: 12pt;
				font-family: Times New Roman;
				text-decoration: none;
				font-weight: bold;
				font-style: italic;
				color: #08A499;}	
a.homei:link		{color: #08A499; text-decoration: none;
				font-weight: bold }
a.homei:visited	{color: #08A499; text-decoration: none;
				font-weight: bold }
a.homei:active	{color: #08A499; text-decoration: none;
				font-weight: bold }
a.homei:hover	{color: #E8B05D; text-decoration: none; 
				font-weight: bold}





/* ......................bold black heading for body text */			
.bodheadbl	{		font-size: 10pt;
				font-family: arial;
				text-decoration: none;
				font-weight: bold;}
a.bodheadbl:link		{color: #9900CC; text-decoration: none }
a.bodheadbl:visited	{color: #9900CC; text-decoration: none }
a.bodheadbl:active	{color: #9900CC; text-decoration: none }
a.bodheadbl:hover	{color: #CC0000; text-decoration: underline}

/* ......................this is for the text on a dark background*/			
.textwh	{		font-size: 10pt;
				font-family: arial;
				font-weight: bold;
				text-decoration: none;}	
a.textwh:link		{color: #FFFFFF; text-decoration: none;
				font-weight: bold }
a.textwh:visited	{color: #FFFFFF; text-decoration: none;
				font-weight: bold }
a.textwh:active	{color: #E8CB8E; text-decoration: none;
				font-weight: bold }
a.textwh:hover	{color: #E8CB8E; text-decoration: underline;
				font-weight: bold}

/* ......................heading for pages */			
.pagename 	{		font-size: 12pt;
				font-family: Arial, Verdana, Helvetica, sans-serif;
				text-decoration: none;
				font-weight: bold;; color: #009999}				
a.pagename:link		{
	color: #009999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
a.pagename:visited	{color: #993333; text-decoration: none }
a.pagename:active	{color: #E8B05D; text-decoration: none }
a.pagename:hover	{color: #E8B05D;  background-color:F1EFDF; text-decoration: none}

/* ......................another heading in colour */			
.head2 	{		font-size: 12pt;
				font-family: Arial, Verdana, Helvetica, sans-serif;
				text-decoration: none;
				font-weight: bold; color: #CC9933}				
a.head2:link		{color: #CC9933 text-decoration: none }
a.head2:visited	{color: #CC9933; text-decoration: none }
a.head2:active	{color: #CC9933; text-decoration: underline }
a.head2:hover	{color: #CC9933; text-decoration: underline}

/* ......................smalltop2 links for second row*/			
.smalltop2	{
	font-size: 8pt;
	font-family: arial;
	text-decoration: none;
	 font-weight: bold
}
a.smalltop2:link		{color:#E8B05D; text-decoration: none;  }
a.smalltop2:visited	{color: #E8B05D;  text-decoration: none;}
a.smalltop2:active	{color:  #08A499;  background-color:F1EFDF; }
a.smalltop2:hover	{color: #08A499;  text-decoration: none;  background-color:F1EFDF;}

/* ......................smalltop2 links for second row*/			
.smalltop3	{
	font-size: 8pt;
	font-family: arial;
	text-decoration: none;
	 font-weight: bold
}
a.smalltop3:link		{color:#08A499; text-decoration: none;  }
a.smalltop3:visited	{color: #08A499;  text-decoration: none;}
a.smalltop3:active	{color:  #E8B05D;  background-color:F1EFDF; }
a.smalltop3:hover	{color: #E8B05D;  text-decoration: none;  background-color:F1EFDF;}


/* ......................smalltop links on dark background*/			
.smalltop	{
	font-size: 9pt;
	font-family: arial;
	text-decoration: none;
	
}
a.smalltop:link		{color: #08A499; font-weight: bold; text-decoration: none;  }
a.smalltop:visited	{color: #08A499; font-weight: bold; text-decoration: none;}
a.smalltop:active	{color: #E8B05D; font-weight: bold; background-color:F1EFDF; }
a.smalltop:hover	{color: #E8B05D; font-weight: bold; text-decoration: none; background-color:F1EFDF; }



				

				
/* ......................small text */			
.small	{		font-size: 8pt;
				font-family: arial;
				text-decoration: none;}
a.small:link		{color: #08A499; text-decoration: none }
a.small:visited	{color: #08A499; text-decoration: none }
a.small:active	{color: #08A499; text-decoration: underline }
a.small:hover	{color: #08A499; text-decoration: underline}



body { background-image: url(images/art-d-sculpts.jpg);

		background-color: #F2FCFD; }