/* Start of CMSMS style sheet 'Navigation: Simple - Horizontal' */
/********************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: #ffffff url(uploads/customStyle/menuBG.png) repeat-x;
/* insure full width */
	width: 800px;
/* set height */
	height: 42px;
	margin: 0 15px 0 15px;
font-family: Tahoma, Geneva, Verdana;
text-transform:uppercase;
border-bottom:1px solid #E0E0E0;


}

#menuleftcorner{
float:left;
width:10px;
height:42px;
background: transparent url('uploads/customStyle/menuleft.png') no-repeat;
}

#menucontent{
width:780px;
margin-left:240px;
letter-spacing:1px;
}

#menurightcorner{
float:right;
width:10px;
height:42px;
background: transparent url('uploads/customStyle/menuright.png') no-repeat;
}

div#menu_horiz ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
/* keeps the first menu item off the left side */
	padding-left: 9px;
float:left;
}
/* 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;
}
/* the links, that is each list item */
div#menu_horiz a, div#menu_horiz h3{
/* 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: 15px 10px 10px 0;
/* still no margin */
	margin: 0;
/* removes default underline */
	text-decoration: none;
/* default link color */
	color:#231F20;
/* makes it hold a shape, IE has problems with this, fixed above */
	display: block;
font-weight:normal;
font-size:11px;
height: 17px;
 outline: none;

}



/* 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/customStyle/hoveractivemenu.png);
}
div#menu_horiz  span {
/* compensates for no left padding on the "a" */
	padding-left: 10px;
}
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 */

/* set your image here, down arrow to note it has children, left side of text */

}
div#menu_horiz li.parent a:hover span {

/* hover replaces default with right arrow image */

}
div#menu_horiz li.menuactive a span {

/* menuactive replaces default with right arrow image */

}

/* 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/customStyle/hoveractivemenu.png);

}

.currentpage h3 {
background:  url(uploads/customStyle/hoveractivemenu.png);

}
/* End of 'Navigation: Simple - Horizontal' */

