/* height(DIV-LEFT-BOTTOM_background) = height(DIV-RIGHT) - 3 - 248 -1 
																			= height(DIV-RIGHT) - 252 */
#DIV-LEFT-BOTTOM_background {	position: absolute;
															top: 249px;
															height: 600px;
															width: 249px;
															border-right: 1px solid #cccccc;
															background-color: white;
															background-image: url(../images/_courses/CONTENT_background.png);
															background-repeat: repeat-x;
															background-position: bottom; }

/* RIGHT COLUMN */
/* height(DIV-RIGHT) = 3 + 248 + 1 + height(DIV-LEFT-BOTTOM_background) 
										 = 252 + height(DIV-LEFT-BOTTOM_background) */
#DIV-RIGHT_background { height: 852px;
												top: -852px;
												position: absolute;
												left: 0px;
												width: 733px;
												border-right: 1px solid #cccccc;
												font-family: verdana, sans-serif;
												font-size: 9pt; 
												color: #333333;
												line-height: 140%;
												background-image: url(../images/_courses/CONTENT_background.png);
												background-repeat: repeat-x;
												background-position: bottom;
												z-index: 0;
												color: #333333;
												background-color: white; }

/* height(body) = 135 + 1 + height(DIV-RIGHT) + 3 + 1 + 15 */
/*              = height(DIV-RIGHT) + 155 */
body  	    { height: 1007px;
							font-family: verdana, sans-serif;
            	font-size: 10px;
							margin-top: 0px;
							margin-bottom: 0px;
							margin-left: 0px;
							margin-right: 0px;
							background-color: #f1f1f1; }

/* GENERAL ELEMENTS */
a:link			{ color: #ffffff;
							background-color: inherit;
							text-decoration: none; }

a:hover			{ color: inherit;
            	background-color: inherit;
							text-decoration: underline; }

a:active  	{ color: #ffffff;
							background-color: inherit;
							text-decoration: none; }

a:visited 	{ color: #ffffff;
							text-decoration: none; }

a:link.A-BULLET				{ color: #333333;
												background-color: inherit;
												line-height: 140%;
												text-decoration: none; }

a:visited.A-BULLET		{ color: #333333;
        								background-color: inherit;
        								line-height: 140%;
        								text-decoration: none; }

a:hover.A-BULLET	 	{	color: #333333;
        							background-color: inherit;
        							line-height: 140%;
											text-decoration: underline; }

a:link.A-COURSES			{ color: #333333;
												background-color: inherit;
												text-decoration: none; }

a:visited.A-COURSES		{ color: #333333;
        								background-color: inherit;
												text-decoration: none; }

a:hover.A-COURSES	 	{	color: #333333;
        							background-color: inherit;
											text-decoration: underline; }

a:link.A-NOTES			{ color: #666666;
											background-color: inherit;
											text-decoration: none; }

a:visited.A-NOTES		{ color: #666666;
        							background-color: inherit;
											text-decoration: none; }

a:hover.A-NOTES	 	{	color: #666666;
        						background-color: inherit;
										text-decoration: underline; }

/* COURSE HEADER */
#COURSE-HEADER { position: absolute;
								 top: 0px;
								 left: 0px;
								 border-right: 1px solid #cccccc;
								 border-bottom: 1px solid #cccccc;
								 z-index: 0; }

/* COURSES INFORMATION */
/* RED LINES */
#RED-LINE-THIN_top1 	{	position: absolute;
			 									top: 267px;
					 							left: 20px;
						 						background-color: #cc0000;
							 					height: 1px;
								 				width: 514px; }

#RED-LINE-THICK_top1	{ position: absolute;
												top: 1px;
												left: 145px;
												height: 2px;
												width: 369px;
												background-color: #cc0000; }

#RED-LINE-THIN_bottom1 	{ position: absolute;
												  top: 130px;
											  	left: -155px;
										  		background-color: #cc0000;
									  			height: 1px;
								  				width: 514px; }

#RED-LINE-THICK_bottom1  { position: absolute;
													 top: 1px;
													 left: 145px;
													 background-color: #cc0000;
													 height: 2px;
													 width: 369px; }

#TEXT-STEP { font-family: georgia, serif;
						 font-size: 19pt;
						 color: #cc0000;
						 position: absolute;
						 top: 20px;
						 left: 5px; }

#TEXT-STEP2 { font-family: georgia, serif;
						  font-size: 19pt;
						  color: #cc0000;
						  position: absolute;
						  top: 400px;
						  left: 5px; }

#TEXT-TITLE { position: absolute;
							top: 20px;
							left: 35px;
							font-size: 10pt; }

