/* CSS Document - (Bar Graphs)*/
#graph 					{ position: relative; width: 545px; height: 447px;  margin: 0 auto; padding: 0;  background: #fff;  border: 1px solid #ccc; border-bottom-width:0; list-style: none; font: normal 9px "Tahoma", "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif; }
#graph ul 				{ float:left; margin: 0; padding: 0; list-style: none; }
#graph li 				{
	float:left;
	position: absolute;
	bottom: 1px;
	width: 109px;
	z-index: 2;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
	left: 2px;
}
#graph li.subject p 	{ margin: 2px 0 0; padding: 0; font-size:10px; font-weight:normal; }
#graph li.subject .bar2 p 	{ color:#fff; }
#graph li.subject 		{ height: 445px; padding-top: 2px;  border-right: 1px dotted #C4C4C4; font-weight:bold; color: #777777; }
#graph li.bar1 			{ width: 19px; padding: 0 2px; left: 15px; background: #d8ebfc; border:1px solid #adcddb; border-bottom-width:0; }
#graph li.bar2 			{ width: 19px; padding: 0 2px; left: 41px; background: #91c15d; border:1px solid #91b568; border-bottom-width:0; }
#graph li.bar3 			{ width: 19px; padding: 0 2px; left: 67px; background: #eae7d2; border:1px solid #d2cfbd; border-bottom-width:0; }
#graph #one 			{ float:left; margin-left: 0px; }
#graph #two 			{ float:left; margin-left: 109px; }
#graph #three 			{ float:left; margin-left: 218px; }
#graph #four 			{ float:left; margin-left: 327px; }
#graph #five 			{ float:left; margin-left: 436px; border-right: none; }
#graph #ticks 			{ width: 545px; z-index: 1; }
#graph #ticks .tick 	{ position: relative; border-bottom: 1px solid #ccc; width: 545px; }
#graph #ticks .tick p 	{ position: absolute; left: -22px; top: -0.67em; margin: 0 0 0 0.5em; }