body {
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	background: #EEECDA;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#holder {
	border: 1px #004A89 solid;
	margin: 0 auto;
	padding: 0;
	width: 750px;
	text-align: left;
	position: relative;
	background: #FFF url(../images/leftsidebar.gif) repeat-y top left;
	}

#header {
	background: url(../images/bankinglogo.gif) no-repeat;
	height: 103px;
	width: 775px;
	padding: 0;
	color: #FFF;
	font-size: .7em;
	}

#header ul {
	float: right;
	margin: 0;
	padding: 0;
	}

#header ul li {
	float: right;
	padding-left: 3px;
	margin: 0;
	list-style: none;
	}

#header a:link, #header a:visited {
	text-decoration: none;
	color: #FFF;
	margin-right: 3px;
	}

#header a:hover, #header a:active, #header a:focus {
	text-decoration: underline;
	color: #FF384F;
	}

#header form {
	clear: both;
	float: right;
	margin: 7px 0 0;
	padding: 0;
	}

#header td {
	vertical-align: middle;
	}

#header p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}

/* front page selectors */

#splash #holder {
	background: url(../images/splash_images/back.gif) repeat-y top left;
	color: #FFF;
	border-color: #000;
	margin-top: 10px;
	}

#header1 {
	background: url(../images/splash_images/top.jpg) no-repeat top left;
	padding-bottom: 10px;
	margin: 0;
	}

#header1 p {
	margin: 0 10px 0 500px;
	font-size: .7em;
	padding-top: 255px;
	}

#choose {
	background: #000;
	border-top: 2px #FFF solid;
	border-bottom: 2px #FFF solid;
	}

#choose ul {
	margin: 0;
	padding: 0 30px 10px 0;
	list-style: none;
	}

#choose li {
	float: right;
	margin: 0 0 0 55px;
	font: 1.3em Georgia, "Times New Roman", serif;
	font-style: italic;
	background: url(../images/splash_images/dual.jpg) no-repeat 0px -3px;
	}

/*#choose li.spring, #choose li.over {
	width: 30%;
}
#choose li.olathe {
	width: 20%;
}*/

#choose a:link, #choose a:visited {
	color: #FFF;
	padding: 15px 20px 15px 65px;
	text-decoration: none;
	display: block;
	}

#choose a:hover, #choose a:active, #choose a:focus {
	background: url(../images/splash_images/dual.jpg) no-repeat 0px -63px;
	}

* html #choose li {
	height: 1%;
	}

/** html #choose a:hover { background-position: 0px -60px; }*/

#footer1 {
	padding-top: 20px;
	background: url(../images/splash_images/bottom.jpg) no-repeat top left;
	}

#footer1 p {
	padding: 30px 420px 65px 90px;
	margin: 0;
	font-size: .58em;
	}

#footer1 img {
	display: block;
	margin-left: 110px;
	}

* html #footer1 {
	padding-top: 3px;
	}

/* left navigation */

#nav {
	width: 150px;
	float: left;
	color: #FFF;
	font-size: .8em;
	}

#nav ul {
	padding: 0;
	margin: 0 12px 0 0;
	list-style: none;
	}

#nav li {
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #064B83;
	}

#nav li a:link, #nav li a:visited {
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 4px 0 5px;
	padding: 0 0 3px 4px;
	width: 135px;
	font-weight: bold;
	}

#nav li a:hover, #nav li a:active, #nav li a:focus, #nav li a.current, #nav ul li a.current {
	color: #FF384F;
	}

#nav ul ul {
	padding: 3px 0;
	margin: 0;
	list-style: none;
	background: #3FA1BC;
	}

#nav ul ul li {
	border-bottom: 1px solid #064B83;
	width: 130px;
	padding: 4px 2px 0 6px;
	font-size: .9em;
	}

#nav ul ul li#none {
	border-bottom: none;
	}

#nav ul ul li a:link, #nav ul ul li a:visited {
	width: 124px;
	margin: 0;
	padding-bottom: 2px;
	}

/* hover and you are here styles - you are here should use this pattern:
body#bb_check li.bb_check a
if you have any trouble with it not working, watch your commas -- you must have one comma following the selector name, then a space -- make sure you do not have a comma after the FINAL one. :)  */

