/*Web-safe colors:
If I don't use these, what will the specialized colors look like on a 
256-color display?  Do I really care?  Does anyone I'm trying to service
run a 256 color display?  NO!  Because they need to see IMAGES!
So forget this idea entirely.
*/


/***************BACKGROUNDS***********************************/

/* main page background*/
body 
{ 
	background-attachment: scroll;
	background-color: #88D49F;
	background-image: url('../site_images/freshcrafts_bgnd_40pct_extended.jpg');
	background-repeat: no-repeat;
}

.sidebar 
{
	/*background-image: url('../site_images/circle_filled_large.gif');
	background-repeat: repeat;*/
	background-color: #A8D9B7;	/*168,217,183  A8D9B7*/
}

.content-cell 
{
	/*background-image: url('../site_images/circle_filled_large.gif');
	background-repeat: repeat;*/
	background-color: #86D99F;
}

.nav-button 
{
	/*background-image: url('../site_images/screen_50.gif');
	background-repeat: repeat;*/
	background-color: #86D99F;
}

.index-top, .index-slogan, .index-column, .index-middle, .index-bottom
{
	background-color: transparent;
}

.content-column
{
	background-color: transparent;
}


/***************BORDERS************************************************/

.nav-button, .content-cell, .sidebar, .slide-button 
{
	border: 1px green solid; 
}

/***************TEXT COLORS*********************************************/

/* main content color*/
body, p, ul, li 
{
	color: green;
}

/* Main Title color behavior*/
h1 a:link, h1 a:visited, h1 a:active
{	
	color: green;
}

h1 a:hover, p a:hover
{
	color: blue;
	/*color: #66CD00;*/
}

.nav-button, .nav-button a:link, .nav-button a:visited 
{	
	color: green;
}

.nav-button a:hover
{
	color: blue;
}

.nav-text, .nav-text a:link, .nav-text a:visited
{	
	color: green;
}

.nav-text a:hover
{
	color: blue;
}

.current
{
	color: blue;
	/*color: #0000CD;*/
}

.current a:hover
{
	color: blue;
}

.slide-button, .slide-button a:link, .slide-button a:visited
{	
	color: green;
}

.slide-button a:hover, .grid-next a:hover, .content-cell a:hover  
{
	color: blue;
}

/* Sub-heading and special section colors */
h2
{
	color: green;
}

h3, .copy, .nav-button-graphic, .slide-button

{	
	color: green;
}

/* link color behaviors */
p a:link, p a:visited, p a:active
{	
	color: green;
	font-weight: bold;
}

/**************image link color behaviors************************************/
.thumbnail, .picture-key, .slide, .grid-image, .product-image
{
	border: 1px solid;
	/*border-color: #A2CD5A;*/	/*remove this after links are in place!*/
	border-color: green;
}

/* for some VERY strange reason, IMGs need to be reversed from ALL other class tags!*/
/* i.e., ".thumbnail a:link" and "a.thumbnail:link" don't work in any browser. */
a:link .thumbnail, a:visited .thumbnail, a:active .thumbnail,
a:link .picture-key, a:visited .picture-key, a:active .picture-key 
{
	/*border-color: #88661E;*/
	/*border-color: #A2CD5A;*/
	border-color: green;
}

/*NS and OP won't hover without this line: */
a:hover .thumbnail, a:hover .picture-key, a:hover .grid-image
{
	/*border-color: #C0C0C0;*/
	border-color: blue;
}

/*IE won't hover without this line IN ADDITION to qualified hover above: */
a:hover
{
	/*border-color: #C0C0C0;*/
	border-color: blue;
}


/***************FONT*********************************************************/

p, ul, li, .slogan, .nav-button, .copy, .nav-text, .nav-button-graphic, .slide-button, td, .altSelect
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, h3 
{
	font-family: Times New Roman, Garamond, Goudy Old Style, serif;
}


/***************STYLE********************************************************/

#fineprint
{
	color: #85A525;
	font-size: x-small;
	font-style: italic;
	font-weight: normal;
	margin-top:	0px;
	/*margin-bottom: 30px;*/
	font-family: Garamond, Goudy Old Style, Times New Roman, serif;
}

.splash
{
	color: #85A500;
	font-size: large;
	font-style: normal;
	font-weight: normal;
	font-family: Garamond, Goudy Old Style, Times New Roman, serif;
	/*font-family: Verdana, Helvetica, Arial, sans-serif;*/
}

.nav-button a:link, .nav-button a:visited, .nav-button a:active
{	
	text-decoration: none;
}

a:link, a:visited, a:active
{	
	text-decoration: none;
}


p a:hover
{
	text-decoration: none;
}

.current, h1 a:hover, .current a:hover, .nav-text a:hover, .nav-button a:hover  
{
	text-decoration: none;
}

.copy 
{
	font-style: italic;
	font-weight: normal;
	font-size: xx-small;
}

.slogan 
{
	font-size: xx-small;
	font-style: italic;
	font-weight: normal;
	margin-top:	5px;
	margin-bottom: 30px;
}

.nav-button 
{
	font-style: normal;
	font-weight: bold;
	font-size: xx-small;
}

.slide-button
{
	font-style: normal;
	font-weight: bold;
	font-size: xx-small;
}

.slide-caption
{
	font-size: xx-small;
	font-style: italic;
	font-weight: normal;
	margin-top:	-5px;
	/*margin-bottom: 30px;*/
}

.nav-text
{
	font-style: normal;
	font-weight: normal;
	font-size: x-small;
}

li 
{
	font-size: smaller;
	margin-top:	1px;
	margin-bottom: 1px;
}

p 
{
	font-size: smaller;
}

h1 
{
	font-size: 	24pt;
	letter-spacing: .2em;
	font-style: normal;
	font-weight: normal;
	margin-top:	0px;
}

h2 
{
	font-size: 	20pt;
	letter-spacing: .2em;
	font-style: normal;
	font-weight: normal;
	margin-top:	0px;
}

h3 
{
	font-size: 	14pt;
	letter-spacing: .2em;
	font-style: normal;
	font-weight: normal;
	margin-top:	0px;
}

td
{
	font-size: 	small;
	font-style: italic;
	font-weight: normal;
	margin-top:	0px;
	text-align: center;
}

.caption
{
	margin-top:	5px;
	text-align: center;
	font-style: italic;
	font-size: 	x-small;
}

.sold
{
	margin-top:	5px;
	text-align: center;
	font-style: italic;
	font-size: 	x-small;
	font-weight: bold;
	color: red;
}

.altSelect{
background-color: #88D49F;
color: green;
button-color: green;
font-size: 10pt;
}