/*
	author	:	Tanuja Devli
	filename:	positioning.css
	created	:	February 2007
	description	:	positioning scheme for techskills
*/

#container	{
	position	:	relative;
	z-index		:	0;
	width		:	801px;
	height		:	575px;
	margin		:	0 auto;
	border		:	1px solid #000000;
	
}

#container1	{
	position	:	relative;
	z-index		:	0;
	width		:	802px;
	height		:	874px;
	margin		:	0 auto;
	border		:	1px solid #000000;
	
}

#container2	{
	position	:	relative;
	z-index		:	0;
	width		:	802px;
	height		:	679px;
	margin		:	0 auto;
	border		:	1px solid #000000;
	
}

#container3	{
	position	:	relative;
	z-index		:	0;
	width		:	802px;
	height		:	530px;
	margin		:	0 auto;
	border		:	1px solid #000000;
	
}

#popcontainer3	{
	position	:	relative;
	z-index		:	0;
	width		:	772px;
	height		:	579px;
	margin		:	0 auto;
	border		:	1px solid #000000;
	background-color	:	#ffffff;
}

#head	{
	position	:	absolute;
	z-index		:	100;
	width		:	800px;
	height		:	126px;
	top			:	0px;
	left		:	0px;
	background-color	:	#ffffff;
}

#mid	{
	position	:	absolute;
	z-index		:	100;
	width		:	800px;
	height		:	369px;
	top			:	142px;
	left		:	0px;
/*	border		:	1px solid #000000;
	background-image	:	url(../images/bg_tile1.jpg);*/
	
}

#midnoform	{
	position	:	absolute;
	z-index		:	100;
	width		:	730px;
	height		:	400px;
	top			:	100px;
	left		:	0px;
	/*background-image	:	url(../images/mid_tile.gif);*/
	
	
}

#foot	{
	position	:	absolute;
	z-index		:	100;
	width		:	799px;
	height		:	72px;
	top			:	500px;
	left		:	0px;
	background-color	:	#F3F3F3;
}
#foot5	{
	position	:	absolute;
	z-index		:	100;
	width		:	800px;
	height		:	72px;
	top			:	456px;
	left		:	0px;
	background-color	:	#F3F3F3;
}

#foot3	{
	position	:	absolute;
	z-index		:	100;
	width		:	799px;
	height		:	72px;
	top			:	800px;
	left		:	0px;
	background-color	:	#F3F3F3;
}


#footnoform	{
	position	:	absolute;
	z-index		:	100;
	width		:	730px;
	height		:	30px;
	top			:	500px;
	left		:	0px;
	background-color	:	#666666;
}

/* === ELIE'S LINKS AT BOTTOM OF LANDING PAGES === */

#belowfoot {
	position	:	absolute;
	z-index		:	100;
	width		:	730px;
	top			:	1530px;
	left		:	0px;
}

#belowfootnoform {
	position	:	absolute;
	z-index		:	100;
	width		:	730px;
	top			:	1330px;
	left		:	0px;
}

/* === HEAD SECTION === */

#head1	{
	position	:	absolute;
	z-index		:	200;
	width		:	266px;
	height		:	126px;
	top			:	0px;
	left		:	0px;
}

#head2	{
	position	:	absolute;
	z-index		:	200;
	width		:	266px;
	height		:	126px;
	top			:	0px;
	left		:	266px;
}

#head3	{
	position	:	absolute;
	z-index		:	200;
	width		:	268px;
	height		:	126px;
	top			:	0px;
	left		:	532px;
}

#head5	{
	position	:	absolute;
	z-index		:	200;
	width		:	266px;
	height		:	126px;
	top			:	0px;
	left		:	0px;
}

#processing {
	position	:	absolute;
	z-index		:	200;
	left		:	-10px;
}


#head6	{
	position	:	absolute;
	z-index		:	200;
	width		:	266px;
	height		:	126px;
	top			:	0px;
	left		:	266px;
}

#head7	{
	position	:	absolute;
	z-index		:	200;
	width		:	268px;
	height		:	126px;
	top			:	0px;
	left		:	532px;
}

/* === MID SECTION === */

#mid1	{
	position	:	absolute;
	z-index		:	200;
	width		:	200px;
	height		:	369px;
	top			:	0px;
	left		:	32px;
	
/*	background-color	:	#e6e6e6;*/
}



#mid2	{
	position	:	absolute;
	z-index		:	200;
	width		:	475px;
	height		:	369px;
	top			:	0px;
	left		:	253px;
}

/* === FOOT SECTION === */

