#navigation {
  font: 0.9em/1.8em Verdana, Geneva, Arial, sans-serif;
  background-color: #FFFFFF;
  color: #540662;
  float: left;
  width: 100%;
  border-bottom: 1px solid #C7B6DD; 
  margin-bottom: 0.7em;
}

#navigation ul {
  margin: 0;
  padding: 0.5em 0 0 0; 
  list-style: none;
}

/*standard tab background*/ 
#navigation li{
  float: left;
  background-image:  url(../Pics/tab-left-purple.gif);
  background-repeat: no-repeat;
  margin: 0 1px 0 0;
  padding: 0 0 0 8px;
}

#navigation a {
  float: left;
  display: block;
  background-image:  url(../Pics/tab-right-purple.gif);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 0.2em 10px 0.2em 0;
  text-decoration: none;
  font-weight: bold;
  color: #540662; 

}
#navigation a:hover {
	font-weight: bold;
 	color: #9933CC;
}
/*update if change tab names*/ 
#index #navigation li.index,
#columbine #navigation li.columbine,
#foxglove #navigation li.foxglove,
#availability #navigation li.availability,
#offers #navigation li.offers,
#conditions #navigation li.conditions,
#faq #navigation li.faq,
#map #navigation li.map, 
#contacts #navigation li.contacts {
  	background-image:  url(../Pics/tab-left-darkpurple.gif);
}

#index #navigation li.index a,
#columbine #navigation li.columbine a,
#foxglove #navigation li.foxglove a,
#availability #navigation li.availability a,
#offers #navigation li.offers a,
#conditions #navigation li.conditions a,
#faq #navigation li.faq a,
#map #navigation li.map a, 
#contacts #navigation li.contacts a {
  background-image:  url(../Pics/tab-right-darkpurple.gif);
  color:#FFFFFF;
}