/*
File:   default.css
Author: Jon Wolski (jon@day3productions.com)
*/
body {
	font: 16px Arial, Helvetica, sans-serif;
	margin: 1em auto;
	color: #333;
	background: #FFF;
	width: 47em;
}
#tagLine {
	font: bold 1.75em "Arial Black", Gadget, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration:underline;
	float: left;
	margin-top: 63px;
}
.DSB { 	font-size: 1.2em;}
#header {
	color: #FFF;
	background: #A4001C url("images/redBG.png") repeat;
	border-bottom: 4px solid;
}
#header:after {
	content: ".";
	display:block;
	clear:both;
	font: 1px/1px serif;
	height:0px;
	margin-top: -1px;
	visibility:hidden;
}
#leftCol {
	color: #FFF;
	width: 174px;
	clear: both;
	float: left;
}
h1 {
	font-size: 1.2em;
	text-align: left;
	border-bottom: 6px double #036;
	margin-top: 0px;
	margin-bottom: 1ex;
	color: #900;
	font-style: italic;
	font-weight: bold;
}
h2,h3 { margin-bottom:0}
p, ul, ol, h1 {margin-top:0}
h2 {
	font-size: 16px;
	color: #A4001B;
}
h3 { color: #B00320; font-weight:bold; font-size: 1em; border-bottom: 1px solid #036 }
a {color:#00F}
a:visited {color:#33C;}
a:hover, a:active {color:#A4001B }
table, input, select { font-size:1em}

/* utility classes */
.footnote {	font-size: 8pt;}
.cleaner {
	font: 1px/1px serif;
	clear: both;
	margin-top: -1px;
}
#content {
	background: #FFF url("images/contentBG.png") no-repeat scroll right bottom;
	color: #0B1E63;
	margin-left: 174px;
	font: 0.8125em Arial, Helvetica, sans-serif;
	padding: 1em;
	min-height:390px;
	border: 1px solid #FFF;
}
/* Holly Hack with Tan hack */
/* Hide from IE5-mac. Only IE 5.0-6.0 on Windows sees this.  It will not work in IE7 \*/
 * html .hollyHacked {height:1%}
 * html #header {height:1%}
 * html #contentWrapper {height:1%}
 * html #main {height:1%}
/* End hide from IE5/mac */

/* Force hasLayout:true in IE7b without the star hack */ 
body > #header { width: 752px; }
body > #main { width: 752px; }
#content > #contentWrappers { width: 550px; }

@media print {
	#contentWrapper { height: auto; width: auto } /* need hasLayout:false for printing */
}

#logo {	float:left}
#DSB {
	font: bold 53px "Arial Black", Gadget, Arial, sans-serif;
	color: #FFF;
	background: #082163 none;
	text-align: center;
	border-bottom: 4px solid;
}
/* primary navigation */
#navigation { font-size:0.85em;}
#navigation, #navigation ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	width: 174px;
}
#navigation ul { font-size: 11px; border-left: 2px solid}
#navigation li { /* all list items */
	position : relative;
	float : left;
	margin-bottom : -1px;
	width: 100%;
}

#navigation li ul { /* second-level lists */
	position : absolute;
	left: -5000em;
	margin-left : 174px;
	margin-top : -2.35em;
}

#navigation li a {
	width: 100%;
	display : block;
	color : #FFF;
	font-weight : bold;
	text-decoration : none;
	background: #082163 url("images/blueBG.png") repeat fixed;
	padding : 1ex 0;
	text-align:center;
}
#navigation li a:hover {background: #A4001B url("images/redBG.png") repeat fixed;}
#navigation li:hover ul, #navigation li.hover ul { left: auto;}

#main {	background: #082163 url("images/blueBG.png") repeat fixed;}
#footer {
	clear:both;
	font-size: 0.8em;
	color: #FFFFFF;
	background: #0B1E63;
}
#footer ul li {display:inline; border-right: 1px solid #fff;}
#footer li.lastItem {border: none}
#footer ul {
	line-height:1.2em;
	color:#FFF;
	background: #A4001C url("images/redBG.png") repeat;
	border-style: solid;
	border-width: 3px 0 1px;
	padding: 3px 0;
	margin: 0;
	text-align:center;
}
#footer a { text-decoration: none; color:#FFF; padding: 0 1ex}
#footer a:hover, #footer a:active {background-color:#0A1F62}
a img {border: none}
.subtitle {	font-style: italic;}
.column {float:left; width:42%; margin-right: 1em;}
.no-bullets, .no-bullets ul {list-style: none;}
.no-bullets { margin-left: 0; padding-left:0}
.red {	color: #A4001C;}
.footnote {	font-size: 0.85em;}
th {
	font-weight: bold;
	color: #FFFFFF;
	background: #0A1F62;
}
.chart {
	border-collapse: collapse;
	border-color:#0A1F62;
	width: 100%;
	font-size: 0.9em;
}
.chart tbody { border: 1px solid #A4001C; padding: 1ex 0}
.chart thead {border: 1px solid #0A1F62}
.chart td { padding: 0 1ex }
.atmLocation {
	font-weight: bold;
	color: #A4001C;
}
#footer img { margin: 1ex}
#footer p { margin: 2em auto }
.indented {	padding-left: 2em;}
.logoLink:link, .logoLink:visited, .logoLink:active, .logoLink:hover { color: #FFF; text-decoration:none}
.floatLeft { float:left}
.floatRight {float:right}
.productBullets, .productBullets ul { margin-left:0; padding-left: 20px;}
.checksTable {
	width:100%;
	clear:right;
	margin-top: 1em;
	border: solid 1px #0A1F62;
	float:right;
}
.checksTable td { padding: 0 1ex; border: 1px solid; background-color:#FFF; }
sup { font-size:smaller}
/* #content ul {	list-style: disc url("images/bullet.gif");}*/
#creditCardBullets { margin-left: 133px; }.investments dfn {
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}