#foot1	{
	position	:	absolute;
	z-index		:	300;
	width		:	365px;
	height		:	30px;
	top			:	0px;
	left		:	0px;
}

#foot2	{
	position	:	absolute;
	z-index		:	200;
	width		:	510px;
	height		:	30px;
	top			:	0px;
	left		:	265px;
}

#foot4	{
	position	:	absolute;
	z-index		:	200;
	width		:	510px;
	height		:	70px;
	top			:	27px;
	left		:	265px;
}

/* === HEAD CONTENT === */

#logo	{
	position	:	absolute;
	z-index		:	300;
	width		:	190px;
	height		:	53px;
	top			:	21px;
	left		:	262px;
}

/* === MID LEFT CONTENT === */
#lefttopbar	{
	position	:	relative;
	z-index		:	300;
	width		:	273px;
	height		:	13px;
	top			:	2px;
	left		:	-1px;
}

#congrats	{
	position	:	relative;
	z-index		:	300;
	width		:	275px;
	height		:	58px;
	top			:	2px;
	left		:	-1px;
}

#copytitle	{
	position	:	relative;
	z-index		:	300;
	width		:	274px;
	height		:	48px;
	top			:	0px; /* -2 */
	left		:	-1px; /* -1 */
}

#leftformbar	{
	position	:	relative;
	z-index		:	100;
	width		:	8px;
	height		:	200px;
	top			:	-203px;
	left		:	-5px;
}
					
#leftbotbar	{
	position	:	relative;
	z-index		:	200;
	width		:	15px;
	height		:	20px;
	top			:	-207px;
	left		:	-1px;
}

#leftrightbar	{
	position	:	relative;
	z-index		:	100;
	width		:	13px;
	height		:	197px;
	top			:	-406px;
	left		:	244px;
}

#copytitle1	{
	position	:	relative;
	z-index		:	300;
	width		:	275px;
	height		:	64px;
	top			:	1px;
	left		:	-1px;
}


#copytitle2	{
	position	:	relative;
	z-index		:	300;
	width		:	274px;
	height		:	52px;
	top			:	0px;
	left		:	-1px;
}

#leftborder	{
	position	:	absolute;
	z-index		:	300;
	width		:	7px;
	height		:	332px;
	top			:	58px;
	left		:	250px;
}

#leftborder1	{
	position	:	absolute;
	z-index		:	300;
	width		:	7px;
	height		:	300px;
	top			:	12px;
	left		:	-11px;
}

#bottom1	{
	position	:	absolute;
	z-index		:	300;
	width		:	258px;
	height		:	21px;
	top			:	280px;
	left		:	-1px;
}

#bottom1pre1	{
	position	:	absolute;
	z-index		:	300;
	width		:	258px;
	height		:	21px;
	top			:	320px;
	left		:	-1px;
}


#bottom2	{
	position	:	absolute;
	z-index		:	300;
	width		:	258px;
	height		:	25px;
	top			:	180px;
	left		:	14px;
	padding-top	:	50px;
	padding-left:	1px;
	padding-right:	0px;
	
}

#please {
	position	:	relative;
	z-index		:	300;
	width		:	242px;
	height		:	140px;
	top			:	-2px;
	left		:   4px;
	padding-top	:	80px;
	padding-left:	5px;
	background-color	:	#e6e6e6;
}

#please2	{
	position	:	relative;
	z-index		:	300;
	height		:	120px;
	width		:	241px;
	left		:	0px;
	top			:	-5px; /* -5*/
	background-color	:	#e6e6e6;
}


#copy	{
	position	:	relative;
	z-index		:	300;
	width		:	245px;
	height		:	260px;
	left		:	4px;
	top			:	-4px;
	padding-top	:	13px;
	padding-left:	1px;
	padding-right:	0px;
	font-family	:	arial;
	font-size	:	12px;
	font-weight	:	normal;
	line-height	:	1.5;
	background-color	:	#e6e6e6;
/*	border		:	1px solid #000000;*/
}



#copypre2	{
	position	:	relative;
	z-index		:	300;
	width		:	245px;
	height		:	140px;
	left		:	4px;
	top			:	-2px;
	padding-top	:	90px;
	padding-left:	10px;
	padding-right:	0px;
	font-family	:	arial;
	font-size	:	12px;
	font-weight	:	normal;
	line-height	:	1.5;
	background-color	:	#e6e6e6;
/*	border		:	1px solid #000000;*/
}


#copy1	{
	position	:	relative;
	z-index		:	300;
	width		:	245px;
	left		:	2px;
	top			:	-5px; /* -5*/
	padding-top	:	12px;
	padding-left:	1px;
	font-family	:	arial;
	font-size	:	12px;
	font-weight	:	normal;
	line-height	:	1.5;
	background-color	:	#e6e6e6;
}

#campus	{
	position	:	relative;
	z-index		:	300;
	width		:	243px;
	height      :   120px;
	left		:	0px;
	top			:	-8px; /* -5*/
	padding-top	:	12px;
	padding-left:	1px;
	font-family	:	arial;
	font-size	:	10px;
	font-weight	:	normal;
	line-height	:	1.5;
	background-color	:	#e6e6e6;
}




#campuspop	{
	position	:	relative;
	z-index		:	100;
	width		:	240px;
	height		:	120px;
	top			:	-1px;
	left		:	-1px;
	right		:	5px;
	bottom       :   100px;
	padding-top	:	5px;
	padding-left:	5px;
	/*padding-right:	-10px;*/
	font-family	:	arial;
	font-size	:	10px;
	font-weight	:	normal;
	line-height	:	1.5;
	background-color	:	#efefef;
	
}


#campusimage1	{
	position	:	absolute;
	z-index		:	300;
	width		:	74px;
	height		:	14px;
	top			:	2px;
	left		:	15px;
}
#campusimage2	{
	position	:	absolute;
	z-index		:	300;
	width		:	74px;
	height		:	21px;
	top			:	22px;
	left		:	15px;
}

#noformcopy {
	position	:	relative;
	z-index		:	300;
	width		:	600px;
	left		:	20px;
	padding-top	:	20px;
	text-align	:	left;
	font-family	:	verdana;
	font-size	:	11px;
	font-weight	:	normal;
	line-height	:	1.5;
}

#programimage {
	position	:	absolute;
	z-index		:	300;
	width		:	224px;
	left		:	6px;
	top			:	250px;	
} 

#smalltext {
	position	:	absolute;
	z-index		:	300;
	width		:	224px;
	left		:	6px;
	top			:	25px;
	height		: 	100px;	
}

#programs	{
	position	:	relative;
	z-index		:	200;
	width		:	236px;
/*	top			:	120px;*/
	left		:	4px;
	text-align	:	left;
}

#ProgramDisplay	{
	position	:	relative;
	z-index		:	200;
	width		:	224px;
	/*top			:	300px*/
	left		:	2px;
	text-align	:	left;
}

#campusimage {
	position	:	relative;
	z-index		:	200;
	width		:	224px;
	left		:	6px;
	padding-top	:	16px;	
}

/* === MID RIGHT CONTENT === */

#formtitle1	{
	position	:	absolute;
	z-index		:	300;
	width		:	474px;
	height		:	46px;
	top			:	1px;
	left		:	53px;
}

#formtitle	{
	position	:	absolute;
	z-index		:	300;
	width		:	474px;
	height		:	45px;
	top			:	13px;
	left		:	53px;
}

#leftformmbar	{
	position	:	absolute;
	z-index		:	300;
	width		:	26px;
	height		:	459px;
	top			:	55px;
	left		:	53px;
}
				
#rightformbar	{
	position	:	absolute;
	z-index		:	300;
	width		:	26px;
	height		:	543px;
	top			:	58px;
	left		:	514px;
}

#leftformbar2	{
	position	:	absolute;
	z-index		:	300;
	width		:	15px;
	height		:	518px;
	top			:	50px;
	left		:	51px;
}

#formbottombar	{
	position	:	absolute;
	z-index		:	300;
	width		:	475px;
	height		:	26px;
	top			:	607px;
	left		:	53px;
}

#formbody	{
	position	:	absolute;
	z-index		:	300;
	width		:	464px;
	height		:	260px;
	top			:	55px;
	left		:	53px;
	background-color	:	#f3f3f3;
}



#formbodypre2	{
	position	:	absolute;
	z-index		:	300;
	width		:	464px;
	height		:	310px;
	top			:	55px;
	left		:	53px;
	background-color	:	#f3f3f3;
}


#formbody11	{
	position	:	absolute;
	z-index		:	300;
	width		:	462px;
	height		:	552px;
	top			:	55px;
	left		:	55px;
	background-color	:	#f3f3f3;
}

#leftbar	{
	position	:	absolute;
	z-index		:	400;
	width		:	9px;
	height		:	440px;
	top			:	55px;
	left		:	47px;
	
}

#rightbar	{
	position	:	absolute;
	z-index		:	300;
	width		:	9px;
	height		:	440px;
	top			:	56px;
	left		:	515px;
	
}

#bottombar	{
	position	:	absolute;
	z-index		:	300;
	width		:	474px;
	height		:	26px;
	top			:	310px;
	left		:	53px;
	
}

#bottombarpre2	{
	position	:	absolute;
	z-index		:	300;
	width		:	474px;
	height		:	26px;
	top			:	360px;
	left		:	53px;
	
}


#formbottom	{
	position	:	absolute;
	z-index		:	300;
	width		:	532px;
	height		:	70px;
	top			:	656px;
	left		:	3px;
}

#formbottom1	{
	position	:	absolute;
	z-index		:	300;
	width		:	532px;
	height		:	474px;
	top			:	656px;
	left		:	3px;
}

/* ============ROWS-COLUMNS IN PREQUAL AND FORM================== */

#preqrow1 {
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	40px;
	left		:	0px;
	top			:	0px;
}

#preqrow2 {
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	60px;
	left		:	30px;
	top			:	8px;
}

#preqrow3 {
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	80px;
	left		:	30px;
	top			:	75px;
}

#preqrow4 {
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	77px;
	left		:	30px;
	top			:	140px;
}

#preqrow5 {
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	109px;
	left		:	85px;
	top			:	210px;
}
#preqrow6 {
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	109px;
	left		:	80px;
	top			:	230px;
}
#preqrow7 {
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	100px;
	left		:	0px;
	top			:	380px;
}

#preqcol1 {
	position	:	absolute;
	z-index		:	500;
	width		:	30px;
	height		:	auto;
	left		:	10px;
	text-align	:	right;
}

#preqcol2 {
	position	:	absolute;
	z-index		:	500;
	width		:	399px;
	height		:	auto;
	left		:	50px;
}

#preqbutton {
	position	:	absolute;
	z-index		:	500;
	width		:	59px;
	height		:	30px;
	left		:	30px;
}

#formrow {
	position	:	relative;
	z-index		:	400;
	height		:	32px;
	width		:	380px;
	left		:	40px;

}

#preqbuttonform {
 position : absolute;
 z-index  : 500;
 width  : 59px;
 height  : 30px;
 left  : 173px;
}

#formcol1 {
	position	:	absolute;
	z-index		:	500;
	width		:	30px;
	left		:	10px;
	text-align	:	right;

}

#formcol2 {
	position	:	absolute;
	z-index		:	500;
	width		:	380px;
	height		:	20px;
	left		:	50px;

}

#formbuttonrow {
	position	:	absolute;
	z-index		:	400;
	top			:	538px;
	width		:	75px;
	height		:	30px;
	left		:	92px;
}

#formrowspacer {
	position	:	relative;
	z-index		:	400;
	width		:	380px;
	height		:	10px;
	left		:	40px;
}

/* === POPUP === */

#popcontainer	{
	position	:	relative;
	z-index		:	0;
	width		:	540px;
	height		:	1350px;
	top			:	0px;
	left		:	0px;
	margin		:	 0 auto;
	background-image	:	 url(../images/popimg.jpg);
}

#popcontainer2	{
	position	:	relative;
	z-index		:	0;
	width		:	500px;
	height		:	848px;
	top			:	0px;
	left		:	0px;
	margin		:	 0 auto;
	background-image	:	 url(../images/popimg.jpg);
}

#popcontainer4	{
	position	:	absolute;
	z-index		:	0;
	width		:	500px;
	height		:	485px;
	top			:	0px;
	left		:	0px;
	margin		:	 0 auto;
/*	background-image	:	url(../images/popimg.jpg);
	border		:	1px solid #000000;*/
}

#pophead	{
	position	:	absolute;
	z-index		:	100;
	width		:	500px;
	height		:	126px;
	top			:	0px;
	left		:	0px;
	margin		: 0px;
}
#pophead3	{
	position	:	absolute;
	z-index		:	100;
	width		:	640px;
	height		:	126px;
	top			:	0px;
	left		:	0px;
	margin		: 0px;
}

#popbody {
	position	:	absolute;
	z-index		:	200;
	width		:	540px;
	height		:	620px;
	top			:	126px;
	left		:	0px;
	/*	background-color:	#123456;*/
	
	background-image	:	 url(../images/bg_tile1.jpg);
}

#closewindow {
	position	:	absolute;
	z-index		:	200;
	width		:	540px;
	height		:	580px;
	top			:	3px;
	left		:	-19px;
	color		:	#1f447b;
	
}

#closewindow1 {
	position	:	absolute;
	z-index		:	300;
	width		:	680px;
	height		:	8px;
	top			:	3px;
	right		:	0px;
	color		:	#1f447b;
	
}

