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

/********************************/
/* WRAPPER						*/
/********************************/

#wrapper {
	background-color: #ffffb2; 	/* bkgYellowBase */
}

/********************************/
/* HEADER > LOGO				*/
/********************************/
#header img.imgLandscape,
#header img.imgPortrait {
	border-bottom:1px solid #666600; 	/* lineYellow */
}

/********************************/
/* HEADER > COLOR BAR			*/
/********************************/

#header #colorBar-1 {
	border-bottom:1px solid #ffffb2; 	/* bkgYellowBase */
	background-color: #ffffb2; 	/* bkgYellowBase */
}

#header #colorBar-2 {
	background-color: #ffffb2; 	/* bkgYellowBase */
	border-bottom:1px solid #666600; 	/* lineYellow */
}

#header #colorBar-2 a {
	-moz-box-shadow: 1px 1px 3px #999900; 	/* txtYellowLight */
	-webkit-box-shadow: 1px 1px 3px #999900; 	/* txtYellowLight */
	box-shadow: 1px 1px 3px #999900; 	/* txtYellowLight */
}

#header #colorBar-2 a:link,
#header #colorBar-2 a:visited {
	background-color: #ffffdd; 	/* bkgYellowLight */
	border:1px solid #666600; 	/* lineYellow */
}

#header #colorBar-2 a:hover,
#header #colorBar-2 a:focus {
	background-color: 	#eded9e; 	/* bkgYellowDark1 */
	border:1px solid #666600; 	/* lineYellow */
}

#header #colorBar-2 a:active {
	background-color: 	#e5e585; 	/* bkgYellowDark2 */
	border:1px solid #666600; 	/* lineYellow */
}

#header #colorBar-2 a:active .toListen {
	color:#666600; 	/* txtYellowDark */
}

/********************************/
/* SIDENAV						*/
/********************************/
#sideNav ul li a,
#sideNav p a.learnMore {
	background-image:url("../imgs/arrowsRegular/arrowYellowDark.gif");
	border: 1px solid #ffffb2; 	/* bkgYellowBase */
	text-decoration:none;
}

#sideNav ul li a:link,
#sideNav ul li a:visited,
#sideNav p a.learnMore:link,
#sideNav p a.learnMore:visited {
	color:#666600; 	/* txtYellowDark */
}

#sideNav ul li a:hover,
#sideNav ul li a:focus,
#sideNav p a.learnMore:hover,
#sideNav p a.learnMore:focus {
	background-color: #e5e585; 	/* bkgYellowDark2 */
}

#sideNav ul li a:active,
#sideNav p a.learnMore:active {
	background-image:url("../imgs/arrowsRegular/arrowYellowLight.gif");
	color:#999900; 	/* txtYellowLight */
	background-color:#ffffb2; 	/* bkgYellowBase */
	border: 1px dotted #999900; 	/* txtYellowLight */
}

/********************************/
/* MAIN	- CONTENT				*/
/********************************/
#content,
#homeContent {
	border-left:1px solid #666600; 	/* lineYellow */

}

/****************************************************/
/* DEFAULT LINKS (TOC, MORE INFO, AND BACK TO TOP)	*/
/****************************************************/
/* 	Styles for Table of Contents, More Info Bar, 
	and "Back to" links */

#content a,
#homeContent a {
	text-decoration:underline;
}

#content .links a,
#homeContent .links a {
	text-decoration:none;
	background-image:url("../imgs/arrowsRegular/arrowYellowDark.gif");
}

#content .links p.linkBackTo a,
#homeContent .links p.linkBackTo a {
	background-image:url("../imgs/arrowsSmall/arrowYellowDark.gif");
}

#content a:link,
#content a:visited,
#homeContent a:link,
#homeContent a:visited {
	color:#666600; 	/* txtYellowDark */
}

#content a:hover,
#content a:focus,
#homeContent a:hover,
#homeContent a:focus {
	color:#666600; 	/* txtYellowDark */
	background-color: #eded9e; 	/* bkgYellowDark1 */
}

#content a:active,
#homeContent a:active {
	color:#999900; 	/* txtYellowLight */
	background-color: #ffffdd; 	/* bkgYellowLight */
	border:1px dotted #999900; 	/* txtYellowLight */
}

#content .links a:active,
#homeContent .links a:active {
	background-image:url("../imgs/arrowsRegular/arrowYellowLight.gif");
}

#content .links p.linkBackTo a:active,
#homeContent .links p.linkBackTo a:active {
	background-image:url("../imgs/arrowsSmall/arrowYellowLight.gif");
}

/************************/
/* SCROLL BARS			*/
/************************/
.jspTrack {
	background: #ffffdd; 	/* bkgYellowLight */
}

.jspVerticalBar,
.jspHorizontalBar,
.jspArrow.jspDisabled {
	background: #ffffb2; 	/* bkgYellowBase */
}

.jspArrow,
.jspCorner,
.jspDrag,
.jspDrag:hover {
	background: #e5e585; 	/* bkgYellowDark2 */
}