@charset "utf-8";
/* CSS Document */

/********************************/
/* WRAPPER						*/
/********************************/

#wrapper {
	background-color: #e7e3ee; 	/* bkgPurpleBase */
}

/********************************/
/* HEADER > LOGO				*/
/********************************/
#header img.imgLandscape,
#header img.imgPortrait {
	border-bottom:1px solid #330066; 	/* linePurple */
}

/********************************/
/* HEADER > COLOR BAR			*/
/********************************/

#header #colorBar-1 {
	border-bottom:1px solid #e7e3ee; 	/* bkgPurpleBase */
	background-color: #e7e3ee; 	/* bkgPurpleBase */
}

#header #colorBar-2 {
	background-color: #e7e3ee; 	/* bkgPurpleBase */
	border-bottom:1px solid #330066; 	/* linePurple */
}

#header #colorBar-2 a {
	-moz-box-shadow: 1px 1px 3px #ccc5d6; 	/* bkgPurpleDark2 */
	-webkit-box-shadow: 1px 1px 3px #ccc5d6; 	/* bkgPurpleDark2 */
	box-shadow: 1px 1px 3px #ccc5d6; 	/* bkgPurpleDark2 */
}

#header #colorBar-2 a:link,
#header #colorBar-2 a:visited {
	background-color: #f7f2ff; 	/* bkgPurpleLight */
	border:1px solid #330066; 	/* linePurple */
}

#header #colorBar-2 a:hover,
#header #colorBar-2 a:focus {
	background-color: 	#dcd8e2; 	/* bkgPurpleDark1 */
	border:1px solid #330066; 	/* linePurple */
}

#header #colorBar-2 a:active {
	background-color: 	#ccc5d6; 	/* bkgPurpleDark2 */
	border:1px solid #330066; 	/* linePurple */
}

#header #colorBar-2 a:active .toListen {
	color:#330066; 	/* txtPurpleDark */
}

/********************************/
/* SIDENAV						*/
/********************************/
#sideNav ul li a {
	background-image:url("../imgs/arrowsRegular/arrowPurpleDark.gif");
	border: 1px solid #e7e3ee; 	/* bkgPurpleBase */
	text-decoration:none;
}

#sideNav ul li a:link,
#sideNav ul li a:visited {
	color:#330066; 	/* txtPurpleDark */
}

#sideNav ul li a:hover,
#sideNav ul li a:focus {
	background-color: #ccc5d6; 	/* bkgPurpleDark2 */
}

#sideNav ul li a:active {
	background-image:url("../imgs/arrowsRegular/arrowPurpleLight.gif");
	color:#660099; 	/* txtPurpleLight */
	background-color:#e7e3ee; 	/* bkgPurpleBase */
	border: 1px dotted #660099; 	/* txtPurpleLight */
}

/********************************/
/* MAIN	- CONTENT				*/
/********************************/
#content {
	border-left:1px solid #330066; 	/* linePurple */

}

/****************************************************/
/* DEFAULT LINKS (TOC, MORE INFO, AND BACK TO TOP)	*/
/****************************************************/
/* 	Styles for Table of Contents, More Info Bar, 
	and "Back to" links */

#content a {
	text-decoration:underline;
}

#content .links a {
	text-decoration:none;
	background-image:url("../imgs/arrowsRegular/arrowPurpleDark.gif");
}

#content .links p.linkBackTo a {
	background-image:url("../imgs/arrowsSmall/arrowPurpleDark.gif");
}

#content a:link,
#content a:visited {
	color:#330066; 	/* txtPurpleDark */
}

#content a:hover,
#content a:focus {
	color:#330066; 	/* txtPurpleDark */
	background-color: #dcd8e2; 	/* bkgPurpleDark1 */
}

#content a:active {
	color:#660099; 	/* txtPurpleLight */
	background-color: #f7f2ff; 	/* bkgPurpleLight */
	border:1px dotted #660099; 	/* txtPurpleLight */
}

#content .links a:active {
	background-image:url("../imgs/arrowsRegular/arrowPurpleLight.gif");
}

#content .links p.linkBackTo a:active {
	background-image:url("../imgs/arrowsSmall/arrowPurpleLight.gif");
}

/************************/
/* SCROLL BARS			*/
/************************/
.jspTrack {
	background: #f7f2ff; 	/* bkgPurpleLight */
}

.jspVerticalBar,
.jspHorizontalBar,
.jspArrow.jspDisabled {
	background: #e7e3ee; 	/* bkgPurpleBase */
}

.jspArrow,
.jspCorner,
.jspDrag,
.jspDrag:hover {
	background: #ccc5d6; 	/* bkgPurpleDark2 */
}

