/* _____________________prgrams parent box______________________ */
			
	.insetProgsParent
		{
			position:			absolute;
			top:				0px;
			left:				4px;
			width:				786px;
			height:				454px;
			background-color:	#f7f4c1;
			border:				thin none #00ff00;
		}
	
		
		
	/* _____________________programs.php rules______________________ */
		
		.progHead
			{
				position:			absolute;
				top:				20px;
				left:				0px;
				text-align:			center;
				width:				786px;
				height:				45px;
				font-size:			20pt;
				color:				#000055;
				font-family:		arial,serif;
				background-color:	transparent;
				border:			thin none #0000ff;
			}
		
		
	/* __Special heading rules for Academic, ESL, Family Strengthening__ */
		
		.specialHead  
			{
				position:			absolute;
				top:				-130px;
				left: 				190px; 
				width: 				410px;
				font-size: 			20pt;
				text-align:			center;
				height:				40px;
				color:				#000066;
				font-style: 		italic;
				font-weight:		bold;
				border:			thin none #ff0000;
			}
		
		.linkBack
			{
				position:			absolute;
				top:				410px;
				left:				15px;
				width:				70px;
				height:				15px;
				z-index:			3;
				text-align:			center;
				background-color:	transparent;
				border:			thin none #0000ff;
			}
		
		.progPhotos
			{
				position:			absolute;
				top:				50px;
				left:				0px;
				text-align:			left;
				width:				786px;
				height:				122px;
				padding-top:		0px;
				background-color:	transparent;
				border:			thin none #0000ff;
			}
		
		.progInfo
			{
				position:			absolute;
				top:				190px;
				left:				0px;
				width:				786px;
				height:				203px;
				background-color:	transparent;
				border:			thin none #00ff00;
			}
		
		.progPhone
			{
				position:			absolute;
				top:				225px;
				left:				0px;
				width:				786px;
				height:				30px;
				font-size:			14pt;
				font-style:			italic;
				font-weight:		bold;
				color:				#880000;
				font-family:		'times new roman',arial, serif;
				text-align:			center;
				border:			thin none #660000;
			}
			
	
		
		.printFriendly
			{
				position:			absolute;
				top:				20px;
				left:				20px;
				width:				120px;
				height:				15px;
				z-index: 			1;
				font-size:			8pt;
				font-weight:		normal;
				color:				#000000;
				text-decoration:	none;
				border:				thin none #ff0000;
			}
			
	
		
		.subProgHead
			{
				position:			absolute;
				top:					0px;
				left:				30px;
				text-align:			center;
				width:				736px;
				height:				auto;
				font-size:			14pt;
				color:				#000066;
				font-family:		arial,serif;
				text-decoration:	underline;
				background-color:	transparent;
				border:			thin none #ff0000;
			}
		
		.subProgLinkBox
			{
				position:			absolute;
				top:					20px;
				left:					0px;
				width:				260px;
				height:				200px;
				background-color:	transparent;
				overflow:			auto;
				border:				thin none #ff0000;
			}
		
			.subProgLink
				{
					position:			relative;
					top:					10px;
					left:					0px;
					width:				240px;
					height:				25px;
					background-color:	transparent;
					border:				thin nine #00ff00;
				}
		
		.subProgBlurb
			{
				position:				absolute;
				top:						0px;
				left:						270px;
				width:					475px;
				height:					220px;
				font-size:				11pt;
				color:					#000055;
				font-family:				arial;
				font-weight:				normal;
				text-align:				justify;
				padding-right:			25px;
				line-height:				1.2;
				overflow:				auto;
				border:					thin none #0000ff;
			}
				
		/* End of CSS rules for subprogram listings */
		
				
		/* Start of CSS rules for course listings */
		
			.courseMenu
				{
					position:			absolute;
					top:				30px;
					left:				0px;
					text-align:			left;
					width:				794px;
					font-size:			12pt;
					font-weight:		bold;
					font-family:		arial,serif;
					color:				#000066;
					text-decoration:	none;
					padding:			0px;
					background-color:	transparent;
					border:			thin none #00ff00;
				}
				
				
			/* Start of Vertical course menu Formatting */
		
			.classStuff
				{
					position:			absolute;
					top:				100px;
					left:				0px;
					text-align:			justify;
					width:				793px;
					height:				240px;
					font-family:		arial,serif;
					background-color:	transparent;
					overflow:			auto;
					border:			thin none #0000ff;
				}
						
				
				.classLink
					{
						position:			relative;
						top:				0px;
						left:				0px;
						text-align:			justify;
						width:				200px;
						height:				20px;
						font-family:		arial,serif;
						background-color:	transparent;
						border:			thin none #ff0000;
					}
		
				.classInfo
					{
						position:			relative;
						top:				-20px;
						left:				290px;
						width:				480px;
						height:				auto;
						text-align:			justify;
						font-size: 			10pt;
						color:				#000000;
						font-family:		arial,serif;
						font-weight:		normal;
						background-color:	transparent;
						border:			thin none #00ff00;
					}
		
			.courseInfo
				{
					position:			absolute;
					top:				140px;
					left:				130px;
					text-align:			left;
					width:				570px;
					height:				307px;
					font-size:			11pt;
					font-weight:		normal;
					font-family:		arial,serif;
					padding:			0px;
					background-color:	transparent;
					border:			thin none #ff0000;
				}
				
			/* End of Vertical course menu Formatting */
				
				
			/* Start of Class Schedule Formatting */
		
			.classSchedule
				{
					position:			relative;
					top:				0px;
					left:				0px;
					text-align:			justify;
					width:				590px;
					height:				257px;
					font-family:		arial,serif;
					background-color:	transparent;
					overflow:			auto;
					border:			thin none #00ff00;
				}
				
										
		/* ___ Formatting for Top Dropdown Menu Tabs ___ */
		
			.aLink:link, 
			.aLink:active, 
			.aLink:visited, 
			.aLink:hover
				{	
					position:				absolute;
					top:						0px;
					left:						5px;
					width:					235px;
					height:					20px;
					font-family:				arial;
					font-size:				10pt;
					color:					#7b57a3;
					text-decoration:			none;
					font-weight:				bold;
					border:					thin none #ff0000;
					padding-top:			0px;
					padding-right:			0px;
				}
			
			
		/* ------------ Boxes for the class information  -------------*/
		
			.classHead
				{
					position:				relative;
					top:					0px;
					left:					0px;
					text-align:				center;
					width:					560px;
					height:					30px;
					font-size:				14pt;
					text-decoration:		underline;
					color:					#000066;
					font-family:			arial,serif;
					font-weight:			bold;
					text-decoration:		underline;
					background-color:		transparent;
					border:					thin none #006767;
				}
		
			.classDesc
				{
					position:				relative;
					top:					0px;
					left:					0px;
					text-align:				justify;
					width:					560px;
					height:					auto;
					font-size:				11pt;
					color:					#000000;
					font-family:			arial,serif;
					background-color:		transparent;
					border:				thin none #00ff00;
				}
		
			.classReg
				{
					position:				relative;
					top:					0px;
					left:					0px;
					text-align:				center;
					width:					560px;
					height:					auto;
					font-size:				10pt;
					font-weight:			bold;
					color:					#550000;
					font-family:			arial,serif;
					background-color:		transparent;
					border:				thin none #00ff00;
				}
				
				
		/* --------------- Class list header and structure ------------------*/
		
			.classList
				{
					position:			relative;
					top:				0px;
					left:				0px;
					text-align:			left;
					width:				560px;
					height:				250px;
					font-size:			11pt;
					font-weight:		bold;
					color:				#550000;
					font-family:		arial,serif;
					background-color:	transparent;
					border:			thin none #0000ff;
				}
			
			.headerRow, .classRow
				{
					position: 			relative;
					top:				0px;
					left:				0px;
					width:				560px;
					height:				20px;
					background-color:	transparent;
					border:				thin none #ff0000;
				}
					
				.headerBox01, .headerBox02, .headerBox03,
				.headerBox04, .headerBox05, .headerBox06,
				.clasesBox01, .clasesBox02, .clasesBox03,
				.clasesBox04, .clasesBox05, .clasesBox06
					{
						position: 		absolute;
						top:			0px;
						height:			20px;
						font-size:		10pt;
						color:			#000000;
						font-weight:	normal;
						text-align:		left;
						border:			thin none #00ff00;
					}
					
				.headerBox01, .headerBox02, .headerBox03,
				.headerBox04, .headerBox05, .headerBox06
					{
						font-weight:		bold;
						text-decoration:	underline;
					}
					
				.headerBox01, .clasesBox01
					{
						left:			0px;
						width:			80px;
					}
					
				.headerBox02, .clasesBox02
					{
						left:			80px;
						width:			60px;
					}
					
				.headerBox03, .clasesBox03
					{
						left:			140px;
						width:			130px;
					}
					
				.headerBox04, .clasesBox04
					{
						left:			270px;
						width:			100px;
					}
					
				.headerBox05, .clasesBox05
					{
						left:			370px;
						width:			130px;
					}
					
				.headerBox06, .clasesBox06
					{
						left:			500px;
						width:			60px;
					}
					
		/* --------- Adding Photos to Programs Page  --------- */
		
		
		.progPhoto1, .progPhoto2, .progPhoto3
			{
				position:				absolute;
				top:					0px;
				width:					160px;
				height:					130px;
				border:				thin none #00ff00;
			}
			
			.progPhoto1
				{
					left:					0px;
				}
			
			.progPhoto2
				{
					left:					220px;
				}
			
			.progPhoto3
				{
					left:					440px;
				}
		
		
		.progPhotoSub
			{
				position:				absolute;
				bottom:					0px;
				left:					-60px;
				width:					140px;
				border:				thin none #00ff00;
			}