/*
	ibonds.css - css for my ibonds web site - Bob Hinkley
	10/02/11: modify from main.css used for tips web site
	05/18/14: add fmt for new rates table
*/

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style: square; }
q:before, q:after { content:''; }
/* end of code from reset.css */

div {
	text-align: center;
	margin: 10px auto;
}
p {
	text-align: center;
	margin: 0 auto 10px auto;
}
p.just {
	text-align: justify;
	margin: 0 auto 10px 15px;
}
p.finish {
	font-style: italic;
	margin: 20px 0 0 0;
}
h1 {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	margin: 5px auto 5px auto;
}
h2 {
	font-size: 110%;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	color: blue;
	margin: 0 auto 5px auto;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: blue;
	margin: 0 auto 2px 15px;
}

/* layout for help page */
body#help {
	max-width: 900px;
}
#help h1 {
	margin-bottom: 20px;
}
#help p {
	margin-bottom: 5px;
}
#help #sidebar1 {
	float: left;
	width: 250px;
	margin: 0 0 0 10px;
	padding: 10px 15px 10px 0;
	background: #FDE2B8;
	border: 1px solid #DC9000;
}
#help #main {
	margin: 0 10px 0 280px;
}
#help #footer {
	clear: both;
}
#help dl {
	margin: 0 0 0 10px;
}
#help #main dl {
	margin: 0 0 0 30px;
}
#help dt {
	margin: 0;
	text-align: left;
}
#help dd {
	margin: 0 0 10px 10px ;
	text-align: left;
}
#help ol {
	margin: 0 0 5px 0;
}
#help li {
	margin: 0 0 0 25px;
	text-align: left;
}

/* layout for links page */
body#links {
	max-width: 900px;
	margin: 10px;
}
#links dl {
	margin: 10px 0 0 0;
	padding: 10px 10px 0 20px;
	background: #FED;
	border: 1px solid #DC9000;
}
#links dt {
	margin: 0;
	text-align: left;
}
#links dd {
	margin: 0 0 10px 10px ;
	text-align: left;
}

/* default link behavior */
a:hover {
	color: white;
	background: #777;
}

/* navigation links at top of each page */
ul.nav {
	text-align: center;
	margin: 15px 0 15px 0;
}
ul.nav li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.nav a {
	text-decoration: none;
	color: blue;
	font-weight: bold;
	margin: 2px;
	padding: 1px 3px 1px 3px;
	border: 1px solid #DC9000;
	background: #FDE2B8;
}
ul.nav a:hover {
	color: white;
	background: #DC9000;
}

ul.nav li.nolink {
	color: gray;
	margin: 2px;
	padding: 1px 2px 1px 3px;
	border: 1px solid gray;
	background: white;
}

/* overrides for nav links in sidebar of home page */
#home #sidebar ul.nav {
	text-align: center;
	margin: 0;
	padding: 0;
}
#home #sidebar ul.nav li {
	display: block;
	list-style-type: none;
	margin: 40px 10px 40px 0;
	padding: 0;
}
#home #sidebar ul.nav a {
	border: 1px solid black;
	background: transparent;
}
#home #sidebar ul.nav a:hover {
	color: white;
	background: #777;
}

/* default table formatting */
table {
	margin: 10px auto 20px auto;
	border-collapse: collapse;
	border: none;
}
tr.shade, td.shade {
	background: #FDE2B8;
}
th, td {
	padding: 1px 10px 1px 10px;
	border: 1px solid #DC9000;
}
th {
	text-align: center;
	font-weight: bold;
}
td {
	text-align: right;
}

/* overrides for table on home page */
#home table, #home th {
	border: 3px solid #FDE2B8;
	font-weight: normal;
}
#home td {
	border: none;
}
#home_yr_tbl th, #home_yr_tbl td {
	padding: 1px 6px 1px 6px;
}

/* override padding on main page */
#ibond_tbl th, #ibond_tbl td {
		padding: 1px 5px 1px 5px;
}

/* override for rates table */
body#rates {
	font-size: 75%;
}
table#rates_tbl th, table#rates_tbl td {
	padding: 1px 5px 1px 5px;
}

table#rates_tbl td.top {
		border-top: 3px solid #DC9000;
}
table#rates_tbl td.right {
		border-right: 3px solid #DC9000;
}
table#rates_tbl td.bottom {
		border-bottom: 3px solid #DC9000;
}

/* overrides for table cell exceptions */
td.lft {
	text-align: left;
}
td.ctr {
	text-align: center;
}
td.nobord {
	border: none;
}
td.bld {
	font-weight: bold;
}
th.pct, td.pct {
	font-style: italic;
	color: blue;
}
td.neg {
	color: red;
	white-space: nowrap;
}

/* print only styles */
/* want to suppress printing links at top of page */ 
@media print {
	ul.nav, ul.mo {display: none;}
	body#links dt a:after {content: " (" attr(href) ") ";}
}