/* -- COLORS -- */

body {
	background: #eae8d7;
}
#header {
	background: #ced9d9 url(/css/images/stripe-header.png) top center repeat-x;
}
#nav {
	background: #aebec5 url(/css/images/stripe-nav.png) top center repeat-x;
}
#sub-nav {
	background: #b8441c;
	border-bottom: 1px solid #59210d;
}
#intro {
	background: #eae8d7;
	border-bottom: 1px solid #c7c7b7;
	border-top: 1px solid #fff;
}
	#intro h1,
	#intro h2,
	#intro p,
	#logo span {
		color: #7a7768; /* intro text color */
	}
	#intro h1 {
		font-family: "trebuchet ms";
		font-weight: normal;
		letter-spacing: -.05em;
		font-style: normal;
	}
#main {
	background: #fff url(/css/images/stripe-main.png) top center repeat-x;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c7c7b7;
}
	#main h1,
	#main h2,
	#main h3,
	#main dt,
	#footer h3,
	a:link,
	a:visited,
	a:hover,
	a:active {
		color: #bf5b39; /* accent color for text */
	}
	legend,
	.form-field span.description {
		color: #006db0; /* accent color for form text */
	}
	#main p,
	#main li,
	#main dd,
	#footer,
	label,
	#main div.privacy h3 {
		color: #5e5e5e; /* primary color for text */
	}
	fieldset,
	.link-ads img:hover,
	.form-field input.text,
	.form-field input.title,
	.form-field select {
		border: 1px solid #B5CEFF;
	}
	fieldset,
	.link-ads img:hover {
		background-color: #F0F6FB;
	}
	#main fieldset.homepage { /* Apply Now banner */
		background-image: url(/css/images/apply-now.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		padding-top: 70px;
	}
	input.button {
		background-color: #006db0;
		color: #fff;
		border-top: 1px solid #b5ceff;
		border-left: 1px solid #b5ceff;
		border-right: 1px solid #18314a;
		border-bottom: 1px solid #18314a;
	}
	input.secure {
		background: #006db0 url(/css/images/silk-icons/lock_go-006db0.png) no-repeat 7px 3px;		
	}
#footer {
	background: #eae8d7;
	border-top: 1px solid #fff;
}

/* -- HEADER -- */

#header {
	height: 51px;
	padding-top: 7px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
#logo {
	background: url(/css/images/bcal-logo.png) no-repeat -0px 0px;
	height: 63px;
	margin: 0px;
	margin-left: -23px;
}
#logo span {
	margin-left: -9999px;
}

/* -- NAVIGATION -- */

#nav {
	margin-top: 0px;
}
#nav a:link, #nav a:visited {
	background: #112637 url(/css/images/tab-round.png) right 60px; /* color of tabs (inactive state) */
	color: #969da4;
}
	#nav a span {
		background: #112637 url(/css/images/tab-round.png) left 60px;
	}
#nav a:hover {
	color: #fff;
}
#nav .active a:link, #nav .active a:visited, #nav .active a:visited, #nav .active a:hover {
	background: #b8441c url(/css/images/tab-round.png) right 0 no-repeat; /* color of active tab */
	color: #fff;
}
	#nav .active a span, #nav .active a:hover span {
		background: url(/css/images/tab-round.png) left 0 no-repeat;
	}

	/* -- LIT -- */

	#nav .lit a:link, #nav .lit a:visited, #nav .lit a:visited, #nav .lit a:hover {
		background: #69a702 url(/css/images/tab-round.png) right -60px no-repeat; /* color of lit tab */
		color: #fff;
	}
		#nav .lit a span, #nav .lit a:hover span {
			background: url(/css/images/tab-round.png) left -60px no-repeat;
		}

/* -- SUB-NAV -- */

#sub-nav a:link, #sub-nav a:visited {
	color: #fff; /* sub-nav primary color (inactive state) */
	background: #a73d1a url(/css/images/tab-round-subnav.png) right 0px; /* sub-nav hover color */
	border: none;
}
	#sub-nav a:link span, #sub-nav a:visited span {
		color: #fff; /* sub-nav primary color (inactive state) */
		background: #a73d1a url(/css/images/tab-round-subnav.png) left 0px;
		border: none;
	}
#sub-nav a:hover {
	background: #851f00 url(/css/images/tab-round-subnav.png) right 20px; /* sub-nav hover color */
	color: #fff;
}
	#sub-nav a:hover span {
		background: url(/css/images/tab-round-subnav.png) left 20px;
	}
#sub-nav .active a:link, #sub-nav .active a:visited, #sub-nav .active a:hover {
	background: #851f00 url(/css/images/tab-round-subnav.png) right 40px; /* sub-nav active color */
} 
	#sub-nav .active a span, #sub-nav .active a:hover span {
		background: url(/css/images/tab-round-subnav.png) left 40px;
		color: #fff;
	}

#sub-nav .usa a span, #sub-nav .canada a span, #sub-nav .mexico a span,
#sub-nav .usa a:hover span, #sub-nav .canada a:hover span, #sub-nav .mexico a:hover span {
	background: none;
}

#sub-nav .usa a:link, #sub-nav .usa a:visited,
#sub-nav .canada a:link, #sub-nav .canada a:visited,
#sub-nav .mexico a:link, #sub-nav .mexico a:visited {
		background-color: none;
		background-image: url(/images/silk-icons/flag-us.gif);
		background-position: 8px center;
		background-repeat: no-repeat;
		padding-left: 20px;
}
#sub-nav .canada a:link, #sub-nav .canada a:visited {
		background-image: url(/images/silk-icons/flag-ca.gif);
}
#sub-nav .mexico a:link, #sub-nav .mexico a:visited {
		background-image: url(/images/silk-icons/flag-mx.gif);
}

ul.statelist {
	
}
ul.statelist li {
	display: block;
	width: 125px;
	margin-right: 40px;
	float: left;
	margin-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #e2e2e2; /* rule below */

}