@charset "UTF-8";
/* CSS Document */

div#sidebarImage {
	z-index: 0; position: absolute; 
	left: 0px; top:20px; width: 225px;
}

div#sidebarImageRollover {
	z-index: 1; position: absolute; 
	left: 0px; top:20px; width: 225px;
	background-color: transparent;
}

div#sidebarText {
	z-index: 3; position: absolute; 
	left: 20px; top: 185px; width: 200px;
	background-color: transparent;
}

div#headLeftLogo {
	z-index: 1; position: absolute;
	left: 170px; top: 15px;
}

div#headLeftText {
	z-index: 1; position: absolute;
	left: 170px; top: 50px;
}

div#headRightTagLines {
	z-index: 1; position: absolute;
	left: 530px; top: 25px; 
}

div#headRightLogo {
	z-index: 2;
	position: absolute;
	left: 485px;
	top: 50px;
	height: 80px;  /* make height short so content is not hiddent under it */
}

/* Use sidebars inside headRightLogo so they align */

/* not really needed */
div#sidebarRight {
	position: relative;
}

div#sidebarRightBox1 {
	position: relative; 
	left: 10px; top: 7px; width: 220px; height: 110px;
	filter:alpha(opacity=10); opacity:.10;
	background-color: gray;
}

div#sidebarRightBox2 {
	position: relative; 
	left: 30px; top: -70px; width: 160px; height: 150px;	
	opacity:.1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; // IE8
	filter:alpha(opacity=10); // IE7
	background-color: gray; 
}

div#sidebarRightText {
	position: relative; 
	top: -250px; width: 300px; 
}


/* Use with headRightLogo/sidebarRight as a spacer: add required height */
.sidebarRightSpacer {
	float:right; width: 155px; 
}

/* Top of content section when it starts with a heading (common case) */
div#content {
	z-index: 1; position: absolute;
	left: 220px; top: 131px; width: 600px;
}

/* Top of content section when it starts with images or text paragraphs */
div#contentImagesText {
	z-index: 1; position: absolute;
	left: 220px; top: 151px; width: 600px;
}

div#contentBody {
	z-index: 1; width: 400px;
}


/*** Instead of graphic in left sidebar ***/

div#sidebarBox1 {
	z-index: 1; position: absolute; 
	left: 0px; top: 150px; width: 200px; height: 440px;	
	filter:alpha(opacity=20);opacity:.2;
	background-color: gray;
}

div#sidebarBox2 {
	z-index: 2; position: absolute; 
	left: 30px; top: 220px; width: 120px; height: 410px;	
	filter:alpha(opacity=13);opacity:.13;
	background-color: gray; 
}

div#sidebarBox3 {
	z-index: 3; position: absolute; 
	left: 80px; top: 300px; width: 120px; height: 220px;
	filter:alpha(opacity=60);opacity:.60;	
	background-color: white; 
}