/* MAIN NAVIGATION */
#mainnavi {
	margin: 0;
	padding: 0;
}
.mainnavilist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*.navifirst {
	display: block;
	background-color: #3399FF;
	margin: 0;
	padding: 15px 0 10px 0;	
}*/
.mainnavilink {
	display: block;
	/*background-color: #3399FF;*/
	margin: 0;
	/*padding: 15px 0 15px 0; Use this padding when bg image not present, otherwise use 0 */
	padding: 0;
	width: 140px; /* -- IE FIX -- To make link area clickable in IE for full width, after the sub unordered list is added to an unordered list item */
	/* navi width is 10px shorter so we can padding against the right column, see subnavilink */
	/*height: 37px;  This is needed so the bg image for the link displays correctly */
	text-indent: -1500px; /* movest the text navigation to the left outside the display area */
}
.gallery {
	background: url(/images/navigation/naviMain_galleries.gif) top left no-repeat;
	height: 40px;
}
.commemorate {
	background: url(/images/navigation/naviMain_commemorate.gif) top left no-repeat;
	height: 60px;
}
.events {
	background: url(/images/navigation/naviMain_events.gif) top left no-repeat;
	height: 40px;
}
.purchase {
	background: url(/images/navigation/naviMain_purchase.gif) top left no-repeat;
	height: 40px;
}
.biography {
	background: url(/images/navigation/naviMain_bio.gif) top left no-repeat;
	height: 40px;
}
.contact {
	background: url(/images/navigation/naviMain_contact.gif) top left no-repeat;
	height: 40px;
}
.gallery:hover, .commemorate:hover, .events:hover, .purchase:hover, .biography:hover, .contact:hover {
	background-position: -140px;
}
#commemorate .commemorate {
	background-position: -140px;
}
#events .events {
	background-position: -140px;
}
#purchase .purchase {
	background-position: -140px;
}
#biography .biography {
	background-position: -140px;
}
#contact .contact {
	background-position: -140px;
}
/* MAIN NAVIGATION ENDS*/

/* SUB NAVIGATION */
#subnavi {
	margin: 0 0 0 10px;
	padding: 0;
	/* display: none; This is needed to hide the submenu when the page loads */
}
#home #subnavi { /* This hides the sub navi on the home page */
	display: none;
}
#commemorate #subnavi { /* This hides the sub navi on the events page */
	display: none;
}
#events #subnavi { /* This hides the sub navi on the events page */
	display: none;
}
#purchase #subnavi { /* This hides the sub navi on the purchase page */
	display: none;
}
#biography #subnavi { /* This hides the sub navi on the bio page */
	display: none;
}
#contact #subnavi { /* This hides the sub navi on the contact page */
	display: none;
}
.subnavilist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: normal;
}
.subnavilink {
	display: block;
	/* background-color: #99FF00; */
	margin: 0;
	/* padding: 0 0 10px 0; Use this padding when bg image not present, otherwise use 0 */
	padding: 0;
	width: 130px; /* -- IE FIX -- To make link area clickable in IE for full width, after the sub unordered list is added to an unordered list item */
	/* subnavi width is 10px shorter so we can padding against the right column, see mainnavilink */
	/* height: 33px;  This is needed so the bg image for the link displays correctly */
	/* font-size: 12px; This is needed only if the images are not use for the navigation */
	text-indent: -1500px; /* movest the text navigation to the left outside the display area */
}
.recent {
	background: url(/images/navigation/naviSub_recent.gif) top left no-repeat;
	height: 20px;
}
.illustration {
	background: url(/images/navigation/naviSub_illustration.gif) top left no-repeat;
	height: 20px;
}
.flowers {
	background: url(/images/navigation/naviSub_flowers.gif) top left no-repeat;
	height: 20px;
}
.oil {
	background: url(/images/navigation/naviSub_oil.gif) top left no-repeat;
	height: 20px;
}
.misc {
	background: url(/images/navigation/naviSub_misc.gif) top left no-repeat;
	height: 36px;
}
.recent:hover, .illustration:hover, .flowers:hover, .oil:hover, .misc:hover {
	background-position: -130px;
}
#flowers .flowers {
	background-position: -130px;
}
#illustration .illustration {
	background-position: -130px;
}
#misc .misc {
	background-position: -130px;
}
#oil .oil {
	background-position: -130px;
}
#recent .recent {
	background-position: -130px;
}
/* SUB NAVIGATION ENDS*/

/* GLOBAL NAVI */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* GLOBAL NAVI ENDS*/