#closewindow2 {
	position	:	absolute;
	z-index		:	300;
	width		:	100px;
	left		:	40px;	
	height		:	8px;
	top			:	3px;
	right		:	0px;
	color		:	#1f447b;
	
}

#popbody1 {
	position	:	absolute;
	z-index		:	200;
	width		:	500px;
	height		:	454px;
	top			:	126px;
	left		:	0px;
	/*background-color:	#c6c6c6;*/
/*	background-image:	url(../images/bg_tile1.jpg);*/
}

#popbody2 {
	position	:	absolute;
	z-index		:	200;
	width		:	500px;
	height		:	404px;
	top			:	126px;
	left		:	0px;
	
	/*border		:	1px solid #000000;
	background-color:	#c6c6c6;*/
/*	background-image:	url(../images/bg_tile1.jpg);*/
}
#popbody3 {
	position	:	absolute;
	z-index		:	200;
	width		:	500px;
	height		:	404px;
	top			:	126px;
	padding-left		:	15px;
	padding-right	:	15px;
	font-size	:	12px;
	/*border		:	1px solid #000000;
	background-color:	#c6c6c6;*/
/*	background-image:	url(../images/bg_tile1.jpg);*/
}

#poptext	{
	position	:	absolute;
	z-index		:	400;
	width		:	260px;
	top			:	20px;
	left		:	20px;
	
}

#poplogo	{
	position	:	absolute;
	z-index		:	400;
	width		:	690px;
	height		:	126px;
	top			:	3px;
	left		:	0px;
}

#poplogo1	{
	position	:	absolute;
	z-index		:	400;
	width		:	500px;
	height		:	126px;
	top			:	3px;
	left		:	0px;
}

#popup1heading	{
	position	:	absolute;
	z-index		:	400;
	width		:	500px;
	height		:	14px;
	top			:	3px;
	left		:	39px;
}

#top	{
	position	:	absolute;
	z-index		:	400;
	width		:	540px;
	height		:	126px;
	top			:	0px;
	left		:	0px;
}


#Desc	{
	position	:	absolute;
	z-index		:	400;
	width		:	257px;
	height		:	0px;
	top			:	22px;
	left		:	269px;
}	

#Desc1	{
	position	:	absolute;
	z-index		:	400;
	width		:	6px;
	height		:	408px;
	top			:	32px;
	left		:	519px;
}

#ProgramDescription	{
	position	:	relative;
	z-index		:	400;
	width		:	235px;
	height		:	320px;
	top			:	2px;
	left		:	0px;
	padding-top :    1px;
    padding-left:       3px;
	 padding-right:    20px;
	 text-align: left;
	/*background-color: #e6e6e6;*/

}
#ProgramDescription11	{
	position	:	absolute;
	z-index		:	400;
	width		:	225px;
	height		:	0px;
	top			:	2px;
	left		:	0px;
	padding-top :    1px;
    padding-left:       3px;
	 padding-right:    20px;
	 text-align: left;
	/*background-color: #e6e6e6;*/

}

#disparea	{
	position	:	absolute;
	z-index		:	400;
	width		:	243px;
	height		:	491px;
	top			:	37px;
	left		:	276px;
/*	padding-top :    20px;
    padding-left:       20px;
	 padding-right:    28px;
	 text-align: justify;*/
	background-color: #e6e6e6;

}

#Desc2	{
	position	:	absolute;
	z-index		:	400;
	width		:	16px;
	height		:	410px;
	top			:	32px;
	left		:	258px;
	/*background-color: #e6e6e6;		*/
}

#Desc3	{
	position	:	absolute;
	z-index		:	400;
	width		:	16px;
	height		:	408px;
	top			:	528px;
	left		:	268px;
}

#poptext1	{
	position	:	absolute;
	z-index		:	400;
	width		:	441px;
	height		:	455px;
	top			:	40px;
/*	left		:	29px;*/
	padding-left:   30px;
	padding-right:  10px;
}

#closewindow2	{
	position	:	absolute;
	z-index		:	400;
	width		:	481px;
	height		:	300px;
	top			:	10px;
/*	left		:	29px;*/
	padding-left:   3px;
	padding-right:  30px;
}

#poptext2	{
	position	:	absolute;
	z-index		:	400;
	width		:	485px;
	height		:	300px;
	top			:	35px;
/*	left		:	29px;*/
	padding-left:   17px;
	padding-right:  4px;
}

#linespace {
	position	:	relative;
	/*height: 35px;*/
}
/* === END === */