/*	=Header ---------------------------------------- */
/*
	div#header { border-color: #a5c941; }
	
	div#header ul li.active a, div#header ul li.active a:visited { background: #a5c941; }

	div#subHeader { background-color: #cae39f; }
*/
	
	div.projects a h4,
	div.projects a:visited h4		{ color: #2daebf; }
	div.projects a:hover h4			{ color: #007d9a; }

	
/*	Goals Lists ----- */
	ol.goals {  }
	ol.goals li { font-size: 18px; font-weight: bold; line-height: 24px; }
	ol.goals li p { font-weight: normal; font-size: 14px; line-height: 1.4; color: #555; }
	ol.goals li strong { display: block; padding: 0 0 9px; }
	
/*	Styles for presenting key areas on each page ----- */
	h6.muted { color: #777; text-transform: uppercase; }

/*	New phase list for the projects page ----- */
	div.phase-list { margin: 0 0 27px -20px; }
	div.phase-list div.phase { width: 280px; }
	div.phase-list div.phase div { margin-left: 120px; }
	div.phase-list div.phase img { float: left; width: 100px; margin: 0 0 18px 0; }
	div.phase-list div.phase h1 { margin: 13px 0 0; font-size: 24px; line-height: 27px; }
	div.phase-list div.phase h2 { margin: 0 0 18px; font-size: 18px; line-height: 24px; font-weight: normal; color: #777; }
	
	div.phase-list div.phase-tasks { width: 520px; padding: 18px 0 0 40px; border-left: 1px solid #ddd; }
	div.phase-list div.phase-tasks div.column-row { width: 540px; }
	div.phase-list div.phase-tasks ol li { color: #777; }
	div.phase-list div.phase-tasks ol.active li { color: #333; }

	div.phase-list div.inactive, 
	div.phase-list div#phases div.inactive { opacity: .5; }


/*	Even newer phase list for the projects page ----- */
	div#tasksList {  }
	div#tasksList .column, div#tasksList .columns { background: #; padding-right: 19px; }
	div#tasksList div.header { margin-bottom: 24px; }
	
	div#tasksList div#definePhase { width: 286px; border-right: 1px solid #ddd; }
	div#tasksList div#framePhase { width: 286px; border-right: 1px solid #ddd; }
	div#tasksList div#implementPhase { width: 286px; padding-right: 0; }

	div#tasksList h4.center { text-align: center; margin-bottom: 18px; clear: left; }
	div.split { width: 50%; float: left; height: 190px; }
	div.split h4 { font-size: 14px; margin-bottom: 0; }
	div.split ul { margin: 0; padding: 0; }
	div.split ul li { list-style: none; margin: 0; padding: 0; color: #777; }
	
	ul.milestones { margin: 26px 0 18px; padding: 27px 0 0; border-top: 1px solid #ddd; }
	ul.milestones li { background: url(../images/cal.png) no-repeat top left; padding-left: 23px; list-style: none; color: #777; margin-bottom: 4px; }
	ul.milestones li strong { color: #222; }

	
/*	Table version? ----- */
/*
	table#projectOverview { border: 0; }
	table#projectOverview tbody tr:nth-child(even) { background: #fff; }
	table#projectOverview thead { background: none; }
	table#projectOverview td,
	table#projectOverview th { width: 312px; border: 0; }
	table#projectOverview td + td { border-left: 1px solid #ddd; }
	table#projectOverview tr.center * { text-align: center; }
	table#projectOverview th.center *,
	table#projectOverview td.center * { text-align: center; }
	table#projectOverview th { background: #f5f5f5; padding: 15px 0; }
	table#projectOverview th h2 { margin: 0; padding: 0; font-size: 30px; line-height: 1.2; font-weight: bold; }
	table#projectOverview th h6 { margin: 0; padding: 0; color: #777; font: normal 14px/18px "Arial", Helvetica, sans-serif; text-transform: capitalize; }
	table#projectOverview td { border-top: 1px solid #ddd; }
	table#projectOverview td ul.milestones { border-top: 0; margin: 0; padding: 0; }
*/
	


/*	Default screenshots for 4 columns ----- */
	a.thumbnail { display: block; position: relative; text-decoration: none; }
	a.thumbnail img { border: 5px solid #ddd; width: 210px; margin: 0 0 9px; }
	a.thumbnail h4 { margin: 0; }
	a.thumbnail:hover img { border-color: #999; }

/*	Download Thumbs (hover for download text) ----- */

/*	On Page Pill Navs ----- */
	dl.onpage-nav { display: block; width: auto; height: 27px; margin: -9px 0 27px; position: relative; bottom: 0 !important; }
	dl.onpage-nav dt { float: left; display: block; height: 18px; color: #aaa; font-weight: normal; }
	dl.onpage-nav dd { float: left; display: block; height: 18px; margin-left: 16px; }
	dl.onpage-nav dd a { text-decoration: none; }
	dl.onpage-nav dd.active a { color: #555; background: rgb(0, 125, 154); color: #fff; padding: 5px 9px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }