/*
	author	:	sriram iyer
	filename:	positioning.css
	description	:	positioning scheme for cardean
*/

#container	{
	position	:	relative;
	z-index		:	0;
	width		:	760px;
/*	height		:	730px; */
	left		:	 30px;
}

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

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

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

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

#foot	{
	position	:	absolute;
	z-index		:	100;
	width		:	730px;
	height		:	30px;
	top			:	720px;
	left		:	0px;
	background-color	:	#352B6A;
}

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

#pingcode	{
	position	:	absolute;
	z-index		:	100;
	width		:	730px;
	height		:	50px;
	top			:	800px;
	left		:	0px;
}

/* === 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		:	253px;
	height		:	100px;
	top			:	0px;
	left		:	0px;
}

#head2	{
	position	:	absolute;
	z-index		:	200;
	width		:	467px;
	height		:	110px;
	top			:	0px;
	left		:	253px;
	background-image	:	url(../images/hdr_tile.jpg);
	background-repeat	:	repeat-y;
}

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

#mid1	{
	position	:	absolute;
	z-index		:	200;
	width		:	253px;
	top			:	0px;
	left		:	0px;
}

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

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

#foot1	{
	position	:	absolute;
	z-index		:	200;
	width		:	253px; /* 253 */
	height		:	30px;
	top			:	0px;
	left		:	0px;
}

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

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

#logo	{
	position	:	absolute;
	z-index		:	300;
	width		:	361px;
	height		:	94px;
	top			:	3px;
	left		:	50px;
}

/* === MID LEFT CONTENT === */

#copytitle	{
	position	:	relative;
	z-index		:	300;
	width		:	230px;
	height		:	47px;
	top			:	16px;
	left		:	8px;
}

#copy	{
	position	:	relative;
	z-index		:	300;
	width		:	224px;
	left		:	10px;
	
	padding-right:	20px;
	text-align	:	left;
	font-family	:	verdana;
	font-size	:	11px;
	font-weight	:	normal;
	color       : #352B6A;
}

#copytext	{
	position	:	relative;
	z-index		:	300;
	width		:	350px;
	left		:	10px;
	padding-top	:	100px;
	padding-right:	0px;
	text-align	:	left;
	font-family	:	verdana;
	font-size	:	11px;
	font-weight	:	normal;
	color       : #352B6A;	
}

#postqcopytext	{
	position	:	relative;
	z-index		:	300;
	width		:	350px;
	left		:	10px;
	padding-top	:	100px;
	padding-right:	0px;
	text-align	:	left;
	font-family	:	verdana;
	font-size	:	11px;
	font-weight	:	normal;
	color       : #352B6A;	
	top         : 150px;
}
#noformcopy {
	position	:	relative;
	z-index		:	300;
	width		:	608px; /* 600 */
	left		:	20px;
	padding-top	:	20px;
	text-align	:	left;
	font-family	:	verdana;
	font-size	:	11px;
	font-weight	:	normal;
	color       : #352B6A;
}

#programtext {
	position	:	relative;
	z-index		:	300;
	width		:	224px;
	left		:	6px;	
	font-family	:	verdana;
	font-size	:	11px;
	color       : #352B6A;
}

#programimage {
	position	:	relative;
	z-index		:	300;
	width		:	224px;
	left		:	6px;
	top         :   15px;
	padding-bottom      :   15px;
	font-family	:	verdana;
	font-size	:	11px;
	color       : #352B6A;
}

#programimagetext {
	position	:	relative;
	z-index		:	300;
	width		:	150px;
	left		:	75px;
	top         :   -55px;
	font-family	:	verdana;
	font-size	:	11px;
	color       : #352B6A;
}

#programs	{
	position	:	relative;
	z-index		:	300;
	width		:	224px;
	left		:	10px;
	text-align	:	left;
}

#campusimage {
	position	:	relative;
	
	width		:	212px;
	left		:	16px;
		
}

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

