/* |||||||||||||||||||||||| LAYOUT DIVS ||||||||||||||||||||*/


body {
	text-align: center;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #CCCCCC;
	min-width: 900px; /* for Netscaper 6 horizontal scroll fix */
}

#wrapper {
	position: relative; 
	text-align: left;
	width:900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

/*************** TOP AREA ********************/
#toparea {
	position: relative;
	width:900px;
	height:107px;
	background-color:#EEEDE0;
	z-index:10; /* not sure why z-index works here */
	}	
#logoStrip {
	position: relative;
	width: 900px;
	height: 85px;
	}
#photo {
	position: relative;
	width: 900px;
	height: 85px;
	background-color: #000000;
	}
#mainNav {
	position: relative;
	width: 900px;
	height: 22px;
	text-align: left;
	background-color: #999999;
	}
#logoSquare {
	float: left;
	padding-left:5px; /* widen graphic by 5px then delete this padding */
	width: 85px;
	height: 85px;
	}

#logoWords {
	position: relative;
	display:inline;
	left: 495px; /* changed from 500 to 495 to accommodate padding 5px in #logoSquare */ 
	width: 150px;
	height: 85px;
	}
#graycover {
	position: absolute;
	top: 107px;
	width: 900px;
	height: 30px;
	background-color: #CCCCCC;
	left: 0px;
	}
#graycover2 {
	position: absolute;
	top: 137px;
	left: 200px;
	width: 700px;
	height: 30px;
	background-color: #CCCCCC;
	z-index:100;
	}

/*************** middleContainer AREA ********************/
#middleContainer {
	position: relative;
	width: 900px;
	margin: 30px 0px 0px 0px;
	background: #FFFFFF url(../images/litegraybkgd.gif) left top repeat-x; 
	background-color: #FFFFFF;
	}
#subNav {
	float: left;
	display:inline;
	width: 200px;
	margin-top: 0px;
	background-color:#FFFFFF;
	}
#content {
	float: left;
	display:inline;
	width: 480px;
	margin-top: 30px;
	padding: 20px 10px 30px 20px;
	background-color:#FFFFFF;
	}
#contentForms {
	float: left;
	display:inline;
	width: 600px;
	margin-top: 30px;
	padding: 20px 10px 30px 20px;
	background-color:#FFFFFF;
	}
#sidebar  {
	float: right;
	display:inline;
	width: 170px;
	margin: 80px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left:1px solid #CCCCCC;
	background-color:#FFFFFF;
	}
#homePg #sidebar  {
	float: right;
	display:inline;
	width: 250px;
	margin: 55px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left:1px solid #CCCCCC;
	background-color:#FFFFFF;
	}
#sidebar p {
	margin: 0px 10px 0px 20px;
	padding: 0;
	font-family: Verdana, Arial, serif;
	font-size: 11px; 
	line-height: 16px;  
	text-align: left;
	color:#666666;
	}

#formInstructions p {
	width:170px;
	margin:30px 5px 0px 10px;
	padding:0;
	font-family: Verdana, Arial, serif;
	font-size: 11px; 
	line-height: 16px;  
	text-align: left;
	color:#666666;
	}

/*************** FOOTER AREA ********************/
#footerContainer {
	clear: both;
	margin: 10px 0px 0px 0px;
	background-color: #EEEDE0;
}
#copyright {
	position:relative;
	text-align:center;
	line-height: 2;
}
#homePg #footerContainer {
	clear:both;
	margin:0px;
	background-color: #EEEDE0;
}
#homePg #copyright {
	position:relative;
	text-align:center;
	line-height: 2;
	margin-bottom:25px;
}
/*************** FOR PAGE TITLES IN THE TAB AREA ********************/
/* these are the names of the BODY IDs  */
/* the first # is the body div=" "; the second # is for the placment of the ttl label */
#legalservices #label, #legalimmig #label, #legalemploy #label, #legalhr #label { display: block; width: 200px; height: 30px; background:url(../images/ttl_LEGAL.gif) no-repeat; }
#aboutoverview #label, #aboutbios #label { display: block; width: 200px; height: 30px; background:url(../images/ttl_ABOUT.gif) no-repeat; }
#status #label { display: block; width: 200px; height: 30px; background:url(../images/ttl_STATUS.gif) no-repeat; }
#intakeforms #label { display: block; width: 200px; height: 30px; background:url(../images/ttl_FORMS.gif) no-repeat; }
#resourcesnews #label, #resourcesarticles #label, #resourceslinks #label { display: block; width: 200px; height: 30px; background:url(../images/ttl_RESOURCES.gif) no-repeat; }
#contact #label { display: block; width: 200px; height: 30px; background:url(../images/ttl_CONTACT.gif) no-repeat; }
#login #label { display: block; width: 200px; height: 30px; background:url(../images/ttl_LOGIN.gif) no-repeat; }
#thanks #label { display: block; width: 200px; height: 30px; background:url(../images/ttl_THANKS.gif) no-repeat; }
#tocome #label { display: block; width: 200px; height: 30px; background:url(../images/ttl_TOCOME.gif) no-repeat; }
#legalese #label { display: block; width: 200px; height: 30px; background:url(../images/ttl_DISCLAIMER.gif) no-repeat; }

