@charset "iso-8859-1";

/*******************************************************************************
*  bgImages.css : 2004-08-12 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  this demonstration stylesheet is used to show how to apply background images
*  to elements within the layout. This includes switching from borders to 
*  background images for the side columns. This requires some additional 
*  values to be altered besides the background family of properties.
*******************************************************************************/

#outerColumnContainer
{
	border-left-width: 0;
	border-right-width: 0;	/* we remove the borders so we can apply
				   background images. */
	padding-left: 15em;	/* because padding is on the left-side,
				   the left-column"s background image is
				   going to be applied to this element. */
	margin-right: 15em;	/* the right-column"s space is reserved
				   with margin space rather than padding,
				   so we can apply a background image to
				   the parent element, #pageWrapper, and
				   it will peek through. */
	background-image: url("darkbar.gif");
	background-repeat: repeat;
	background-position: 0 0;
}
#pageWrapper
{
	background-image: url("darkbar.gif");
	background-repeat: repeat-y;
	background-position: 100% 0;
}
#masthead
{
	background-image: url("text.gif");
	background-repeat: repeat;
	background-position: 100% 0;
}
.hnav, .hnav ul li a
{
	background-image: url("darkbar.gif");
	background-repeat: repeat;
	background-position: 100% 0;
}
.hnav ul li a:hover
{
	background-image: url("");
}
#footer
{
	background-image: url("darkbar.gif");
	background-repeat: repeat;
	background-position: 100% 0;
}
#contentColumn
{
	background-color:transparent;	/* need to reset the background color of
					   the content column because we set it
					   in v4.css */
}
#innerColumnContainer
{
	background-image: url("lightbar.gif");
	background-repeat: repeat;
	background-position: 100% 0;
}
body
{
	background-image: url("");
	background-repeat: repeat;
	background-position: 100% 0;
}
.vnav ul li a
{
	background-image: url("darkbar.gif");
	background-repeat: repeat;
	background-position: 100% 0;
}
.vnav ul li a:hover
{
	background-image: url("");
	background-repeat: repeat;
	background-position: 100% 0;
}

/******************************************************************************/