/* Start of CMSMS style sheet 'Navigation: Simple - Vertical' */
/******************** MENU *********************/
#menu_vert {
	margin-top:  0px;
        margin-left: 0px;
        width: 212px;
	padding: 0;
}

#menu_vert ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu_vert ul ul {
	margin: 0;
	padding: 0px 0px 5px 0px;
}

#menu_vert li {
	list-style: none;
	margin: 0px 0px -1px;
	padding: 0px 0px 1px 0px;
}

#menu_vert li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert li.menuactive {
	margin: 0;
	padding: 0px;
	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 {
	display: block;
	padding: 0.5em 0.3em 0.5em 1.5em;
	color: #333;
	min-height: 1em;
	text-decoration: none;
        background: url(images/bgnavigation.jpg) repeat-x top left;
}

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

div#menu_vert ul ul a:hover {
        background: #CCC;
}


/* 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: url(images/bgnavigationhover.jpg) no-repeat top left;
	color: #FFF;
	text-decoration: none;
}
div#menu_vert a.activeparent:hover {
	color: #595959;
}

/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
	color: #fff;
}

div#menu_vert li.activeparent a.activeparent {
	color: #000;
        background: url(images/bgnavigation.jpg) repeat-x top left;
}

div#menu_vert li a.parent {
	padding-left: 0em;
}

div#menu_vert ul ul li a.parent {
	padding-left: 0.9em;
}

div#menu_vert li a.parent span {
	display: block;
	margin: 0;
	padding-left: 1.5em;
}

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

div#menu_vert li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 1.5em;
}

div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
background: url(images/bgnavigationhover.jpg) repeat-x top left;
}
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: 0;
	font-weight: normal;
	padding-left: 1.5em;
color: #FFF;
}

div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #FFF;
}
div#menu_vert ul ul li a.activeparent {
	color: #fff;
}


div#menu_vert ul h3 {
	display: block;
	padding: 0.3em 0.5em 0.5em 1.5em;
	background: url(images/bgnavigationhover.jpg) no-repeat top left;
	color: #FFF;
	text-decoration: none;
	font-size: 1em;
	margin: 0;
       font-weight: normal;
}

/* 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;
	color: #fff;
        background-position: 0px center;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0.6em 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;
	font-size: 130%;
	font-weight: bold;
	padding: 1.5em 0 0.8em 0;
	background: url(images/bgnavigation.jpg) repeat-x top left;
	line-height: 1em;
	margin: 0;
	text-align: center;
}
/* separator */
div#menu_vert li.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 'Navigation: Simple - Vertical' */