/*  contains styles for controlling the expanding/collapsing tree */
	
	/* style for articles that do appear within a sub category */
	.category-articles {
		font-size: 13px;
		font-weight: bold;
		font-family: arial, sans-serif;
		margin-top: 4px;
		padding-bottom: 8px;
		list-style: none; 
	}
		
	/* Turn off list bullets */
	ul.mktree  li { 
		list-style: none; 
		margin-top: 4px;
		margin-bottom: 4px;
		font-family: arial, sans-serif;
	} 
	
	/* Control how "spaced out" the tree is */
	#tree1 { margin: -8px; padding:0px; }
	ul.mktree ul , ul.mktree li { 
		margin-left: 10px; 
		padding:0px; 
	}
	
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree li .bullet, ul.mktree li .subBullet { 
		padding-left: 12px; 
	}
	
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen  .bullet { 
		cursor: pointer; 
		background: url(../assets/tree/open.gif)  center left no-repeat; 
	}
	ul.mktree  li.liOpen  .subBullet { 
		cursor: pointer; 
		background: url(../assets/tree/subopen.gif)  center left no-repeat; 
	}
	ul.mktree  li.liClosed  .bullet { 
		cursor: pointer; 
		background: url(../assets/tree/close.gif)   center left no-repeat; 
		color: #666666;
	}
	ul.mktree  li.liClosed  .subBullet { 
		cursor: pointer; 
		background: url(../assets/tree/subclose.gif)  center left no-repeat; 
		color: #666666;
	}
	
	/* for the case of list items without children, overwrite subBullet class atrributes */
	ul.mktree  li.liBullet  .subBullet { 
		cursor: default; 
		background: url(); 
		padding-left: 0px; 
		margin-left: -5px;
		
	}
	
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { 
		font-size: 14px; 
		color: #963;
		font-weight: bold;}
	ul.mktree  li ul li { 
		font-size: 13px;
		font-weight: normal; }
	ul.mktree  li ul li ul li { 
		font-size: 13px; 
	}
	ul.mktree  li ul li ul li ul li { 
		font-size: 13px; 
	}

	
	
	/* styles for the title section on the tree page */
	#tree-control {
		float: right; 
		margin-top: 20px;
	}
	
	img {
		border: none;
	}

	#content-article h1 { /* add onto standard h1 style from eoa.css */
		border-bottom: 1px solid #ccc;
		margin-bottom: 3px;
		padding-bottom: 6px;
	}
	
	/* The container for the checkboxes that toggle media types*/
	.MediaTypeCheckboxes {
		font-size: 11px; 
		font-family: arial;
		font-weight: bold;
		color: #C03;
		border-bottom: 1px solid #ccc;
		margin-bottom: 8px;
	}
	
	/* The form containin the checkboxes */
	.CheckBoxForm {
	display: inline;
	margin: 0px;
	}
	
	/* The checkboxes themselves */
	.MediaTypeCheckbox {
	border-top: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	}
	
	/* style for icon images */
	.CategoryIcon {
		padding-right: 5px;
		
	}