/* Prism Arts - Spinning Yarns Project - CSS Document */

#outerHeader {
	background: #150040;
}

#header {
	background: url(../binaries/yarns-header-bg.jpg) no-repeat left top;
}

#logo {
	background-image: none; /* Logo embedded into #header */
}

#outerTopNav {
	background: url(../binaries/nav/nav-bg-yarns2.gif) repeat-x left bottom;
	border-bottom-color: #bb780f;
}

#outerMainContent {
	background: #f2b657 url(../binaries/maincontent-bg-yarns.gif) left top repeat-x;
}

#mainContent {
	background: url(../binaries/rightcol-bg-yarns.gif) repeat-y right top;
}

#leftCol h2 {
	color: #1f153b;
	border-bottom-color: #1f153b;
}

#leftCol h3 {
	background: #ba760b;
	color: #fff;
}

#sidePic {
	background: url(../binaries/side-pics/spinning-yarns2.jpg) no-repeat left top;
}

#rightCol h1 {
	background: #1f153b;
}

#subNav a {
	color: #000;
	background: #fff url(../binaries/side-menu/sub-nav-bg-yarns.gif) repeat-x left bottom;
	border-bottom: 1px solid #000;
}
#subNav a:hover {
	background-image: url(../binaries/side-menu/subnav-bg-yarns.gif);
}
#subNav .current a {
	color: #fff;
	text-decoration: none;
	cursor: default;
	background: #872f1b url(../binaries/side-menu/sub-nav-bg-active-yarns.gif) repeat-x left bottom;
}