@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 hidden 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;
	opacity:.1;  /*CSS standard*/
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10); /*IE8*/
	filter:alpha(opacity=10); /*IE7*/
	background-color: gray;
}

div#sidebarRightBox2 {
	position: relative; 
	left: 30px; top: -70px; width: 160px; height: 150px;	
	opacity:.1;  /*CSS standard*/
	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 spacer.gif as a spacer around headRightLogo/sidebarRight
   so that text flows around the top right sidebar. 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: 620px;
}

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


/*** Instead of graphic in left sidebar: place as empty divs ***/
div#sidebarNote {
	z-index: 1; position: absolute; 
	left: 30px; top: 20px; width: 200px;
	filter:alpha(opacity=80);opacity:.8;
}

div#sidebarBox1 {
	z-index: 0; position: absolute; 
	left: 0px; top: 154px; width: 200px; height: 440px;	
	opacity:.15;  /*CSS standard*/
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=15); /*IE8*/
	filter:alpha(opacity=15); /*IE7*/
	background-color: gray;
}

div#sidebarBox2 {
	z-index: 1; position: absolute; 
	left: 33px; top: 220px; width: 115px; height: 415px;	
	opacity:.15;  /*CSS standard*/
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=15); /*IE8*/
	filter:alpha(opacity=15); /*IE7*/
	background-color: gray; 
}

div#sidebarBox3 {
	z-index: 2; position: absolute; 
	left: 75px; top: 310px; width: 125px; height: 220px;
	opacity:.50;  /*CSS standard*/
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /*IE8*/
	filter:alpha(opacity=5); /*IE7*/
	background-color: white; 
}

div#twitter_div {
	z-index:2;
	float:right;  width: 180px;
	margin-top: 50px; padding:10px;
	background-color: #f5f5f5;
	border-left: 20px solid white;  /* wider margin around the div */
}