#nav ul ul li a:hover, #nav ul ul li a:active, #nav ul ul li a:focus, body#bb_check li.bb_check a, body#bb_sweep li.bb_sweep a {
	color: #064B83;
	}

/* right column */

#news {
	width: 144px;
	float: right;
	margin: 0 0 10px 0;
	padding-right: 5px;
	}

#login {
	background: url(../images/login_back.gif) repeat-y 0px 3px;
	width: 144px;
	padding-bottom: 7px;
	margin: 0 auto;
	}

#login p {
	margin: 5px 0 10px 5px;
	padding: 0;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}

#login a:link, #login a:visited {
	color: #FFF;
	text-decoration: none;
	background: url(../images/login_go.gif) no-repeat right top;
	padding-right: 45px;
	}

#login a:hover, #login a:active, #login a:focus {
	color: #004A89;
	}

#rates {
	width: 127px;
	color: #000;
	background: #EEECDA;
	margin: 0 0 0 16px;
	padding-bottom: 25px;
	}

#rates h3 {
	color: #FFF;
	font: 1.15em "Times New Roman", Times, serif;
	font-style: italic;
	background: #0082A6;
	text-align: center;
	padding: 2px;
	margin-bottom: 0;
	}

#rates p {
	margin: 4px 2px 5px;
	font-size: .6em;
	text-align: center;
	}

#rates a:link, #rates a:visited {
	color: #0082A6;
	text-decoration: none;
	}

p#gorates {
	margin-top: 20px;
	}

#gorates a:link, #gorates a:visited {
	color: #000;
	text-decoration: none;
	background: url(../images/rates_go.gif) no-repeat 50% 12px;
	padding-bottom: 25px;
	font-weight: bold;
	}

#rates a:hover, #rates a:active, #rates a:focus {
	color: #00237E;
	}

.table	{
	margin: 10 0 20 0;
	border-color:#000000;
	border-width:1px;
	}
	
.table th {
	font-size:10px;
	font-weight:bold;
	}

.table td {
	font-size:10px;
	}


/* since the styles used for rates are also used elsewhere, they're down at the bottom of the page with the simple, non-descendant selectors */

/* main content area */

.content {
	

}

.content p, .content ul, .content ol, .content dl {
	font-size: .8em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}

.content dt {
	font-weight: bold;
	}

.content dd {
	margin-left: 15px;
	}

.content td {
	background-color: White;
	}

.content h1 {
	font: bold 1.2em Geneva, Arial, Helvetica, sans-serif;
	color: #005BC3;
	font-style: italic;
	margin-bottom: 5px;
	}