#TEXT-TITLE2 { position: absolute;
							 top: 400px;
							 left: 35px;
							 font-size: 10pt; }

/* BULLET POINT 1 - COURSES DESCRIPTIONS */
#BULLET_1	{ position: absolute;
						top: 20px;
						left: 10px;
						height: 6px;
						width: 6px;
						background-color: #cc0000; }

#BULLET-TEXT_1 { position: absolute;
								 top: -6px;
								 left: 15px;
								 height: 15px;
								 width: 320px;
								 font-size: 8pt;
								 color: #cc0000; }

/* COURSE LIST 1 */
#DIV-COURSES_list_lcourses	{ position: absolute;
															top: 22px;
															left: 20px;
															font-family: arial, sans-serif;
															font-size: 7pt;
															font-weight: bold;
															color: #333333; 
															text-align: left;}

#DIV-COURSES_list_rcourses { position: absolute;
														 top: 22px;
														 left: 172px;
														 font-family: arial, sans-serif;
														 font-size: 7pt;
														 font-weight: bold;
														 color: #333333;
														 text-align: left; }

#DIV-COURSES_list_l1		{ position: absolute;
													top: 0px;
													width: 150px;
													color: #333333; }

#DIV-COURSES_list_l2		{ position: absolute;
													top: 17px;
													left: 20px;
													width: 150px; }

#DIV-COURSES_list_l3		{ position: absolute;
													top: 34px;
													left: 20px;
													width: 150px; }

#DIV-COURSES_list_l4		{ position: absolute;
													top: 51px;
													left: 20px;
													width: 150px; }

#DIV-COURSES_list_l5		{ position: absolute;
													top: 68px;
													left: 20px;
													width: 150px; }

#DIV-COURSES_list_l6		{ position: absolute;
													top: 85px;
													left: 20px;
													width: 150px; }


#DIV-COURSES_list_r1		{ position: absolute;
													top: 0px;
													width: 150px; }

#DIV-COURSES_list_r2		{ position: absolute;
													top: 17px;
													width: 150px; }

#DIV-COURSES_list_r3		{ position: absolute;
													top: 34px;
													width: 150px; }

#DIV-COURSES_list_r4		{ position: absolute;
													top: 51px;
													width: 150px; }

#DIV-COURSES_list_r5		{ position: absolute;
													top: 68px;
													width: 150px; }

/* BULLET POINT 2 - TIMETABLE */
#BULLET_2 { position: absolute;
						top: 130px;
						left: 0px;
						height: 6px;
						width: 6px;
						background-color: #cc0000; }

#BULLET-TEXT_2 { position: absolute;
								 top: -6px;
								 left: 15px;
								 font-size: 8pt;
								 color: #cc0000;
								 height: 15px;
								 width: 290px; }

#BULLET_3	{ position: absolute;
						top: 100px;
						left: 0px;
						height: 6px;
						width: 6px;
						background-color: #cc0000; }

#BULLET-TEXT_3 { position: absolute;
								 top: -6px;
								 left: 15px;
								 height: 15px;
								 width: 320px;
								 font-size: 8pt;
								 color: #cc0000; }

/* BUTTON - VIEW TIMETABLE */
#BUTTON-DOWNLOAD_1	{ position: absolute;
											top: 25px;
											left: 30px; }

#LINK-DOWNLOAD_1	{ position: absolute;
										top: 25px;
										left: 55px;
										font-size: 7pt;
										width: 200px; }

/* BUTTON - DOWNLOAD TIMETABLE */
#BUTTON-DOWNLOAD_2	{ position: absolute;
											top: 50px;
											left: 30px; }

#LINK-DOWNLOAD_2	{ position: absolute;
										top: 50px;
										left: 55px;
										font-size: 7pt;
										width: 200px; }

#BULLET_4	{ position: absolute;
						top: 20px;
						left: 10px;
						height: 6px;
						width: 6px;
						background-color: #cc0000; }

#BULLET-TEXT_4 { position: absolute;
								 top: -6px;
								 left: 15px;
								 height: 15px;
								 width: 350px;
								 font-size: 8pt;
								 color: #cc0000; }

/* GREY LINES */
#GREY-LINE-THICK_top1 { position: absolute;
											  top: -402px;
											  left: 365px;
											  height: 3px;
											  width: 167px;
											  background-color: #999999; }

#GREY-LINE-THICK_bottom1 { position: absolute;
												 	 top: 291px;
												 	 left: -9px;
												 	 background-color: #999999;
												 	 height: 3px;
												 	 width: 167px; }

