/* Red Skin */

/* 
COLOR PALETTE
#a8231b - dark red
#ca6a61 - medium red
#DADADA - light grey
#E4E4E4 - very light grey
#bc524a - red links
*/

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

/* link color */
a, a:visited {
	color: #bc524a; /* RED */
}

a:hover {
	color: #a8231b; /* RED */
}

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

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

#subnav li a, #subnav li a:visited {
	color: #ca6a61; /* RED */
}

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

/* 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 {
	color: #a8231b; /* RED */
}

/* 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/red_rollover.gif') bottom left repeat-x; /* rollover background RED */
	/*background: #fff;*/
}

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

	.buttonlink:hover {
		background-color: #f5e3e3; /* rollover RED */
		background-image: none;
	}
	
/* right column */

#rightcolumn .intro { /* intro paragraph on landing page */
	color: #ca6a61; /* RED */
}

/* general content */

#rightcolumn h1, #rightcolumn  h2 {
	color: #a8231b; /* RED */
	text-decoration:underline;
}

#rightcolumn h3, #rightcolumn h4, #rightcolumn h5 {
	color: #a8231b; /* RED */
}

#rightcolumn .headingbox {
	background-color: #a8231b; /* RED */
	color: #fff;
}
	
/* databox */
.databox .row {	
	background-color: #f5e3e3; /* RED */
}

/* floatboxes */
.floatbox, .narrowfloatbox{
	background-color: #DADADA; /* gray because light red looked too pink */
}

.newFloatbox{
 	/*background-color: #BA8484;*/
	background-color: #555555;
}

/* blockquotes */
#rightcolumn blockquote p {
	color: #ca6a61;	/* RED */
}

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