#formtitle	{
	position	:	absolute;
	z-index		:	300;
	width		:	459px;
	height		:	50px;
	top			:	5px;
	left		:	3px;
}
#formdiscount	{
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	50px;
	top			:	-24px;
	left		:   337px;
}

#formtitle1	{
	position	:	absolute;
	z-index		:	300;
	width		:	459px;
	height		:	50px;
	top			:	5px;
	left		:	3px;
	background-color: #342C69;
}

#formbody	{
	position	:	absolute;
	z-index		:	300;
	width		:	459px;
	height		:	445px; /*	395px; */
	top			:	55px;
	left		:	3px;
	background-color	:	#352B6A;
}

#formbottom	{
	position	:	absolute;
	z-index		:	300;
	width		:	459px;
	height		:	20px;
	top			:	497px; /*447px*/
	left		:	3px;
}

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

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

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


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

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

#preqrow4 {
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	100px;
	left		:	0px;
	top			:	240px;
}

#preqrow5 {
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	100px;
	left		:	0px;
	top			:	320px;
}

#preqrow7 {
	position	:	absolute;
	z-index		:	400;
	width		:	459px;
	height		:	100px;
	left		:	0px;
	top			:	350px;
}

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

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

#preqcol3 {
	position	:	absolute;
	z-index		:	500;
	width		:	380px;
	height		:	auto;
	left		:	50px;
	top         :   0px;
}

#postqcol1 {
	position	:	absolute;
	z-index		:	500;
	width		:	380px;
	height		:	auto;
	left		:	50px;
	top         :   0px;
}
#postqcol2 {
	position	:	absolute;
	z-index		:	500;
	width		:	380px;
	height		:	auto;
	left		:	20px;
	top         :   40px;
}
#postqcol3 {
	position	:	absolute;
	z-index		:	500;
	width		:	380px;
	height		:	auto;
	left		:	50px;
	top         :   40px;
}
#button {
	position	:	absolute;
	top			:	0px;
	left		:	100px;
}

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

#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;

}

#formwkpostqual {
	position	:	absolute;
	z-index		:	400;
	top			:	350px; 
	width		:	459px;
	left		:	40px;	
}

#formbuttonrow {
	position	:	absolute;
	z-index		:	400;
	top			:	410px; /*340px*/
	width		:	156px;
	left		:	152px;
}

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


/* === POPUP === */

#popcontainer	{
	position	:	relative;
	z-index		:	0;
	width		:	400px;
	top			:	0px;
	left		:	0px;
	margin		:	 0 auto;
	background-color:	#ECECFF;
}

#pophead	{
	position	:	absolute;
	z-index		:	100;
	width		:	400px;
	height		:	59px;
	top			:	0px;
	left		:	0px;
	margin		: 0px;
	background-color	:	#ffffff;
}

#popbody {
	position	:	absolute;
	z-index		:	200;
	width		:	400px;
	top			:	59px;
	left		:	0px;
	background-color	:	#ECECFF;
}

#poptext	{
	position	:	absolute;
	z-index		:	400;
	width		:	360; 
	top			:	20;		
	left		:	20;		
	text-align	:	left;
}

#poplogo	{
	position	:	absolute;
	z-index		:	400;
	width		:	204px;
	height		:	53px;
	top			:	3px;
	left		:	80px;
}

/* === END === */

/* ===== Short form =======*/
#formbuttonrow2 {
	position	:	absolute;
	z-index		:	400;
	top			:	275px; /*280px*/
	width		:	156px;	 
	left		:	152px;
}

#formbottom2	{
	position	:	absolute;
	z-index		:	300;
	width		:	459px;
	height		:	20px;
	top			:	370px; /*497px*/
	left		:	3px;
}

#formtitle2	{
	position	:	absolute;
	z-index		:	300;
	width		:	459px;
	height		:	50px;
	top			:	5px;
	left		:	2px;
}

#formbody2	{
	position	:	absolute;
	z-index		:	300;
	width		:	459px;
	height		:   315px; 
	top			:	 55px;
	left		:   3px;
	background-color: #352B6A;
}