html, body {
	height: 100%;
	margin:0;
	}
	
body {color: #3a3a3a; background-color: #ffffff; font-family: Verdana,sans-serif; font-size: 12px;}

table {border:none; border-spacing:0;}

td { font-size: 12px; }
h1 { font-weight: normal; font-size: 19px; color: #2f4f8c; padding-top: 0px; }
h2 { font-weight: bold; font-size: 13px; color: #2f4f8c; }

hr { color: #cccccc; background: #cccccc; border: 0; height: 1px;}

b {color: #000000;}
strong {color: #000000;}
a img, img {text-decoration: none; border: 0;}
A.fn { color: #000; text-decoration: none; background: transparent; }
A:visited.fn { color: #000; text-decoration: none  }
A:hover.fn { color:  #da1015; text-decoration: underline }
#steps { width: 163px; height: 33px; margin-top: 4px; margin-bottom: 0px; display: block; background-image: url(images/steps.gif); background-repeat: no-repeat;}
#tips { width: 163px; height: 33px; margin-top: 4px; margin-bottom: 0px; display: block; background-image: url(images/tips.gif); background-repeat: no-repeat;}
#notes { width: 163px; height: 33px; margin-top: 4px; margin-bottom: 0px; display: block; background-image: url(images/notes.gif); background-repeat: no-repeat;}
#things { width: 163px; height: 33px; margin-top: 4px; margin-bottom: 0px; display: block; background-image: url(images/things.gif); background-repeat: no-repeat;}

.fn { color: #ffffff; padding: 1px 0px 1px 0px; vertical-align: center;}
A.fn, .ftrlnks { color: #ffffff; text-decoration: none;}
A:visited.fn { color: #ffffff; text-decoration: none  }
A:hover.fn { color:  #FF8E57; text-decoration: underline }

A { color: #003366; text-decoration: underline }
A:visited { color: #003366; }
A:hover { color: #C74100; }
A:active { color: #00336; }

.lsmall { margin-left: 8px; padding-left: 30px; padding-top: 0px; margin-top: 10px;}
ul.lsmall
{
list-style-image: url(images/arrowlist.gif);
list-style-type: circle;
}
ol {padding-top: 0px; margin-top: 0px;}

.headerbkg{
	width:100%;
	border-bottom: 3px solid #bccad7;
	text-align:center;
}

.dldbtn, .dldbtn:visited {width:157px; display:block; background:#c5292e; font-family:Tahoma,sans-serif; color:#fff; text-decoration:none; text-align:center; font-weight:bold; line-height:normal;}
.dldbtn {margin:3px 0 6px 0; font-size:16px; padding:10px 0;}
a.dldbtn:hover {background:#f20c0c; color:#fff;}

.banner{
	position:relative;
	margin:0 auto;
	max-width:698px;
	}
	
.banner img{
	max-width:100%;
	height:auto;

	}

#logolnk{
	position:absolute;	
	top:3%;
	left:2%;
	display:block;
	width:40%;
	height:49%;
	z-index:99;
	}
	
#howtolnk{
	position:absolute;	
	bottom:5%;
	left:2%;
	display:block;
	width:40%;
	height:40%;
	z-index:99;
	}	
	
.content{
	width:660px;
	text-align:left;
	margin:0 auto;
	padding:10px 20px;
	}
	
.content img {
	padding:10px 0 5px 0;
	}	
	
@media (max-width:698px){
	.content{
	max-width:660px;
	width:auto;
	}
}	

.footer {
	margin:0;
	background:#4f5a6c; 
	width:100%; 
	min-height: 50px; 
	padding-top:20px;
	text-align:center;
	}

.wrapper {	
	min-height: 100%;
	height: auto !important; 
	height: 100%;
	margin: 0 auto -71px; /* the bottom margin is the negative value of the footer's height */
	text-align:center;
}
.push {
	min-height: 70px; /* .push must be the same height as .footer */
}

.ftrlnks{
	width:auto;
	text-align:center;
	line-height:175%;
	padding:0 10px 20px 10px;
	}