/* Start of CMSMS style sheet 'GHR: Nav Horizontal CSS' */
/********************MENU*********************/
/* hack for IE6 */
* html div#menu_horiz {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}

div#menu_horiz {
background-color: #ff9900;
width: 100%;
height:36px;
margin: 0;
}

div#menu_horiz ul {
font-family:Arial, Helvetica, sans-serif;
list-style-type: none;
margin: 0;
padding-top:0px;
padding-left:10px;
}

/* menu list items */
div#menu_horiz li {
float: left;
list-style: none;
margin: 0;
}

/* 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:10px 17px 10px 0px;
margin: 0;
font-size:22px;
font-weight:bold;
text-decoration: none;
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 {;
background:  url(images/layout/nav-main-hover.png) no-repeat left 0px;
text-decoration:none;
/*background:#ccc;*/
color:#000;
}

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

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: 20px;
/* set your image here, down arrow to note it has children, left side of text */
	background: url(uploads/ngrey/active.gif) no-repeat 0.3em center;
}

div#menu_horiz li.parent a:hover span {
	padding-left: 20px;
/* hover replaces default with right arrow image */
	background: url(uploads/ngrey/parent.gif) no-repeat 0.3em center;
}
div#menu_horiz li.menuactive a span {
	padding-left: 20px;
/* menuactive replaces default with right arrow image */
	background: url(uploads/ngrey/parent.gif) 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, li.currentpage h3 {
background:  url(images/layout/nav-main-hover.png) no-repeat left 0px;
padding:10px 17px 10px 0px;
margin: 0;
font-size:22px;
font-weight:bold;
text-decoration: none;
color: #000;
}
/* End of 'GHR: Nav Horizontal CSS' */