/* NOTE BULLET POINT 1 */
#nBULLET_1	{ height: 6px;
							width: 6px;
							background-color: #999999;
							position: absolute;
							top: 20px;
							left: 10px; }

#nBULLET-TEXT_1  { position: absolute;
									 top: -6px;
									 left: 15px;
									 font-size: 8pt;
									 color: #666666;
									 width: 145px; }

/* NOTE BULLET POINT 2*/
#nBULLET_2  { height: 6px;
							width: 6px;
							background-color: #999999;
							position: absolute;
							top: 70px;
							left: 0px; }

#nBULLET-TEXT_2  { position: absolute;
									 top: -6px;
									 left: 15px;
									 font-size: 8pt;
									 color: #666666;
									 width: 145px; }

/* NOTE BULLET POINT 3 */
#nBULLET_3 { height: 6px;
						 width: 6px;
						 background-color: #999999;
						 position: absolute;
						 top: -190px;
						 left: 9px; }

#nBULLET-TEXT_3 { position: absolute;
							    top: -6px;
								  left: 15px;
								  font-size: 8pt;
								  color: #666666;
								  width: 145px; }

/* NOTE BULLET POINT 4 */
#nBULLET_4 { height: 6px;
						 width: 6px;
						 background-color: #999999;
						 position: absolute;
						 top: 210px;
						 left: 0px; }

#nBULLET-TEXT_4 { position: absolute;
							    top: -6px;
								  left: 15px;
								  font-size: 8pt;
								  color: #666666;
								  width: 145px; }

/* COURSE LIST 2 */
#DIV-COURSES_list_lcourses2	{ position: absolute;
															top: 22px;
															left: 20px;
															font-family: arial, sans-serif;
															font-size: 7pt;
															font-weight: bold;
															color: #333333; 
															text-align: left;}

#DIV-COURSES_list_rcourses2 	{ position: absolute;
																top: 22px;
																left: 100px;
																font-family: arial, sans-serif;
																font-size: 7pt;
																font-weight: bold;
																color: #333333;
																text-align: right; }

#DIV-COURSES_list_l12		{ position: absolute;
													top: 0px;
													width: 270px;
													color: #333333; }

#DIV-COURSES_list_l22		{ position: absolute;
													top: 17px;
													width: 270px; }

#DIV-COURSES_list_l32		{ position: absolute;
													top: 34px;
													width: 170px; }

#DIV-COURSES_list_l42		{ position: absolute;
													top: 51px;
													width: 170px; }

#DIV-COURSES_list_l52		{ position: absolute;
													top: 68px;
													width: 170px; }
													
#DIV-COURSES_list_l62		{ position: absolute;
													top: 85px;
													width: 170px; }
													
													
#DIV-COURSES_list_r12		{ position: absolute;
													top: 0px;
													width: 170px; }

#DIV-COURSES_list_r22		{ position: absolute;
													top: 17px;
													width: 170px; }

#DIV-COURSES_list_r32		{ position: absolute;
													top: 34px;
													width: 170px; }

#DIV-COURSES_list_r42		{ position: absolute;
													top: 51px;
													width: 170px; }

#DIV-COURSES_list_r52		{ position: absolute;
													top: 68px;
													width: 170px; }

#DIV-COURSES_list_r62		{ position: absolute;
													top: 85px;
													width: 170px; }

/* SECTION 2 - COURSE REGISTERATION */
#TEXT-OPTION_1 { position: absolute;
								 top: 39px;
								 left: 18px;
								 color: white;
								 font-size: 6pt;
								 z-index: 1; }

#TEXT-ONLINE	{ width: 200px;
								position: absolute;
								left: 70px;
								top: 38px; }

#TEXT-OPTION_2 { color: white;
								 font-size: 6pt;
								 position: absolute;
								 top: 90px;
								 left: 18px;
								 z-index: 1; }

#TEXT-PRINT { width: 270px;
							position: absolute;
							left: 70px;
							top: 90px; }

/* BUTTON - ONLINE REGISTERATION */
#BUTTON-DOWNLOAD_3	{ position: absolute;
											top: 60px;
											left: 80px; }

#LINK-DOWNLOAD_3	{ position: absolute;
										top: 60px;
										left: 105px;
										font-size: 7pt;
										width: 100px; }

/* BUTTON - PAPER REGISTERATION */
#BUTTON-DOWNLOAD_4	{ position: absolute;
											top: 110px;
											left: 80px; }

#LINK-DOWNLOAD_4	{ position: absolute;
										top: 110px;
										left: 105px;
										font-size: 7pt;
										width: 200px; }