/* CSS Document */

/*--- left navigation ---*/


/* set submenus to default = not showing */

.sub1, .sub2 {
	display:none;
}


/* show only the submenu when in the appropriate section */

#about .sub1,
#careers .sub2 {
	display:inline;
}


/* basic styles */

#navLeft ul { 
	list-style-type:none; /* remove automatic bullet */	
	padding: 0 0 0 0; /* move bullet to the right (add padding-left) */
	margin: 0 0 0 0; 
	line-height:14px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
	border-bottom:1px dashed #d1e4f3;
	
}

#navLeft ul li { 
	background-image: none; /* add custom bullet */
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#003580; /* defined because not carried from p */
	padding:5px 0 4px 0; /* define distance of text from bullet */
	margin: 0 0 0 0; /* define distance between bullets (appreciated if bullets wrap)  and distance from right*/
	border-top:1px dashed #d1e4f3;
	
}

#navLeft ul li a, #navLeft ul li a:hover {  /* move text to right without disrupting the bottom-margin */
	color:#003580;
	margin-left:5px;
}

#navLeft ul ul { 
	border-top:none;
	border-bottom:none;
	padding-top:4px;
	
}

#navLeft ul ul li {
	background-image: url(/_img/nav2.null.gif);
	background-repeat: no-repeat; 
	background-position: 10px 9px;
	
}



#navLeft ul ul li a, #navLeft ul ul li a:hover { 
	font-weight:normal;
	color:#408fcc;
	padding-left:15px;
}


.navOn { /* default: the on arrow is hidden */
	display:none;
}



/* define top-level arrow as visible or not */

#about li.levelAbout .navOn,
#careers li.levelCareers .navOn { /* conditional statement "if these are true, display the on arrow */
	display:inline;
}

#about li.levelAbout .navOff,
#careers li.levelCareers .navOff { /* and while you're at it, don't display the off arrow */
	display:none;
}

/* define bullet in submenu only when on that page */

#about.page1 ul li.item1,
#about.page2 ul li.item2,
#about.page3 ul li.item3,
#about.page4 ul li.item4,
#about.page5 ul li.item5,
#about.page6 ul li.item6,
#careers.page1 ul li.item1,
#careers.page2 ul li.item2 {

	background-image: url(/_img/nav2.on.gif);
	background-repeat: no-repeat; 
	background-position: 10px 9px;
}