body {background-color: #0f063d;}

div.mast div.login,
div.mast div.login-wrapper,
div.position div.site-search,
div.site-search span,
div.main div.content,
div.main div.content div.rt span,
div.main div.content div.rb span,
div.footer-wrapper span.line  {background-color: #4d3e99;}

div.main div.content div.copy div.main-area h1,
div.copy div.main-area div.section h2,
div.copy div.main-area div.section h3,
div.main div.content div.copy div.main-area-wide h1,
div.copy div.main-area-wide div.section h2,
div.copy div.main-area-wide div.section h3 {color: #4d3e99;}

div.copy div.main-area div.section a:link,
div.copy div.main-area div.section a:visited,
div.copy div.main-area-wide div.section a:link,
div.copy div.main-area-wide div.section a:visited {
    color: #555;
}

div.internal,
div.internal div.rb span {background-color: #fff !important;}

div.internal div.breadcrumb ul li,
div.callout-right-box-middle h3,
div.internal div.main-area a:link,
div.internal div.main-area a:visited,
div.internal div.main-area-wide a:link,
div.internal div.main-area-wide a:visited {color: #426d65 !important;}

div.internal div.rt span {background-color: #ddd !important;}

div.footer * {color: #fff;}

/* Added here to support these images being customizble */

div.mast {
    position: relative;
    height: 221px;
    background: #fff url(/css/images/bg-mast.jpg) repeat-x left bottom;
}

div.main div.content div.copy div.left-sidebar {
	float: left;
	margin: -29px 0 -19px;
	padding: 10px;
	width: 219px;
	min-height: 700px;
	background: #fff url(/css/images/bg-left-sidebar.jpg) repeat-x 0 0;
}

div.copy div.left-sidebar div.current-rates {
    margin: -15px 0 15px -20px;
    padding: 15px 0 0;
    width: 239px;
    height: 39px;
    font: 10px Verdana, Arial, sans-serif;
    background: transparent url(/css/images/bg-current-rates.gif) repeat-x 0 0;
}

div.column-double-grad-150-dark
{
	width: 640px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/hsa-bg-Double-Column-150d.png) no-repeat 0 0;
}

div.column-grad-300
{
	width: 276px;
	padding: 15px 0 0 15px;
    background: url(/css/images/background_320x150.png) no-repeat 0 0;
}

.column-grad-300-green
{
	width: 290px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/box_300x200_green.png) no-repeat 0 0;
}

.column-box-300-purple
{
	width: 290px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/box_300x200_purple.png) no-repeat 0 0;
}

.column-box-300-green_t
{
	width: 290px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/box_300x200_green.png) no-repeat 0 0;
}

.column-box-300-purple_t
{
	width: 290px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/box_300x200_purple.png) no-repeat 0 0;
}

.column-box-300-green_u
{
	width: 290px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/box_300x200_green.png) no-repeat 0 0;
}

.column-box-300-purple_u
{
	width: 290px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/box_300x200_purple.png) no-repeat 0 0;
}

.column-box-300-green_l
{
	width: 290px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/box_300x200_green.png) no-repeat 0 0;
}

.column-box-300-purple_l
{
	width: 290px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/box_300x200_purple.png) no-repeat 0 0;
}

.column-box-300-green_b
{
	width: 290px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/box_300x200_green.png) no-repeat 0 0;
}

.column-box-300-purple_b
{
	width: 290px;
	padding: 15px 0 0 15px;
    background: transparent url(/css/images/box_300x200_purple.png) no-repeat 0 0;
}

.column-fill-ltpurple-3
{
	width: 200px;
	padding: 10px 0 0 10px;
	background: transparent url(/css/images/purple_320x50.png) repeat-y;
}

div.column-grad-500
{
	width: 310px;
	
    background: url(/css/images/background_320x250.png) no-repeat 0 0 ;
}

.column-fill-320-ltpurple
{
	padding: 15px 0px 0 15px;
    background: transparent url(/css/images/bg-fill-ltpurple-320wide.png) repeat-y;
    
}

.column-fill-320-green
{
	padding: 15px 0px 0 15px;
    background: transparent url(/css/images/bg-fill-green-320wide.png) repeat-y;
}

/* If you need a shorter Getting started png image change below to
   bg-getting-started_short.png */
 div.main div.content div.copy div.right-sidebar div.getting-started {
    padding: 30px 0 0 7px;
    width: 137px;
    height: 288px;
    background: transparent url(/css/images/bg-getting-started.png) no-repeat 0 0;
}