/* Vertical Sub Menu */
#menu_vert {
margin: 0px;
padding: 0px;}

#menu_vert ul {
/* remove bullets */
list-style: none;
margin: 0px;
padding: 0px;}

#menu_vert ul ul {
margin: 0px;
/* padding right sets second level li offset to right */
padding: 0px 5px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/liup.gif) no-repeat right -4px;}

#menu_vert li {
/* remove bullets */
list-style: none;
margin: 0px 0px -1px;
padding: 0px 0px 4px 0px;
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/liup.gif) no-repeat right bottom;}

#menu_vert li.currentpage {
padding: 0px 0px 3px 0px;}

#menu_vert li.menuactive {
margin: 0px;
padding: 0px;
/* replaced by image in ul ul */
background: none;}

#menu_vert li.menuactive ul {margin: 0px;}

#menu_vert li.activeparent {
margin: 0px;
padding: 0px;}

/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {height: 1%;}

* html #menu_vert li a {height: 1%;}

* html #menu_vert li hr {height: 1%;}
/** end fix **/

/* first level links */
div#menu_vert a {
display: block;
padding: 0.8em 0.3em 0.5em 1.5em;
color: #4b639a;
min-height: 1em;
text-decoration: none;
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/libk.gif) no-repeat right top;}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
font-size: 90%;
padding: 0.8em 0.3em 0.5em 2.8em;}

/* third level links, more padding */
div#menu_vert ul ul ul a {
padding: 0.5em 0.3em 0.3em 3em;}

/* hover state for all links */
div#menu_vert a:hover {
background-color: transparent;
color: #b60a33;
text-decoration: underline;}

div#menu_vert a.activeparent:hover {color: #b60a33;}

/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/liup.gif) no-repeat right -65px;
color: #ffffff;}

div#menu_vert li.activeparent a.activeparent {
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/libk.gif) no-repeat right top;
color: #000000;}

div#menu_vert li a.parent {
/* takes left padding out so span image has room on left */
padding-left: 0em;}

div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
padding-left: 0.9em;}

div#menu_vert li a.parent span {
display: block;
margin: 0px;
/* adds left padding taken out of "a.parent" */
padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/active.png) no-repeat 2px center;}

div#menu_vert li a.parent:hover {text-decoration: underline;}

div#menu_vert li a.parent:hover span {
display: block;
margin: 0px;
padding-left: 1.5em;
/* arrow on left for pages with children, points right for hover, you can set your own image here */
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/parent.png) no-repeat 2px center;}

div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
padding-left: 0.35em;}

div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
padding-left: 0.99em;}

div#menu_vert li a.menuactive.menuparent span {
display: block;
margin: 0px;
/* to contrast with non active pages */
font-weight: bold;
padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/parent.png) no-repeat 2px center;}

div#menu_vert li a.menuactive.menuparent:hover {
text-decoration: none;
color: #4b639a;}

div#menu_vert ul ul li a.activeparent {
color: #ffffff;}

/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
display: block;
padding: 0.8em 0.5em 0.5em 1.5em;
color: #000000;
font-size: 1em;
margin: 0px;
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/libk.gif) no-repeat right top;}

/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
font-size: 90%;
padding: 0.8em 0.5em 0.5em 2.8em;
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/libk.gif) no-repeat right top;
color: #000000;}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
padding: 0.6em 0.5em 0.2em 3em;}

/* section header */
div#menu_vert li.sectionheader {
border-right: none;
padding: 0.8em 0.5em 0.5em 1.5em;
background: transparent url(http://www.opg.org.uk/uploads/cymnetgrey/libk.gif) no-repeat right top;
line-height: 1em;
margin: 0px;
color: #18507C;
cursor:text;}

/* separator */
div#menu_vert .separator {
height: 1px !important;
margin-top: -1px;
margin-bottom: 0px;
-padding: 2px 0px 2px 0px;
background-color: #000000;
overflow: hidden !important;
line-height: 1px !important;
font-size: 1px;}

div#menu_vert li.separator hr {
display: none;}