/********************MENU*********************/
/* hack for IE6 */
* html div#menu_horiz
{
	/* hide ie/mac \*/
	height: 1%;
	/* end hide */
}

* html div#menu_horiz { background: url(http://www.keepsakefamilytreevideo.com/images/nav-bg.gif) no-repeat right 0px; }

div#menu_horiz
{
	/* background color for the entire menu row */
	background: url(http://www.keepsakefamilytreevideo.com/images/nav-bg.png) no-repeat right 0px;
	width: 984px;
	/* set height */
	height: 22px;
	margin: 0 20px;
}

div#menu_horiz ul
{
	/* remove any default bullets */
	list-style-type: none;
	margin: 0 -2px 0 0;
	/* pushes the menu div up to give room above for background color to show */
	padding-top: 0px;
	/* keeps the first menu item off the left side */
	padding-left: 0px;
	float: right;
}

/* menu list items */
div#menu_horiz li
{
	/* makes the list horizontal */
	float: left;
	/* remove any default bullets */
	list-style: none;
	/* still no margin */
	margin: 0;
	width: 106px;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	text-align: center;
}

/* the links, that is each list item */
div#menu_horiz a, div#menu_horiz h3 span, div#menu_horiz .sectionheader span
{
	/* pushes li out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 5px 0;
	/* still no margin */
	margin: 0;
	/* removes default underline */
	text-decoration: none;
	text-transform: uppercase;
	/* default link color */
	color: #fff;
	/* makes it hold a shape, IE has problems with this, fixed above */
	display: block;
}

/* hover state for links */
div#menu_horiz li a:hover
{
	/* set your image here, dark grey image with white text set above*/
	background-color: #17212d;
	color: white;
}

div#menu_horiz a span
{
	/* compensates for no left padding on the "a" */
	padding-left: 0px;
}

div#menu_horiz li.parent a span
{
	/* no left padding on the "a" we can set it here, it lets us use the span for an image */
	padding-left: 0px;
	/* set your image here, down arrow to note it has children, left side of text
	background: url(http://www.keepsakefamilytreevideo.com/uploads/ngrey/active.gif) no-repeat 0.3em center; */
}

div#menu_horiz li.parent a:hover span
{
	padding-left: 0px;
	/* hover replaces default with right arrow image */
}

div#menu_horiz li.menuactive a span
{
	padding-left: 0px;
	color: #fff;
}

div#menu_horiz li.currentpage h3 span
{
	padding-left: 0px;
	/* menuactive replaces default with right arrow image */
	color: #fff;
	font-size: 12px;
}

div#menu_horiz .sectionheader span
{
	/* compensates for no left padding on the "sectionheader" */
	padding-left: 15px;
}

/* active parent, that is the first level parent of a child page that is the current page */
div#menu_horiz li.menuactive, div#menu_horiz li.menuactive a:hover
{
	/* set your image here, light image with #000/black text set below
	background:  url(http://www.keepsakefamilytreevideo.com/uploads/ngrey/nav.png) repeat-x left 0px;
	color: #000;*/
	font-weight: bold;
}