/* Start of CMSMS style sheet 'style_menu' */
/*overrides for styles.css or superfish.css for wrapper pages
the !important styles will get displayed in all browsers except IE6*/
#top_nav{
	margin-bottom:0px;
	padding-bottom:0px;
	z-index: 2;
	width: 950px;
padding-left: 20px;
}

/*IE will not see this style*/
html>/**/body #top_nav{
	margin-bottom:30px;
	padding-bottom:25px;
	z-index: 2;
	width: 950px;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu a {
	line-height:	1.0;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index: 		10;
	/*width:			102px;/*10em;  left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
       text-align: left;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			50px; /* match top ul list item height */
	z-index:		9999;
}
.company li:hover ul,
.company li.sfHover ul,
.services li:hover ul,
.services li.sfHover ul {
	top:			57px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	/*left:			102px;/*10em;  match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	/*left:			102px;/*10em;  match ul width */
	top:			0;
}

/***SKIN ***/
/** position of the buttons **/
.sf-menu {
	float:left;
	left:35px;
	position:relative;
	top:5px;
	z-index: 4;
}
.crm{
	z-index: 9;
}
.force{
	z-index: 10;
	left:33px;
}

.force2{
	z-index: 150;
	left:33px;
}
.events{z-index: 8;left:14px;}
.company{z-index: 7;left: -3px;}
.services{z-index: 9;left: 0px;}

