/*
	author	:	sriram iyer
	filename:	positioning.css
	description	:	positioning scheme for grand canyon
*/
#container	{
	position	:	absolute; /* relative */ 
	z-index		:	0;
	width		:	730px;
	margin		:	0 auto;
	left		:	60px;
	top			:	10px;
}

#mid	{
	position	:	absolute;
	z-index		:	100;
	width		:	730px;
	height		:	600px;
	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);
}

#foot	{
	position	:	absolute;
	z-index		:	100;
	width		:	730px;
	height		:	30px;
	top			:	700px;
	left		:	60px;
	background-color	:	#666666;
}

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

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

#header1 { position:absolute; top:79px; left:0px; width:760px; height:22px;background-image	:	url(images/colorBar.jpg); }

#header2 { position:absolute; top:101px; left:0px; width:570px; height:100px; }

#header3 { position:absolute; top:221px; left:0px; width:760px; height:25px;background-image:	url(images/headerLinkBg.gif); }

#header4 { position:absolute; top:101px; left:0px; width:760px; height:100px; }
#pageHeader { position:absolute; top:255px; left:2px; width:760px; height:25px; }
#pageHeaderIndex { position:absolute; top:262px; left:2px; width:760px; height:25px; }

#pageContent { top:0px; left:2px; width:760px; }

/* === 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 === */

#footerLinks {position:absolute; background-color:#FFFFFF; width:800px;}
#programsfooterLinks {
    position:absolute; 
	background-color:#FFFFFF;
	width:800px;
	top : 470px;
 }
#privacyfooterLinks {position:absolute; background-color:#FFFFFF; width:800px;}

#foot1	{
	position	:	absolute;
	z-index		:	200;
	width		:	800px;
	height		:	24px;
	top			:	670px; /* 630 */
	background-image	:	url(images/footerLinkBg.gif);
	background-repeat	:	repeat-n;
}

#foot2	{
	position	:	absolute;
	z-index		:	200;
	width		:	800px;
	height		:	21px;
	top			:	690px; /* 650 */
	background-image	:	url(images/footerUnderline.gif);
	background-repeat	:	repeat-n;
}

#foot3	{
	position	:	absolute;
	z-index		:	200;
	top         :   710px; /* 670 */
}

#foot4	{
	position	:	absolute;
	z-index		:	200;
	top         :   740px; /* 700 */
	left		:	290px;
}

#privacyfoot1	{
	position	:	absolute;
	z-index		:	200;
	width		:	800px;
	height		:	24px;
	top			:	3300px;
	background-image	:	url(images/footerLinkBg.gif);
	background-repeat	:	repeat-n;
}

#privacyfoot2	{
	position	:	absolute;
	z-index		:	200;
	width		:	800px;
	height		:	21px;
	top			:	3320px;
	background-image	:	url(images/footerUnderline.gif);
	background-repeat	:	repeat-n;
}

#privacyfoot3	{
	position	:	absolute;
	z-index		:	200;
	top         :   3340px;
}

#privacyfoot4	{
	position	:	absolute;
	z-index		:	200;
	top         :   3370px;
	left		:	290px;
}

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

#logo { position:absolute; top:5px; left:0px; width:404px; height:69px; }

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

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

#copy { position:absolute; top:293px; left:0px; width:440px; }
#copyIndex { position:absolute; top:300px; left:0px; width:440px; }
#copyContent { padding-left: 0px; padding-right: 20px; padding-bottom: 20px; font-size:11px;}

#cell1 {position:absolute; margin-left: 10px; margin-right: 20px; margin-top: 20px; font-size:11px;width: 125px;}

/*#cell1header { font-size:11px;color:#CC3300; width: 125px; font-weight:bold}*/
#cell1header { font-size:11px;color:#95581B; width: 125px; font-weight:bold}

#cell2 {position:absolute; margin-left: 145px; margin-top: 38px; width: 5px; }

#cell3 {position:absolute; margin-left: 165px; margin-right: 20px; margin-top: 20px; font-size:11px;width: 125px;}

/*#cell3header { font-size:11px;color:#CC3300; width: 125px; font-weight:bold}*/
#cell3header { font-size:11px;color:#95581B; width: 125px; font-weight:bold}

#cell4 {position:absolute; margin-left: 305px; margin-top: 38px; width: 5px; }

#cell5 {position:absolute; margin-left: 325px; margin-right: 20px; margin-top: 20px; font-size:11px;width: 125px;}

/*#cell5header { font-size:11px;color:#CC3300; width: 125px; font-weight:bold}*/
#cell5header { font-size:11px;color:#95581B; width: 125px; font-weight:bold}

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

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

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

#form2 { position:absolute; left:470px; width:340px; top:0px;}

#formbody	{
	position	:	absolute;
	z-index		:	300;
	width		:	290px;
	height		:	420px;
	top			:	45px;
	background-color: #FCDD96;
}

#formtop	{
	position	:	absolute;
	z-index		:	300;
	width		:	290px;
	height		:	40px;
	top			:	5px;
}

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

#dynamiccopy	{
	position	:	absolute;
	z-index		:	300;
	width		:	300px;
	top			:	430px;
	background-color: #FCDD96;
}

/* ============FORM================== */

#formLeft { position:absolute; left:335px; background-color:#ffffff; width:1px; font-size:1px; top:30px; }

#button {
	position	:	absolute;
	top			:	0px;
	left		:	100px;
}

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

}

#formbuttonrow {
	position	:	absolute;
	z-index		:	400;
	width		:	290px;
	height		:	55px;
	top			:	455px;
	padding-left: 0px; padding-right: 0px;
	background-image	:	url(images/formBotTile.gif);
	background-repeat	:	repeat-n;	
}

.padding {
	padding-left: 99px; 
	padding-right: 70px;
}

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

/* === POPUP === */

#popcontainer	{
	position	:	absolute;
	z-index		:	0;
	width		:	367px;
	height      :   640px;
	top			:	0px;
	left		:	0px;
	margin		:	 0 auto;
	background-color	:	#FCDD96;
	padding:20px;	
}

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

#popbody {
	position	:	absolute;
	z-index		:	200;
	width		:	300px;
	top			:	90px;
	left		:	14px;
	background-color	:	#FCDD96;
	padding:20px;	
}

#poptext	{
	position	:	absolute;
	width		:	300px;
	top			:	0px;
	left		:	14px;
	background-color	:	#FCDD96;
	font-family	:	verdana;
	font-weight	:	normal;
	font-size: 11px; 
	color: #333333;
}

#poplogo	{
	position	:	absolute;
	z-index		:	1;
	width		:	367px;
	height		:	90px;
	top			:	0px;
	left		:	0px;
}

#popupblackcolor {
	background-color	:	#000000;
	height:10px;
	z-index		: 2;
}	

/* === END === */