/* style overrides for HSA mini-site */

body {
	background-color: #4a4078;
}
#brand a#logo {
	background-image: url(../../../NewGraphics/newerGraphics/HSAbrandBG.png);
}

/* headings and text overrides for HSA mini-site */

h2 {
	text-align: left;
	color: #a13636;
}
h5 {
	text-align: center;
}
h4, .subsub, .table caption {
	color: #362d5e;
}
h3.left {
	text-align: left;
}

/* nav overrides for HSA mini-site */

#navwrapper UL.navchild  { 
	background-color:#4a4078;
	border-color:#2f294d; 
}
#navwrapper UL.navchild LI {
	border-color:#494266; 
}

#content { 
border-color: #2f294d; 
}


/* call to action overrides for HSA mini-site */


.callToAction {
	border-color: #a13636;
	background-image: url(../../../NewGraphics/newerGraphics/HSACallToActionBG.gif);
	background: -webkit-gradient(linear, 0 10%, 0 60%, color-stop(0,#e4d3b1), color-stop(1,white)); /*webkit*/
    background: -moz-linear-gradient(top, #e4d3b1 10%, white 60%); /*gecko*/
   -pie-background: linear-gradient(top, #e4d3b1, #fff); /*PIE*/

	background-color:white;
}
.callToAction ie6-mask {
	width:100%;
}
.callToAction h3 {
	color: #a13636;
	text-shadow: 2px 2px 3px #a69a81;
	margin-bottom:1em;
}

/* button overrides for HSA mini-site */
a.button.default { background-color: #604db7; color: #2e2e2e; }
a.button.default:hover { background-color: #3d3b36; }
a.button span {
	background-image: url(../../../NewGraphics/newerGraphics/HSAlinkButtonBG.gif);
	background-position: 0 0;
}
a.button.default span {
	border-color:#362b66; 
}

/* image overrides for HSA mini-site */

.floatRight {  
	/* stupid name for a class. What if in the future they want to change the design and float it to the left, or make in inline-block or something?? If you really want to hard-code the float into the HTML, you could use a style attribute instead of a class. But why? Better to use a class name that reflects what is applied to, instead of what it is currently styled as. */
	float: right;
	margin: 3px 0 15px 15px;
	*margin-top: 15px;
}

/* table overrides for HSA mini-site */

table.table TH
{
	background-color: #a49dc6;
	color: #6B5A92;
}
table.table TD, table.table TD.highlight, table.table TR.total TD {
	background-color: #e9e7f4;
}
table.table TD.highlight {
	background-color: #d3ceea;
}
table.table TH.highlight { background-color: #73619E; color:#fff; }