
/* -------------------------------------------------------------------- */
/* general layout rules */

body, form {
	margin: 0px;
	font-size: 100%;
}

#toolbar, #nav {
	white-space: nowrap;
}

#content {
	margin-top: 40px;
	padding-left: 60px;
	padding-right: 60px;
}

/* -------------------------------------------------------------------- */
/* general text rules */

p {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size : 0.75em;
	margin-top : 0.6em;
	color: #444444;
}

ul {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 0.75em;
	margin-top: 0.6em;
	margin-left: 30px;
	list-style-type: none;
	color: #444444;
}

li {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 30px;
	background-image: url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 7px 4px;
}

ol {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 0.75em;
	list-style-type: decimal;
	color: #444444;
}

ol li {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 0px;
	background-image: none;
}

h2 {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #367EA6;
	margin-bottom: 0em;
}

h3 {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #367EA6;
	margin-bottom: 0em;
	margin-top: 2.5em;
}

a {
	color: #367EA6;
	font-weight: bold;
	text-decoration: underline;
}

a:visited {
	color: #367EA6;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #367EA6;
	font-weight: bold;
	text-decoration: none;
}

/* -------------------------------------------------------------------- */
/* footer rules */

#footer {
	text-align: center;
	padding-bottom: 5px;
	margin-top: 40px;
}

#footer p {
	font-size: 0.7em;
	color: #D2D2D2;
}

#footer a {
	color: #D68E17;
	font-weight: bold;
	text-decoration: underline;
}

#footer a:visited {
	color: #D68E17;
	font-weight: bold;
	text-decoration: underline;
}

#footer a:hover {
	color: #D68E17;
	font-weight: bold;
	text-decoration: none;
}

div#footer hr {
	width: 850px;
	height: 1px;
	color: #D2D2D2;
}

/* -------------------------------------------------------------------- */
/* rules specific to the main "get started" page */

body#getstarted {
	background-image:   url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/getstarted_tile.gif);
	background-repeat: repeat-x;
}

#welcome p {
	margin-top: 0px;
	color: #367EA6;
}

#box-outer {
	width: 235px;
	margin: 0px;
	margin-top: 7px;
	padding: 0px;
	background-image: url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/getstarted_box_tile.gif);
	background-repeat: repeat-y;
}

#box-inner {
	margin: 0px;
	padding: 0px;
	/*/*/background-image: url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/getstarted_box_bg.gif);/**/
	/*/*/background-repeat: no-repeat;/**/
	/*/*/background-position: bottom left;/**/
}

div#box-inner p {
	margin-left: 27px;
	margin-right: 25px;
}

/* -------------------------------------------------------------------- */
/* rules specific to "explore a sample statement" pages */

body#explore {
	background-image:   url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/explore_tile.gif);
	background-repeat: repeat-x;
}

body#explore-statement {
	background-image:   url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/explore_statement_tile.gif);
	background-repeat: repeat-x;
}

#samplebox {
	margin-top: 7px;
	margin-bottom: 15px;
	margin-left: 30px;
}

#samplebox p {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 0.75em;
	margin-top: 11px;
	margin-bottom: 11px;
	margin-right: 12px;
}

#samplebox a {
	color: #D9991E;
	font-weight: bold;
	text-decoration: underline;
}

#samplebox a:visited {
	color: #D9991E;
	font-weight: bold;
	text-decoration: underline;
}

#samplebox a:hover {
	color: #D9991E;
	font-weight: bold;
	text-decoration: none;
}

/* -------------------------------------------------------------------- */
/* rules specific to "check your statement" page */

#checklist td {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size : 0.75em;
}

body#check {
	background-image: url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/check_tile.gif);
	background-repeat: repeat-x;
}

#check form {
	margin: 0px;
}

#check form input {
	margin-right: 10px;
	height: 25px;
	width: 25px;
}

#tip {
	width: 145px;
	margin-left: 55px;
}

#tip p {
	margin-top: 10px;
}

/* -------------------------------------------------------------------- */
/* rules specific to "dig deeper" pages */

body#deeper {
	background-image: url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/deeper_tile.gif);
	background-repeat: repeat-x;
}

body#deeper-topic {
	background-image:   url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/deeper_topic_tile.gif);
	background-repeat: repeat-x;
}

#deeper-topic #content {
	margin-top: 30px;
	padding-left: 60px;
	padding-right: 0px;
}

#topicbox {
	margin-top: 7px;
	margin-bottom: 15px;
	margin-left: 30px;
}

#topicbox p {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 0.75em;
	margin-top: 7px;
	margin-bottom: 7px;
}

#topicbox a {
	color: #D9991E;
	font-weight: bold;
	text-decoration: underline;
}

#topicbox a:visited {
	color: #D9991E;
	font-weight: bold;
	text-decoration: underline;
}

#topicbox a:hover {
	color: #D9991E;
	font-weight: bold;
	text-decoration: none;
}

#remember-outer {
	width: 236px;
	float: right;
	background-image: url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/remember_box_bg_tile.gif);
	background-repeat: repeat-y;
	margin-left: 10px;
	margin-bottom: 0px;
}

#remember-inner {
	background-image: url(/tools-and-calculators/understanding-your-account-statement/accountstatement/images/remember_box_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#remember-inner p {
	margin-left: 20px;
	margin-right: 20px;
}

#learning-more td {
	vertical-align: top;
}

#learning-more p {
	padding-left: 20px;
	margin: 0px;
}


/* -------------------------------------------------------------------- */
/* rules specific to the calculator */

#calculator input {
	/*/*/width: 120px;/**/
}

/* -------------------------------------------------------------------- */
/*  */




