@charset "utf-8";
/* CSS Document */

body { background: #136AAF; }
#outer { background: #c2e1fd url(top-background.gif) top left repeat-x; }
#inner-wrap {
	background: url(background.jpg) top left no-repeat;
}

/* +++++++++++++++++++++++++++++++++++++++++++ MAIN NAV ++++++++++++++++++++++++++++++++ */
a:link#home, a:visited#home {	
	background: url(nav_home.jpg) left top no-repeat;
}
a:hover#home, a#home.current, a:visited#home.current { background-position: right top; }

a:link#how, a:visited#how {
	background: url(nav_how.jpg) left top no-repeat; 
}
a:hover#how, a#how.current, a:visited#how.current { background-position: right top; }

a:link#where, a:visited#where {
	background: url(nav_where.jpg) left top no-repeat; 
}
a:hover#where, a#where.current, a:visited#where.current { background-position: right top; }

/* +++++++++++++++++++++++++++++++++++++++++++ LEFT COLUMN ++++++++++++++++++++++++++++ */
#col-left-wrap {
	min-height: 200px;	
}
#col-left-top {
	height: auto;
	background: #f1f8fd url(leftcol-background-top.jpg) top left no-repeat;
}
#col-left-special-top {
	height: 48px;
	background: url(leftcol-special-top.jpg) top left no-repeat;
}
#col-left-btm {	background: url(leftcol-background-btm.jpg) bottom left no-repeat; }

#col-left-secondary {	margin-top: 0; }
#col-left-secondary img.banner { float: left; }
#col-left-secondary .fixed-height-ad { height: 118px; }

/* +++++++++++++++++++++++++++++++++++++++++++ SUPPLEMENTAL BOX ++++++++++++++++++++++++++++ */
.box-shorty-wrap {
	float: right;
	width: 423px;
	padding: 0;
}
.box-shorty-top { background: #f3f9ff url(leftcol-shorty-bkgd-top.jpg) top left no-repeat; }

.box-shorty-btm {
	background: url(leftcol-shorty-bkgd-btm.jpg) bottom left no-repeat;
	height: 20px;
}
.banner-btm {
	float: right;
	padding: 0;
}

/* +++++++++++++++++++++++++++++++++++++++++++ RIGHT COLUMN, FIRST BOX +++++++++++++++++++++++ */
#box-right-top { background: /*#f1f8fd*/ url(rightcol-background-top-fade.jpg) top left no-repeat; padding-right: 0;}
#box-right-btm { background: url(rightcol-background-btm.jpg) bottom left no-repeat; }
#box-right-wrap div.long { background: #f1f8fd url(box-top_long.jpg) top left no-repeat; padding-right: 0;}

#box-right-special { 
	/*background: url(rightcol-background-chart.jpg) bottom right no-repeat;
	min-height: 168px;*/
}
#box-right-top .inner { text-align: left; }

#box-right-top-dark .inner, #box-right-top-dark .inner-extra { text-align: center; margin: auto; margin-top: 20px; margin-right: 20px; }
#box-right-top-dark .inner-extra { margin-top: 30px; }
#box-right-top-dark .inner-extra img { margin-right: 20px; }
#box-right-top-dark { margin-top: 0; }
#box-right-top-dark h4.tab { color: #fff; text-align: right; }
#box-right-top-dark { background: #136aaf url(box-top_dark.jpg) top left no-repeat; padding-right: 0;}
#box-right-btm-dark { background: url(box-btm_dark.jpg) bottom left no-repeat; }

.fixed-height { height: 118px; }

#box-right-top ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
/*	width: 170px;*/
}
#box-right-top h4 { margin-top: 0; }

#box-right-top ul li {
	margin: 0;
	padding: 3px 0;
	font-size: 1em;
	line-height: 1em;
}
#box-right-top ul li.first { padding-top: 0; }
#box-right-top ul li.last { padding-bottom: 0; }

.bottom-row-left {
	width: 605px; 
	float: left; 
	padding-left:13px;
	margin-bottom: 20px;
}
.bottom-row-right {
	width: 353px;
	float: left;
	padding: 0 5px 0 12px;
}
.left {
	float: left;
	width: 160px;
	margin-top: 20px;
	font-size: .8em;
}
.right {
	float: right;
	margin-top: 20px;
}
.partner-logo { padding-right: 16px; }

a:link.action, a:visited.action, a:hover.action, a:active.action {
	color: #126bb0;
	margin: 15px auto;
	text-align: center;
	font-size: 1em;
	text-decoration: none;
	background: url(btn_tell_backg.gif) top left no-repeat;
	display: block;
	height: 44px;
	width: 353px;
	padding-top: 12px;
}
a:hover.action { text-decoration: underline; }

form.long input { 
	width: 280px;
	padding: 6px;	vertical-align: middle;
}
form.long input.submit {
	width: 29px;
	padding: 0 0 2px 0;
	vertical-align: middle;
}

#box-right-top ul.buttons {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#box-right-top ul.buttons li {
	margin: 0;
	padding: 0;
	line-height: normal;
	width: 163px;	
}
#box-right-top ul.buttons li a:link, #box-right-top ul.buttons li a:visited, #box-right-top ul.buttons li a:hover, #box-right-top ul.buttons li a:active {
	display: block;
	vertical-align: middle;
	background: url(btn_background.gif) top left no-repeat;
	text-decoration: none;
	padding: 4px 0 0 10px;
	height: 25px;
	color: #126bb0;
}
#box-right-top ul.buttons li a:hover { text-decoration: underline; }

#box-right-top ul.buttons li a:link.current, #box-right-top ul.buttons li a:visited.current, #box-right-top ul.buttons li a:hover.current, #box-right-top ul.buttons li a:active.current {
	display: block;
	vertical-align: middle;
	background: url(btn_background_current.gif) top left no-repeat;
	text-decoration: none;
	padding: 4px 0 0 10px;
	height: 25px;
	color: #126bb0;
}
#box-right-top ul.buttons li a:hover.current { text-decoration: underline; }


/* +++++++++++++++++++++++++++++++++++++++++++ SUPPLEMENTAL BOX ++++++++++++++++++++++++++++ */
.box-top { background: #F4F9FF url(box-top.jpg) top left no-repeat; }
.box-top { padding-right: 0; }
.box-btm { background: url(box-btm.jpg) bottom left no-repeat; }
.darker { background: url(box-btm_darker.jpg) bottom left no-repeat; }

.scroller, .taller {
	width: 310px;
	height: 100px;
	background: #fff;
	border: 1px solid #ddd;
	overflow:auto;
	padding: 8px 6px;
	margin-top: 20px;
	line-height: 1.4em;
	font-size: .9em;
}
.taller { height: 323px; }
/* +++++++++++++++++++++++++++++++++++++++++++ BASIC STYLES +++++++++++++++++++++++++++ */
h4 { 
	color: #126bb0;
	padding-right: inherit;
	margin-bottom: 15px;
}
h4.tab { 
	padding-right: 16px;
	color: #126bb0;
}
#col-left-special-top h4.tab {
	padding-left: 16px;
}

p.intro {
	/*margin-top: 36px*/
	font-weight: 550;
	color: #0d5fa0;
	font-size: .8em;
}
h1.intro {
	font-size: 1em;
}
h2.intro {
	font-size: .9em;
}