/*
    filename    :	positioning.css
	author	    :	Vitthal Wable
	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
{   position:absolute;
    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;
}

#programsDropfooterLinks
{
   position:absolute;
    background-color:#FFFFFF;
    width:800px;
    top : 350px;  
}
#programFooterLinks1
{
   position:absolute;
    background-color:#FFFFFF;
    width:800px;
    top : 150px;  
}
#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);

}

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

}

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

}

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

}

#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:282px;
    left:0px;
    width:440px;
}
#copyIndex
{
    position:absolute;
    top:295px;
    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;*/
    overflow-x  :    hidden;
}
#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
{
    position:absolute;
    top:600px;
    background-color:	#000000;
    /*height:10px;*/
    margin-left :  55px;
}
#questionlabelspace
{
    width       :   300px;
    margin-left :   0px;
}
#questionlabelspace1
{
    left        :   100px;
    width       :   280px;
    margin-left :   0px;
}
#submitBtn, #processing
{
    text-align	:	center;
}

/* === END === */