/* Top Menu */

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

div#menu_horiz {
background-color: #506d95;
width: 100%;
height: 49px;
margin: 0px;}

div#menu_horiz ul {
/* remove bullets */
list-style-type: none;
margin: 0px;
padding-top: 10px;
padding-left: 10px;}

div#menu_horiz li {
/* makes the list horizontal */
float: left;
/* remove bullets */
list-style: none;
margin: 0px;}

div#menu_horiz a, div#menu_horiz h3 span, div#menu_horiz .sectionheader span {
padding: 12px 15px 15px 0px;
margin: 0px;
text-decoration: none;
color: #FFFFFF;
display: block;}

/* hover state for links */
div#menu_horiz li a:hover {;
background:  url(http://www.opg.org.uk/uploads/cymnetgrey/nav.png) repeat-x left -50px;}

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(http://www.opg.org.uk/uploads/cymnetgrey/active.png) 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(http://www.opg.org.uk/uploads/cymnetgrey/parent.png) no-repeat 0.3em center;}

div#menu_horiz li.menuactive a span {
padding-left: 20px;
/* menuactive replaces default with right arrow image */
background: url(http://www.opg.org.uk/uploads/cymnetgrey/parent.gif) no-repeat 0.5em center;
color: #000000;}

div#menu_horiz li.currentpage h3 span {
padding-left: 12px;
/* menuactive replaces default with right arrow image */
background: url(http://www.opg.org.uk/uploads/cymnetgrey/nav.png) repeat-x left 0px;
color: #000000;}

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 {
background:  url(http://www.opg.org.uk/uploads/cymnetgrey/nav.png) repeat-x left 0px;
color: #000000;}