/* ******************* SubMenu START ******************** */
/* these are the mini menus to the left, under the page tab art  */
#subNavMenu {
	position:absolute;
	left:-40px;
	width:200px;
	margin:0;
	font-family: "Trebuchet MS", "Times New Roman", serif;
	font-size: 12px;
	color: #990000; 
	}
#subNavMenu ul {
	list-style:none;
	}
#subNavMenu li, #subNavMenu li.last {
	width:192px;
	border-top:1px dashed #CCCCCC;
	}
#subNavMenu li a, #subNavMenu li a:link, #subNavMenu li a:visited {
	display:block;
	padding:5px;
	width:192px;
	color:#990000;
	border-left:8px solid #EEEDE0;
	text-decoration:none;
	}
html>body #subNavMenu li a {
	width:auto;
	}
#subNavMenu li a:hover, #subNavMenu li a:active {
	width:192px;
	display:block;
	margin-left:0;
	padding:5px;
	border-left: 8px solid #999999;
	background-color:#990000;
	color:#FFFFFF;
	text-decoration:none;
	}
	
/* ////////////// track what subpage you are on ////////////////////////  */
 
#legalimmig	li.LSimmig,
#legalemploy li.LSemploy,
#legalhr li.LShr,
#resourcesnews li.REnews,
#resourcesarticles li.REarticles,
#resourceslinks li.RElinks,
/* hilite for bio page */
#matt li.biomatt, #liz li.bioliz, #john li.biojohn, #sonya li.biosonya, #lynda li.biolynda, #amanda li.bioamanda, #lana li.biolana, #cary li.biocary {
	display:block;
	width:200px;
	padding:0px;
	margin-left:-8px;
	background-color:#EEEDE0; 
	border-left: 8px solid #CCCCCC; 
	}
	
#legalimmig	li.LSimmig a, #legalimmig li.LSimmig a:link, #legalimmig li.LSimmig a:visited,
#legalemploy li.LSemploy a, #legalemploy li.LSemploy a:link, #legalemploy li.LSemploy a:visited,
#legalhr li.LShr a, #legalhr li.LShr a:link, #legalhr li.LShr a:visited,
#resourcesnews li.REnews a, #resourcesnews li.REnews a:link, #resourcesnews li.REnews a:visited,
#resourcesarticles li.REarticles a, #resourcesarticles li.REarticles a:link, #resourcesarticles li.REarticles a:visited,
#resourceslinks li.RElinks a, #resourceslinks li.RElinks a:link, #resourceslinks li.RElinks a:visited,
/* hilite for bio page */
#matt li.biomatt a, #matt li.biomatt a:link, #matt li.biomatt a:visited,
#liz li.bioliz a, #liz li.bioliz a:link, #liz li.bioliz a:visited,
#john li.biojohn a, #john li.biojohn a:link, #john li.biojohn a:visited, 
#sonya li.biosonya a, #sonya li.biosonya a:link, #sonya li.biosonya a:visited,
#lynda li.biolynda a, #lynda li.biolynda a:link, #lynda li.biolynda a:visited,
#amanda li.bioamanda a, #amanda li.bioamanda a:link, #amanda li.bioamanda a:visited,
#lana li.biolana a, #lana li.biolana a:link, #lana li.biolana a:visited,
#cary li.biocary a, #cary li.biocary a:link, #cary li.biocary a:visited {
	color:#B2B2B2; 
	cursor:default;
	border-left:8px solid #999999;
	}