.sf-menu a, .sf-menu a:visited {/*default a tags*/
	color: #99908c;
	text-decoration:none;
	font-size: 12px;
	/*font-weight: bold;*/
}
.sf-menu a:hover {color: #000;}
.sf-menu a.primary, .sf-menu a.primary:visited{
    font-size: 17px;
    position: relative;
    font-weight: normal;
    height: 37px;
    padding-left:0px;
    padding-top: 20px;
    
    
}
.sf-menu a.primary:hover{
	
}
.crm, .crm * {padding-left:0px;}
.force, .force * {padding-left:0px;}
.force ul, .force ul * {padding-left:0px;}
.events, .events * {padding-left:0px;}
.events ul, .events ul * {padding-left:1px;}
.company, .company * {padding-left:0px;}
.company ul, .company ul * {padding-left:0px;}
.services, .services * {
	padding-left:0px;
}
.services ul, .services ul * {padding-left:0px;}

/*crm MENU STYLES*/

.crm ul {width:186px;/*  left offset of submenus need to match (see below) */}
ul.crm li li:hover ul,
ul.crm li li.sfHover ul { left:181px; z-index:500;/* match ul width */}
ul.crm li li li:hover ul,
ul.crm li li li.sfHover ul { left:181px; z-index:500;/*10em;   match ul width */}
.crm a.primary, .crm a.primary:visited{
	padding-left:15px;
	padding-right: 20px;
	width:161px;
margin-right: 70px;
}


.force ul {width:214px;/*  left offset of submenus need to match (see below) */
}
ul.force li li:hover ul, 
ul.force li li.sfHover ul {left:214px;/* match ul width */
}
ul.force li li li:hover ul,
ul.force li li li.sfHover ul{left:214px;/*10em;  match ul width */
}
.force a.primary, .force a.primary:visited{width:162px;padding-right: 47px;}



.events ul {width:221px; margin-left:20px;/*  left offset of submenus need to match (see below) */
}
ul.events li li:hover ul,
ul.events li li.sfHover ul {left:181px;/* match ul width */
}
ul.events li li li:hover ul,
ul.events li li li.sfHover ul {left:106px;/*10em;  match ul width */
}
.events a.primary, .events a.primary:visited{width:210px;padding-right: 28px;}


/*COMPANY*/
.company ul {width:200px;/*  left offset of submenus need to match (see below) */
}
ul.company li li:hover ul,
ul.company li li.sfHover ul {left:169px;/* match ul width */
}
ul.company li li li:hover ul,
ul.company li li li.sfHover ul {left:169px;/*10em;  match ul width */
}
.company a.primary, .company a.primary:visited{width:140px; padding-right: 50px;padding-left:30px;}




/*SERVICES*/
.services ul {width:172px;/*  left offset of submenus need to match (see below) */
}
ul.services li li:hover ul,
ul.services li li.sfHover ul {left:135px;/* match ul width */
}
ul.services li li li:hover ul,
ul.services li li li.sfHover ul {left:-135px;/*10em;  match ul width */
}
.services a.primary, .services a.primary:visited{width:115px;padding-right: 50px;}


.sf-menu li {
	background:		none;
}
.sf-menu li li {
	background-image: none;
	/*background-color: none; #fff;*/
	left:0px;
	padding-bottom:4px;
	text-align: left; 
}
.crm li ul{
	background:transparent url(gfx/nav/publitas_bod.gif) no-repeat scroll -27px 102%;
	padding-bottom:10px;
z-index: 20;
	
}
.force2 li ul {
	background:transparent url(gfx/nav/epub_bod.gif) no-repeat scroll -26px 102%;
	padding-bottom:10px;
}

.force li ul {
	background:transparent url(gfx/nav/epub_bod.gif) no-repeat scroll -26px 102%;
	padding-bottom:10px;
}
 .events li ul {
	background:transparent url(gfx/nav/events_bod.gif) no-repeat scroll -25px 104%;
	padding-bottom:10px;
}
.company li ul {
	background:transparent url(gfx/nav/c_company_bod.gif) no-repeat scroll 0px 106%;
	padding-bottom:10px;
}
.services li ul {
	background:transparent url(gfx/nav/c_services_bod.gif) no-repeat scroll 0px 105%;
	padding-bottom:10px;
z-index: 10;
}

.sf-menu li li a, .sf-menu li li a:visited{/*SEcondary nav links*/
	margin-left:15px;
	padding: 5px 0px 10px 0px;
	background:transparent url(gfx/nav/pnav_hr.gif) no-repeat scroll 0 100%;
}
.sf-menu li li a.lasta, .sf-menu li li a.lasta:visited{/*SEcondary nav links*/
	background:none;
}
.crm li li a.lasta, .crm li li a.lasta:visited,
.force li li a.lasta, .force li li a.lasta:visited
.force2 li li a.lasta, .force2 li li a.lasta:visited{/*SEcondary nav links*/
	padding-bottom:0px;
}

.force li li a, .force li li a:visited,
.force2 li li a, .force2 li li a:visited{/*SEcondary nav links*/
	margin-left:17px;
}

.crm li li a, .crm li li a:visited{
	width:155px;
}
.force li li a, .force li li a:visited{
	width:176px;
}
.force2 li li a, .force li li a:visited{
	width:176px;
}
.events li li a, .events li li a:visited{
	width:188px;
}


.company li li a, .company li li a:visited{
	width:152px;
}
.services li li a, .services li li a:visited{
	width:142px;
}

.sf-menu li li li a, .sf-menu li li li a:visited{/*tertiary nav links*/
	padding: 5px 0px 10px 0px;
}

/*primary hover*/

.crm li:hover, .crm li.sfHover,
.crm li a.primary:focus, .crm li a.primary:hover, .crm li a.primary:active{
	outline:		0;
	background: transparent url(gfx/nav/publitas_top.gif) no-repeat scroll -27px -11px;
	color: black;	

}

.force li:hover, .force li.sfHover,
.force li a:focus, .force li a:hover, .force li a:active{
	outline:		0;
	background: transparent url(gfx/nav/epub_top.gif) no-repeat scroll -26px -11px;
	color: black;	
}
.force2 li:hover, .force2 li.sfHover,
.force2 li a:focus, .force2 li a:hover, .force2 li a:active{
	outline:		0;
	background: transparent url(gfx/nav/epub_top.gif) no-repeat scroll -26px -11px;
	color: black;	
}
.events li:hover, .events li.sfHover,
.events li a:focus, .events li a:hover, .events li a:active {
	outline:		0;
	background: transparent url(gfx/nav/events_top.gif) no-repeat scroll -25px -11px;
	color: black;	
}

.company li:hover, .company li.sfHover,
.company li a:focus, .company li a:hover, .company li a:active{
	outline:		0;
	background: transparent url(gfx/nav/c_company_top.gif) no-repeat scroll 0px 2px;
	color: black;

}
.services li:hover, .services li.sfHover,
.services li a:focus, .services li a:hover, .services li a:active {
	outline:		0;
	background: transparent url(gfx/nav/c_services_top.gif) no-repeat scroll 0px 2px;
	color: black;	
}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	/*background:		red;*/
	outline:		0;
	background:transparent url(gfx/nav/pnav_hr.gif) no-repeat scroll 0 100%;
	color: black;	
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a.lasta:focus, .sf-menu li li a.lasta:hover, .sf-menu li li a.lasta:active{
	background-image: none;
}


.bug {
	display:none;
	position: absolute;
	width: 76px;
	height: 66px;
	left: -33px;
	top: -5px;
	
}

.redbug{background: transparent url('gfx/nav/pub_icon.gif') no-repeat top left;}
.bluebug{background: transparent url('gfx/nav/bluebug.gif') no-repeat top left;}
.sassybug {
	background:transparent url(gfx/nav/sassy.gif) no-repeat scroll left top;
	display:none;
	height:66px;
	/*left:-40px;*/
	position:absolute;
	/*top:-21px;*/
	width:75px;
	z-index:3;
}

.sf-menu li:hover .bug, .sf-menu li.sfHover .bug, a:hover .bug{
	display: block;
	z-index: 99999;
	
}


.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	outline:		0;
	
}

