/***********************************************************************************/
/*** Nav NAV MAIN ***/

#NavMain {
	
}

#NavMain li { 
 	list-style: none; 
	float: left;
	line-height: 24px;	/* fudgy way to get text to center vertically :- ) ... div height is actually 26px */
}

#NavMain li#last-nav {
	margin-right: 15px;
}

#NavMain li a { 

	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10pt; /* using absolute for menu */
	font-weight:bold;
	color : #3b4586; /* header blue */


	float: left;
	text-decoration: none;
	padding : 0px;

}

#NavMain li span.outerSpan {
	padding: 0px 10px 0px 10px ;
	text-align: center;
	margin : 0px;
}

#NavMain li a:hover { 
	color: #ed9002; /* yellow (darker, "current") */
	cursor: pointer;
}


#NavMain li a.section {
	color: #ed9002; /* yellow (darker, "current") */
}

#NavMain li a.section:hover { 
	color: #3b4586; /* header blue */
	cursor: pointer;
}

#NavMain li a.current,
#NavMain li a.current:hover { 
	color: #ed9002; /* yellow (darker, "current") */
	cursor: default;
}

/** END NAV MAIN **/
/*****************************************************************************/

/**********************************************************/
/* NAV SUBTREE (SideBar) */

#NavSubtree {

 	width : 140px;
 	height : auto;
 	
 	background-color : transparent;
 	border : 1px solid #777c9d; /* border blue-grey (lighter) */
 	
	padding-top : 5px;
	padding-bottom : 5px;
	
 	padding-left : 14px; /* extenting below */
 	padding-right : 4px;

	margin : 0 auto;
 	margin-top : 20px;
 	margin-bottom : 16px;
 	
}

#NavSubtree ul {
	margin-left : 10px; 		/* we are exdenting below... */
}


/* override of class .typography */
#NavSubtree li{
	margin-left : 0px;
	margin-bottom : 0px;
}

#NavSubtree a { 
	font-family: Arial, sans-serif;
	font-size: 8pt; /* using absolute for menu */
	font-weight:bold;
	color : #3b4586; /* header blue */

 	text-decoration: none; 

	display : block;
	margin : 0px;  				/* override of class .typography */ 
	text-indent : -8px;  		/* exdent, so line wraps look indented */
}

#NavSubtree a img {
	vertical-align : middle;
	border: none;
	opacity : 0.7; 
}

#NavSubtree a:hover { 
	color: #ed9002; /* yellow (darker, "current") */
	cursor: pointer;
}

#NavSubtree a:hover img{
	opacity : 1.0; 
}

/* pretend its not a link */
#NavSubtree li a.current,
#NavSubtree li a.current:hover { 
	color: #ed9002; /* yellow (darker, "current") */
	cursor: default;
}

#NavSubtree li a.section:hover {
	color: #ed9002; /* yellow (darker, "current") */
}

a#NavSubtreeListTitle{ 
 	text-decoration: none; 
	color : #251362;
 	font-size: 1.2em;
 	font-weight : bold;
	line-height: 2.0em;
}

a#NavSubtreeListTitle.current,
a#NavSubtreeListTitle.current:hover { 
	color : #f6f2fd;
	cursor: default;
}


/* END NAV SUBTREE (SideBar) */
/**********************************************************/
#BreadcrumbsInner {

	font-size: 7pt;
 	padding-top : 3px;
 	margin-left : 16px;
 	padding-right : 6px;
 	
	position : relative;
	float : left;
	cursor: default;
}	

#Breadcrumbs a {
	color : #3b4586; /* header blue */
}

#Breadcrumbs a:hover {
	color: #d07e00; /* yellow (daker, "section") */
	cursor: pointer;
}

#Breadcrumbs .breadcrumb-unlinked {
	color: #777c9d; /* border blue-grey (lighter, for 1px) */
}

/**********************************************************/


#FooterStrip {
	font-size: 8pt;
	line-height: 14pt;
	
 	color: #777c9d; /* border blue-grey (lighter, for 1px) */
	}
	
	#FooterStrip #FooterBody {
		float : right;				
		padding-top : 8px;
		margin-right : 186px; /* column */
	}
	
	#home #FooterStrip #FooterBody {
		margin-right : 266px; /* column */
	}
	
		/* need this too, as regular link is there for site credit */
  	#FooterStrip a ,
  	#FooterStrip .seperator { 
   		color : #5d5148;
   		font-weight : normal;
		text-decoration : none;
	}
	#FooterStrip a:hover {
	   	color: #8c7e74; 
		cursor: pointer;
	}
	
  	#FooterStrip #Copyright { 
  		margin-left : 35px;
  		margin-right : 20px;
  		color : #5d5148; /* grey (footer) */
	}	
  	#FooterStrip #SiteCredit { 
  		margin-left : 20px;
  		color : #5d5148; /* grey (footer) */
	}
	#FooterStrip .outerSpan {
	}

	#FooterStrip a.current ,
	#FooterStrip a.current:hover { 
		/* TO DO: current one will stand out just a shade */
   		color : #8c7e74;
		cursor: default;
	}
	
	#FooterStrip a.section {
		/* TO DO: current one will stand out just a shade */
   		color : #8c7e74;
	}
	#FooterStrip a.section:hover { 
	   	color: #8c7e74; 
	}	

/**********************************************/