/* **** For grey sub-submenus like BIOS that are NOT links ***** */	
#aboutbios li.AUbios, #subNavMenu li.active {
	display:block;
	width:200px;
	padding:5px;
	margin-left:-8px;
	background-color:#FFF;
	border-left: 8px solid #CCC;  
	color:#999;
	}

/* ******************* SubMenu END ******************** */
#linklist ul {
	list-style:outside url(../images/arrowred.gif);
	}
#homePg #wrapper {
	position:relative;
	text-align:left;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#CCC;	
}
#homePg #wrapper #toparea {
	background-color:#EEEDE0;
	}	
#homePg #wrapper #artarea {
	visibility:hidden;
	float:left;
	height:100px;
	background-color:#FC0;
	}
#homePg #wrapper #contentwrapper {
	float:left; /* if you remove this, the layout will look good in Dreamweaver, but display wrong when Posted live */
	width:900px;
	background-color:#FFF;
	}
#homePg #wrapper #newsarea {
	float:left;
	background-color:#FFF;
	}
#homePg #wrapper #newsarea #marginnews {
	margin:20px 20px 35px 30px;
	width:500px;
	}
#homePg #wrapper #processtimesarea {
	float:right;
	background-color:#FFF;
	}
#homePg #wrapper #processtimesarea #margintimes {
	margin:20px 30px 20px 20px;
	width:300px;
	}
#disclaimer {
	width:900px;
	background-color:#CCCCCC;
	margin-top:10px;
	}

/* note: in order to fix the IE box model and how it handles padding, u always need to break up into box w/ margins inside of wrapper box instead of working with padding in layout boxes. */
#homePg #introarea #introwrapper {
	width:900px;
	background-color:#FFF; /* this was FFF */
	}
#homePg #introarea #introwrapperIMM {
	width:900px;
 	background-color:#EEEDE0;  /* light beige color for IMM on homepg */
	} 
#homePg #introarea #introwrapperEMP {
	width:900px;
 	background-color:#CCD0DC; /* light blue color for EMP on homepg */
	} 
#homePg #introdiv {
	padding:15px 20px 15px 28px;
	font:normal 14px/1.4em "Trebuchet MS", Georgia, "Times New Roman", serif;  
	text-align:left;
	color:#000;
	letter-spacing:-.1px; /* A bugfix for FireFox Mac. Without this the text overflows to the right  */
	}

/* when you post this live, delete this .huge class ; will not need it anymore 
#homePg #introdiv .huge { font:normal 20px/1.6em Georgia, "Times New Roman", "Trebuchet MS", serif; color:#666; }*/

/* for index.asp homepage ------------- start ----------- */
#homePg #introdivHome {
	position:relative;
	width:900px;
	height:318px;
	padding:0;
	margin:0;
	/* background-color:#FFF; */
	background:url(../images/artGlobeGhosted.jpg) no-repeat top left;
	}
#homePg #introdivHome #introtxt {
	float:left;
	display:inline;
	width:380px;
	margin:20px 20px 15px 25px;
	padding:0;
	/* background-color:#FFF; */
}
#homePg #introdivHome #mainphoto { 
	float:right;
	width:475px;
	height:318px;
	padding:0;
	margin:0;
	/* background-color:#FFF; */
	background:url(../images/loadingTGL.gif) no-repeat top right;
	}
/* for index.asp homepage ------------- end ----------- */


/* ********************** SECTION IMM OR EMP INDICATORS ******************************** */
#sectioncolorbandI {
	float:left;
	width:900px;
	height:30px;
	background:#CCC url(../images/sectgradient_imm.jpg) no-repeat top right;
	visibility: visible;
	}
#sectioncolorbandE {
	float:left;
	width: 900px;
	height: 30px;
	background:#CCC url(../images/sectgradient_emp.jpg) no-repeat top right;
	visibility: visible;
	}
#sectionmenuI {
	position: absolute;
	top: 137px;
	left: 200px;
	width: 700px;
	height: 30px;
	background:#CCC url(../images/sectgradient_imm.jpg) no-repeat top right;
	z-index:50;
	visibility: visible;
	}
#sectionmenuE {
	position: absolute;
	top: 137px;
	left: 200px;
	width: 700px;
	height: 30px;
	background:#CCC url(../images/sectgradient_emp.jpg) no-repeat top right;
	z-index:50;
	}

#paypalForm { margin:0 0 2px 0; }