/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	199px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	199px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

div.subItems {
	background:url(../images/menu/submenuBG-trans.jpg) top right repeat-y;
	width:485px;
}

li.sub ul li.menuLI div.subItems div.subLink a {
	font-weight:bold;
	color:#082173;
	/*padding:10px;
	padding-left:5px;*/
	padding: 10px 5px 10px 45px;
}

li.sub ul li.menuLI div.subItems div.subLink div {
margin-left:10px;
}

.topRight {
	border-bottom: 1px solid #D69B39;
	padding-right:0;
	padding-bottom:5px;
}


.topLeft {
	border-bottom: 1px solid #D69B39;
	padding-right:0px;
	padding-bottom:5px;
}

.midRight {
	border-bottom: 1px solid #D69B39;
	padding-right:0;
	padding-bottom:5px;
	padding-top:5px;
}


.midLeft {
	border-bottom: 1px solid #D69B39;
	padding-right:0px;
	padding-bottom:5px;
	padding-top:5px;
}

.bottomRight {
	padding-right:0;
	padding-top:5px;
}


.bottomLeft {
	padding-right:0px;
	padding-top:5px;
}

.noDesc {
	padding-top:0px;
}


.large .subLink {
	font-size:70%;
	line-height:.9em;
}


li.sub ul li.menuLI div.subItems div.subLink a span {
	font-size:90%;
	font-weight:normal;
	color:#082173;
}


li.sub ul li.menuLI div.subItems div.subLink {
	font-size:100%;
	color:#FFF;
	display:inline-block;
	float: left;
	width: 225px;
	margin: 0;
	line-height:1em;
	border-left: 1px solid #D69B39;
}


.subFinal {
	white-space:nowrap;
	width: 430px;
}


li.sub ul li.menuLI div.subItems div.subLink a.commish {
	background:url('../images/icons/menu/commish.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.commish:hover {
	background:url('../images/icons/menu/commish-on.jpg') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.calendar {
	background:url('../images/icons/menu/calendar.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.calendar:hover {
	background: url('../images/icons/menu/calendar-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.offices {
	background:url('../images/icons/menu/offices.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.offices:hover {
	background:url('../images/icons/menu/offices-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.nls {
	background:url('../images/icons/menu/nls.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.nls:hover {
	background:url('../images/icons/menu/nls-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.jobopp {
	background:url('../images/icons/menu/jobopp.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.jobopp:hover {
	background:url('../images/icons/menu/jobopp-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.services{
	background:url('../images/icons/menu/services.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.services:hover {
	background:url('../images/icons/menu/services-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.councils {
	background:url('../images/icons/menu/councils.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.councils:hover {
	background:url('../images/icons/menu/councils-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.vocrehab {
	background:url('../images/icons/menu/vocrehab.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.vocrehab:hover {
	background:url('../images/icons/menu/vocrehab-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.indepliving {
	background:url('../images/icons/menu/indepliving.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.indepliving:hover {
	background:url('../images/icons/menu/indepliving-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.vib {
	background:url('../images/icons/menu/vib.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.vib:hover {
	background:url('../images/icons/menu/vib-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.mobility {
	background:url('../images/icons/menu/mobility.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.mobility:hover {
	background:url('../images/icons/menu/mobility-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.educserv { /*also used for library services*/
	background:url('../images/icons/menu/education.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.educserv:hover {
	background:url('../images/icons/menu/education-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.publications {
	background:url('../images/icons/menu/publications.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.publications:hover {
	background:url('../images/icons/menu/publications-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.rehabtech {
	background:url('../images/icons/menu/rehabtech.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.rehabtech:hover {
	background:url('../images/icons/menu/rehabtech-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.business {
	background:url('../images/icons/menu/business.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.business:hover {
	background:url('../images/icons/menu/business-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.lowvision {
	background:url('../images/icons/menu/lowvision.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.lowvision:hover {
	background:url('../images/icons/menu/lowvision-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.deafblind {
	background:url('../images/icons/menu/deafblind.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.deafblind:hover {
	background:url('../images/icons/menu/deafblind-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.braille {
	background:url('../images/icons/menu/braille.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.braille:hover {
	background:url('../images/icons/menu/braille-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.instructional {
	background:url('../images/icons/menu/instructional.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a.instructional:hover {
	background:url('../images/icons/menu/instructional-on.png') no-repeat left bottom;
}

li.sub ul li.menuLI div.subItems div.subLink a:hover {
	text-decoration:underline;
}

li.sub ul li.menuLI div.subItems div.subLink a:hover span {
	text-decoration:none;
}

div.submenuTop {
	background:url("../images/menu/submenuTop-trans.png") no-repeat top right;
	height:29px;
	width:485px;
	padding:0;
	margin:0;
	margin-top:10px;
}

div.submenuBottom {
	background:url("../images/menu/submenuBot-trans.png") no-repeat bottom right;
	height:29px;
	width:485px;
	padding:0;
	margin:0;
}

.submenuIMGLeft {
	float:left;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
}


