/* Purple Skin */

/* 
COLOR PALETTE
#330046 - dark purple
#670486 - medium purple
#90789a - light purple
#EAE2F4 - very light purple
#71577c - purple links

#8D8D8D - grey
#DADADA - light grey
*/

/* add color borders */
#content {
	border-left: 6px solid #330046; /* PURPLE */
	border-right: 6px solid #330046; /* PURPLE */
	border-bottom: 1px solid #ccc; /* page bottom border */
	padding-bottom: 20px;
}

/* link color */
a, a:visited {
	color: #71577c; /* PURPLE */
}

a:hover {
	color: #330046; /* PURPLE */
}

/* blocks */
#topbar {
	background: transparent url('/resource/images/skins/purple_bar.gif') top left repeat-x; /* PURPLE bar background */
}

#leftcolumn, #leftcolumn_noimage {
	background: transparent url('/resource/images/skins/purple_subnav_background.gif') top left repeat-x; /* PURPLE subnav background fade */
}

#subnav li a, #subnav li a:visited {
	color: #90789a; /* PURPLE */
}

/* rollover and currently lit style for non-IE */
#subnav li a:hover, #subnav li .lit, #subnav li .lit:visited {
	color: #330046; /* PURPLE */
}

/* rollover and currently lit style for IE, which requires that we be painfully specific */
* html #content #leftcolumn #subnav li a:hover, * html #content #leftcolumn #subnav li .lit, * html #content #leftcolumn #subnav li .lit:visited {
	color: #330046; /* PURPLE */
}

/* hover state for both */
#subnav li ul li a:hover,#subnav li ul li .lit, * html #subnav li ul li a:hover, * html #subnav li ul li .lit{
	background: #fff url('/resource/images/skins/purple_rollover.gif') bottom left repeat-x; /* rollover background PURPLE */
}

/* buttonlink */
.buttonlink {
	background: #fff url('/resource/images/skins/purple_rollover.gif') bottom left repeat-x; /* rollover background PURPLE */
}

	.buttonlink:hover {
		background-color: #EAE2F4; /* rollover PURPLE */
		background-image: none;
	}

/* right column */

#rightcolumn .intro { /* intro paragraph on landing page */
	color: #670486; /* PURPLE */
}

/* general content */

#rightcolumn h2 {
	color: #670486; /* PURPLE */
	border-bottom: 1px solid #90789a; /* PURPLE */
}

#rightcolumn h1, #rightcolumn h3, #rightcolumn h4, #rightcolumn h5 {
	color: #330046; /* PURPLE */
}

#rightcolumn .headingbox {
	background-color: #304; /* PURPLE */
	color: #fff;
}
	
/* databox */
.databox .row {	
	background-color: #EAE2F4; /* PURPLE */
}

/* floatboxes */
.floatbox, .narrowfloatbox {
	background-color: #90789a; /* PURPLE */
}

/* blockquotes */
#rightcolumn blockquote p {
	color: #670486;	/* PURPLE */
}

/* content boxes */
.box1 {
	background: #fff url('/resource/images/skins/purple_rollover.gif') bottom left repeat-x; 
}