/* Start of CMSMS style sheet 'Navigation - DEI' */
/********************MENU*********************/
/* hack for IE6 */
* html div#menu_horiz {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}
div#menu_horiz {
/* background color for the entire menu row */
	/* background-color: #243135; */
/* insure full width */
	width: 100%; 
/* set height */
	height: 21px;
	margin: 51px 0 0 0;
                position: relative;
                float: left;
                border-left: 1px solid red;
                border-bottom: 1px solid red;
                font-size: 12pt;
}
div#menu_horiz ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
/* pushes the menu div up to give room above for background color to show */
	/* padding-top: 10px; */
/* keeps the first menu item off the left side */
	/* padding-left: 10px; */
}
/* 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;
                padding-left: 5px;
}

div#menu_horiz li.currentpage {
                background:  url(/uploads/images/site/current.png) repeat-x left 0px;
                padding-right: 20px;
}

div#menu_horiz li:hover {
                background:  url(/uploads/images/site/hover.png) repeat-x left 0px;

}


div#menu_horiz li.currentpage:hover {
                background:  url(/uploads/images/site/current.png) repeat-x left 0px;

}

/* the links, that is each list item */
div#menu_horiz a {
/* 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: 12px 15px 15px 0px; */
/* still no margin */
	margin: 0;
/* removes default underline */
	text-decoration: none;
/* default link color */
	color: #000;
/* 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:  url(/uploads/images/site/hover.png) repeat-x left 0px;
                font-weight: normal;
}
div#menu_horiz a span {
/* compensates for no left padding on the "a" */
	padding-right: 20px;
}
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-right: 20px;
/* set your image here, down arrow to note it has children, left side of text */
	/* background: url(uploads/ngrey/active.png) no-repeat 0.3em center; */
}
div#menu_horiz li.parent a:hover span {
	padding-right: 20px;
/* hover replaces default with right arrow image */
	/* background: url(uploads/ngrey/parent.png) no-repeat 0.3em center; */
}
div#menu_horiz li.menuactive a span {
	padding-right: 20px;
/* menuactive replaces default with right arrow image */
	/* background: url(uploads/ngrey/parent.png) no-repeat 0.5em center; */
	/* color: #000; */
}
/* 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(/uploads/images/site/current.png) repeat-x left 0px;
	/* background:  url(uploads/ngrey/nav.png) repeat-x left 0px; */
	/* color: #000; */
}
/* End of 'Navigation - DEI' */