/*layout*/
		
		#index
		{
			position: absolute;
			top: 25px;
			left: 0px;
		}
		
		#itemone			/*each item has its own id ( # signifies a id, . before signifies a class) it controls the position of the item within a canvas 1000px wide*/
		{
			position: absolute;			/*dont change*/
			top: 495px;					/*the distance the top edge of the image is from the top edge of the item canvas (not the same thing as the top of the screen, 90px less) */
			left: 0px;					/*the distance the left edge of the image is from the left edge of the item canvas */
			
		}
		
		#itemtwo			/* positioning for item two, you get the idea.*/
		{
			position: absolute;
			top: 495px;
			left: 615px;
		}
		
		#itemthree
		{
			position: absolute;
			top: 495px;
			left: 260px;
		}
		
		
		
	    #itemfour
		{
			position: absolute;
			top: 65px;
			left: 0px;
		}
		
	     
		
		 
		#itemfive
		{
			position: absolute;
			top: 65px;
			left: 265px;
		}
		
		
		
		#itemsix
		{
			position: absolute;
			top: 65px;
			left: 630px;
		}
	
	
	
		#year10
		{
			position: absolute;
			top: 20px;
			left: 0px;
			width: 50px;
			border-color: rgb(94,106,113);
			border-top-style: solid;
			border-top-width: 1px;
			border-bottom-width: 0px;
			
		}
		
		
		
		#year09
		{
			position: absolute;
			top: 435px;
			left: 0px;
			width: 50px;
			border-color: rgb(94,106,113);
			border-top-style: solid;
			border-top-width: 1px;
			border-bottom-width: 0px;
			
		}
		
		
		
		#pressone			
		{
			position: absolute;			
			top: 25px;					
			left: 0px;					
			
		}
		
		#presstwo			
		{
			position: absolute;			
			top: 25px;					
			left: 230px;	
		}
		
		#pressthree			
		{
			position: absolute;			
			top: 25px;					
			left: 460px;					
			
		}
		
		#pressfour			
		{
			position: absolute;			
			top: 320px;					
			left: 0px;			
		}
		
		#pressfive			
		{
			position: absolute;			
			top: 328px;					
			left: 230px;			
		}
		
		#presssix
		
		{
			position: absolute;			
			top: 310px;					
			left: 555px;			
		}
		.itemcolorbar
		{
			position: relative;
			margin-top: -2px;
			width: inherit;
			border-top-style: solid;
			border-top-width: 1px;
			border-bottom-width: 0px;
		}
		
		.itemcolorbar2
		{
			position: relative;
			margin-top: 2px;
			width: inherit;
			border-top-style: solid;
			border-top-width: 1px;
			border-bottom-width: 0px;
		}
		
		
		.itemgreyone
		{
		border-top-color: rgb(94,106,113);
		}
		
		.itemgreytwo
		{
		border-top-color: rgb(148,157,158);
		}
		
		.itemgreythree
		{
		border-top-color: rgb(154,155,156);
		}
		
		
		.boldtext
		{
			font: arial;
			font-weight: 600;
			font-size: 12px;
			color: rgb(81,84,86);
		}
		
		
		
		.bigtext
		{
			font: arial;
			font-weight: 400;
			font-size: 11px;
		}
		
		
		
		
