/* Start of CMSMS style sheet 'Brycoat - Leftnav' */
/******************** MENU *********************/
#menu_vert {
	margin: 0;
	padding: 0;
        width: 148px;
        background:  url(uploads/brycoat/left-nav-repeat-bg.jpg) repeat-y left top;
}
#menu_vert h2 {
        color: #c4a248;
        font-size: 13px;
        line-height: 13px;
        padding: 7px 0 7px 4px;
        background: #0000ff url(uploads/brycoat/left-nav-top-bg.jpg) no-repeat left top;
        border: none 0 #fff;
     
}
#menu_vert ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0 0 18px 0;
        background: url(uploads/brycoat/left-nav-bottom-bg.jpg) no-repeat left bottom;
}
#menu_vert ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
background-image: none;
}
#menu_vert li {
/* remove any bullets */
	list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px ;
/* you can set your own image here */
 width: 139px;

}
#menu_vert li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert li.menuactive ul {
	margin: 0;
}
#menu_vert li.activeparent {
	margin: 0;
	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 {
/* IE6 has problems with this, fixed above */
	display: block;
/* some air for it */
	padding: 5px;
/* this will be link color for all levels */
/*	color: #c4a248; */
        color: #fff;
/* Fixes IE7 whitespace bug */
	min-height: 1em;
/* no underline for links */
	text-decoration: none;
        font-size: 13px;

}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
	font-size: 12px;
	padding: 4px 5px 4px 15px;
        color: #fff
}
/* third level links, more padding */
div#menu_vert ul ul ul a {
	padding: 4px 5px 4px 25px;
        font-size: 11px;
        color: #fff;
}
/* hover state for all links */
div#menu_vert a:hover {
	background-color: #dddddd;
	color: blue;
	text-decoration: none;
}
div#menu_vert a.activeparent:hover {
	color: blue;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
/* you can set your own image here */
	background-color: #9999cc; 
/* white to contrast with background image */
	color: #000033;
        display: block;
}
div#menu_vert li.activeparent a.activeparent {
/* you can set your own image here */
background: #9999cc; 
/* to contrast with background image */
	color: #000033;
        display: block;
}
div#menu_vert li a.parent {
color: #c4a248; 
}
div#menu_vert ul ul li a.parent {

}
div#menu_vert li a.parent span {
	display: block;

/* color: #cc9933; */
}
div#menu_vert li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_vert li a.parent:hover span {
	display: block;

/*	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(uploads/ngrey/parent.png) no-repeat 2px center; */
}
div#menu_vert li a.menuactive.menuparent {
	background-color: #9999cc; 
        color: #000033;

}
div#menu_vert ul ul li a.menuactive.menuparent {
	background-color: #cccccc; 
        color: #000033;
}
div#menu_vert li a.menuactive.menuparent span {

        color: #000033;
}
div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: blue;
        background-color: #efefef;
}
div#menu_vert ul ul li a.activeparent {
	color: #fff;
}
/* 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;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #000033;
/* instead of the normal font size for <h3> */
	font-size: 1em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
	background-color: #efefef;
      
}
/* 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;
/* you can set your own image here, same as "a" */
	background-color: #efefef;
	color: #000033;
font-weight: normal;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0.3em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
	background: transparent url(uploads/ngrey/libk.gif) no-repeat right top;
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}
/* End of 'Brycoat - Leftnav' */