@charset "iso-8859-1";

a:link, a:visited {
	color: #000000;
text-decoration: underline;
}

a:hover {
color: #ffffff;
background: #000000;
text-decoration: underline;
}

#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{
	border-color: #000;
}


body
{
	background-image: url("../images/tile18.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
	background-color: #665;
	color: #fff;
}
#pageWrapper
{
	background-image: url("../images/tile19.jpg");
	background-repeat: repeat-y;
	background-position: 100% 0;
}
#masthead-top-menu
{
	background-image: url("../images/tile19.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
	background-color: #885;
	color: #fff;
}
#masthead-93
{
	background-image: url("../images/top_graphic2.jpg");
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-color: #885;
	color: #fff;
}
#outerColumnContainer
{
	border-left-color: #eec;	/* left hand column background color */
	border-right-color: #bb8;	/* right hand column background color */
	border-left-width: 0;
	border-right-width: 0;	/* we remove the borders so we can apply
				   background images. - see also BASE css */
				   
	padding-left: 12em;	/* because padding is on the left-side,
				   the left-column"s background image is
				   going to be applied to this element. */
	margin-right: 175px;	/* 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("../images/tile14.jpg");
	background-repeat: repeat;
	background-position: 0 0;
	background-color: #fff;		/* this sets the background color on the
					   center column */
	color: #000;
}
#innerColumnContainer
{
	background-image: url("../images/tile17.jpg");
	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 */
	color: #000;
}
#leftColumn
{
	color: #000;
}
#rightColumn
{
	color: #000;
}

#footer
{
	background-image: url("../images/tile12.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
	background-color: #885;
	color: #fff;
}
.hnav, .hnav ul li a
{
	background-image: url("../images/tile15.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
	background-color: #cc9;
	color: #336;
}
.hnav ul li a:hover
{
	background-color: #336;
	color: #fff;
	background-image: url("../images/tile09.jpg");
}
.vnav ul li a
{
	background-image: url("../images/tile16.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
	color: #336;
	background-color: #cc9;
}
.vnav ul li a:hover
{
	background-color: #336;
	color: #fff;
	background-image: url("../images/tile20.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
}
.vnav ul li span.whynot a
{
	background-image: url("../images/tile11.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
	color: #ffffff;
	background-color: #cc9;
}
.vnav ul li span.whynot a:hover
{
	background-color: #336;
	color: #000000;
	background-image: url("../images/tile09.jpg");
	background-repeat: repeat;
	background-position: 100% 0;
}

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