.content h1 span {
	color: #0082A6;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	}

.content h2 {
	font-size: 1em;
	color: #004A89;
	}

.content .section h2 {
	color: #006E9D;
	margin: 0;
	}

.content h3 {
	font-size: 1em;
	color: #006E9D;
	}

.content h4 {
	font-size: .9em;
	color: #004A89;
	}

.divider {
	border-top: 2px solid #004A89;
	}

.content a:link, .content a:visited {
	color: #00237E;
	text-decoration: none;
	}

.content a img {
	border: none;
	}

.content a:hover, .content a:active, .content a:focus {
	color: #0082A6;
	}

/* featured item section selectors */

.feature {


/* this creates the overall featured area at the top of the pages */
	border-top: 2px solid #004A89;
	border-bottom: 2px solid #004A89;
	float: left;
	width: 471px;
	margin-bottom: 15px;
	}

.content .feature .quote, .content .feature .quotecent {


/* this creates each person's callout quote */
	color: #005BC3;
	font: 1.5em "Times New Roman", Times, serif;
	font-style: italic;
	}

.quotecent {


/* this creates the centered callout quote */
	text-align: center;
	}

.content .feature .quote span {


/* wherever you put the span inside the quote is where the line will break and indent. I did not indent it as much as the image since that can make the quotes go to three or four lines if you're not careful with the break. */
	display: block;
	margin-left: 40px;
	}

.quotecent span {
	display: block;
	}

.feature p {
	font-style: italic;
	}

.section {


/* this creates simple section dividers to put other elements inside in the main content area */
	float: left;
	width: 471px;
	}

.pod {


/* small reusable pods that will fit 3 across in the content area -- unless image LARGER than 143px is consistently added, then it will drop - it should be placed within a .section div */
	width: 223px;
	float: left;
	margin-right: 8px;
	border: 1px solid #000;
	border-left-color: #B2B2B2;
	border-top-color: #B2B2B2;
	padding: 2px 2px 10px 2px;
	text-align: center;
	font-size: .75em;
	height: 370px;
	}

.noright {


/* placed on far right pod to remove space and widen section */
	margin-right: 0;
	}

.pod p {


/* gets rid of margins to keepptext tight */
	margin-top: 0;
	}

.columnpod {


/* Pods for two column lists */
	width: 225px;
	float: left;
	margin-left: 4px;
	padding: 2px;
	font-size: .75em;
	}

.rightcolumnpod {


/* Pods for two column lists */
	width: 225px;
	float: right;
	margin-right: 4px;
	padding: 2px;
	font-size: .75em;
	}

.section a:link, .section a:visited {
	color: #4789D4;
	text-decoration: none;
	}

.section a:hover, .section a:active, .section a:focus {
	text-decoration: underline;
	}

.col1, .col2 {
	float: left;
	width: 219px;
	padding: 5px;
	}

.col1 {
	margin-right: 10px;
	}

/* rates styles -- though can be used as needed elsewhere */

.bold {


/* bold w/top spacing */
	font-weight: bold;
	margin-top: 15px !important;
	}

.callout {


/* this creates the large, bold blue percentage */
	color: #00237E;
	font-size: 1.4em !important;
	font-weight: bold;
	margin-bottom: 0;
	}

.fade {


/* this creates the light blue color */
	color: #0082A6;
	}

.large {


/* makes small fonts larger */
	font-size: .8em !important;
	}

.emphasize {


/* this created the larger, blue, italic text where needed */
	color: #00237E;
	font-weight: bold;
	font-style: italic;
	}

/* miscellaneous float/clear selectors */

.fltrt {
	float: right;
	margin-left: 5px;
	}

.fltlft {
	float: left;
	margin-right: 5px;
	}

.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0px;
	}

/* footer styles (needed?) */

#footer {
	text-align: center;
	color: #666;
	font-size: 9px;
	margin-left: 140px;
	margin-right: 140px;
	}

/* styles for your data table */

table.data {
	width: 99%;
	background: #FFF;
	border: 1px #004A89 solid;
	border-collapse: collapse;
	}

.data th {
	font-weight: bold;
	border-bottom: 1px #004A89 solid;
	background: #EEECDA;
	}

.data th, .data td {
	padding: 4px;
	font-size: .8em;
	text-align: center;
	}

.data tr.odd td {
	border-top: 1px #004A89 solid;
	background: #EEECDA;
	}

.data tr.even td, .data tr.even th {
	border-top: 1px #004A89 solid;
	background: #FFF;
	}

/* styles to override for the condition table */

#condition th {
	font-weight: normal;
	text-align: left;
	border-right: 1px #004A89 solid;
	}

#condition .emphasize {
	font-weight: bold;
	}

#condition td {
	text-align: right;
	}

#condition th.right {
	text-align: right;
	border-right: none;
	}

/* styles for cdars table */

.cdars {
	width: 300px;
	background: #FFF;
	border: 1px #333 solid;
	border-bottom: none;
	border-collapse: collapse;
	}

.cdars td {
	padding: 5px 10px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px #333 solid;
	}

.cdars .side {
	background: #FF3B52;
	vertical-align: middle;
	border-right: 1px #333 solid;
	}

.cdars .numeral {
	font: bold 2.5em Arial, Helvetica, sans-serif;
	color: #999;
	vertical-align: middle;
	}

.cdars h3 {
	margin-bottom: 0;
	margin-top: 0;
	}

.cdars p {
	font-size: .8em;
	margin-top: 0;
	}

/* main form styles if needed */

.content form {
	padding-bottom: 10px;
	}

.content form input, .content form textarea {
	color: #004A89;
	border: 1px solid #3C5C88;
	padding: 1px;
	background: #EEECDA;
	}

.content form input:focus, .content form input:active, .content form textarea:focus, .content form textarea:active {
	background: #006E9D;
	color: #FFF;
	}