.subcorner{
	background:transparent url(gfx/nav/subcorner.gif) no-repeat scroll right top;
	display:block;
	height:24px;
	left:-16px;
	position:absolute;
	top:-5px;
	width:185px;
	z-index:-1;
}

.force .subcorner{
	background:transparent url(gfx/nav/subcorner.gif) no-repeat scroll -76px 1px;
	display:block;
	height:24px;
	left:-16px;
	position:absolute;
	top:-7px;
	width:221px;
	z-index:-1;
}

.force2 .subcorner{
	background:transparent url(gfx/nav/subcorner.gif) no-repeat scroll -76px 1px;
	display:block;
	height:24px;
	left:-16px;
	position:absolute;
	top:-7px;
	width:221px;
	z-index:-1;
}
#top_nav .sf-menu li li li .subcorner {top:-10px;}

ul.crumble{
	width:575px;
	z-index: 1;
}

#centerwrap ul.crumble {
	padding-bottom:20px;
	padding-left:15px;
}

.crumble a, .crumble a:visited{
	border-right:1px solid #E0E0E0;
	/*line-height:20px;*/
	margin-top:0px;
	padding-left:15px;
	padding-right:15px;
	z-index: 0;
}
.crumble a.lastcrumble, .crumble a.lastcrumble:visited{
	border-right:0px solid #99908C;
}
.crumble a.active, .crumble a.active:visited{
	color: #000;
	font-weight: bold;
}

/*** arrows **/
.sf-menu a.sf-with-ul, .sf-menu a.sf-with-ul:visited {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu a.primary, .sf-menu a.primary:visited {
	text-indent: 0px;
	padding-left:15px;
}
.crm a.primary, .crm a.primary:visited{text-indent:0;}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0.2em;
	top:			0.5em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('gfx/nav/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.3em;
	background-position: 0 -70px; /* use translucent arrow for modern browsers*/
}
.crm a.primary > .sf-sub-indicator {	
	background-position:-2px -8px;
	right:50px;
	top:24px;
	display: none;
}
.force a.primary > .sf-sub-indicator {	
	background-position:-2px -88px;
	right:40px;
	top:24px;
	display: none;
}

.force2 a.primary > .sf-sub-indicator {	
	background-position:-2px -88px;
	right:40px;
	top:24px;
	display: none;
}
.events a.primary > .sf-sub-indicator {	
	background-position:-2px -88px;
	right:32px;
	top:24px;
	display: none;
}
.company a.primary > .sf-sub-indicator {	
	background-position:-2px -88px;
	right:50px;
	top:24px;
	display: none;
}
.services a.primary > .sf-sub-indicator {	
	background-position:-2px -88px;
	right:70px;
	top:24px;
	display: none;
}
#top_nav  ul          ul {padding-bottom:20px;}
#top_nav  ul.sf-menu  li li ul {padding-top:10px; padding-bottom:13px; top:-10px; background:transparent url(gfx/nav/publitas_bottom.gif) no-repeat scroll -27px 100%;}
		
#top_nav  ul.crm   	  li li ul {background:transparent url(gfx/nav/publitas_bottom.gif) no-repeat scroll -27px 100%;}
#top_nav  ul.force    li li ul {background:transparent url(gfx/nav/epub_bottom.gif) no-repeat scroll -26px 100%;}
				
#top_nav .sf-menu li       li li a.lasta {padding-bottom:0;}
#top_nav ul.crm   li li li {z-index:155;background:transparent url(gfx/nav/publitas_bod.gif) no-repeat scroll -27px -30px;}
#top_nav ul.crm   li li li.firstli {background-image:url(gfx/nav/publitas_bod_first.gif);}
#top_nav ul.force li li li {background:transparent url(gfx/nav/epub_bod.gif) no-repeat scroll -26px 0;}	
	
#top_nav ul.force li li li.firstli {background-image:url(gfx/nav/epub_bod_first.gif);}
#top_nav .sf-menu li li li .subcorner {top:-10px;}
	

#top_nav  ul.company   li li ul {background:transparent url(gfx/nav/company_bottom.gif) no-repeat scroll -26px 100%;}	
#top_nav ul.company   li li li {background:transparent url(gfx/nav/company_bod.gif) no-repeat scroll -26px 0;}		
#top_nav ul.company li li li.firstli {background-image:url(gfx/nav/company_bod_first.gif);}



/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
.sfHover > a, .sfHover > a:visited{
	color: #000;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('gfx/nav/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 1px;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
a.primary{
z-index: 10;
}


ul.company li li {
top: -4px;
}

ul.services li li {
top: -8px;
}

ul.crumble li {
z-index: 1;
}

ul.crm li {
padding-right: 0;
}
/* End of 'style_menu' */