body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #777777;
	background-color: #fffada;
	}

#container {
	width: 840px;
	margin: auto;
	border: 0;
	text-align: left;
	vertical-align: text-top;
	margin-top: 0px;
} 
#container_most_used {
	text-align: left;
} 
#container_most_used ul {
	list-style: none;
	margin: 0 6px 0 10px;
	padding: 0;
	width: 780px;

	}
#container_most_used li {
	display: inline;
	float: left;
	}
#container_add {
	text-align: left;
} 
#options #facebook {
	display: inline;
	float: left; 
	margin-left: 4px; 
	margin-top: 4px; 
	font-size: 14px;
	font-weight: bold;
	}
#options #forgot_password {
	display: inline;
	float: right; 
	font-size: 10px; 
	margin-right: 4px;
	margin-top: 6px;
	}
#options #yubikey a:link {
	display: inline;
	float: left; 
	margin: 0 0 4px 4px; 
	font-size: 10px; 
	clear: both; 
	width: 230px;
	}
#options #facebook a:link, #options #forgot_password a:link, #options #yubikey a:link, #options #facebook a:visited, #options #forgot_password a:visited, #options #yubikey a:visited {
	color: #ff4500;
	font-weight: bold;
	}
#options #facebook a:hover, #options #forgot_password a:hover, #options #yubikey a:hover, #options #facebook a:active, #options #forgot_password a:active, #options #yubikey a:active {
	background-color: #FFFFFF;
	border: solid 1px #ff8811;
	font-weight: bold;
}
#facts {
	float: left; 
	margin-top: 12px;
	}
#facts ul {
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	margin-top: 2px;
	}
#facts li {
	background-image: url(../images/asterisk_bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 18px;
	}
#footer_container {
	margin: 0;
	}
#footerlist {
	list-style: none; 
	display: inline;
	}
img {
	border: 0;
	}
.infocontainer {
	float: left;
	margin: 10px 0 10px 10px;
	width: 820px;
	display: inline;
	}
#join_button {

	}
#join_button a:link, #join_button a:visited {
	display: inline;
	width: 200px;
	float: left;
	font-size: 18px;
	text-align: center;
	border: solid 1px #ff8811;
	margin: 2px 50px 2px 50px;
	background-color: #fff;
	color: #ff8811;
	text-decoration: none;
	padding: 1px 0 1px 0;
	}
#join_button a:hover, #join_button a:active {
	display: inline;
	width: 200px;
	float: left;
	font-size: 18px;
	text-align: center;
	border: solid 1px #fff;
	margin: 2px 50px 2px 50px;
	background-color: #ff8811;
	color: #fff;
	text-decoration: none;
	padding: 1px 0 1px 0;
	}
#left_landing_container {
	float: left; 
	display: inline; 
	width: 310px;
	}
#right_landing_container {
	float: right; 
	display: inline; 
	width: 320px;
	text-align: left; 
	}
#login_box {
	float: right;
	background-color: #FFCC66;
	width: 300px;
	}
#landing_content {
	margin: 7px 10px 6px 10px;
	}
#landing_content .left_content {
	margin-right: 10px; 
	font-size: 14px;
	}
#landing_content .right_content {
	margin: 10px 0 0 0px; 
	font-size: 12px;
	font-color: #000000
	}
.login_nav {
	float: right;
	height: 13px;
	padding-right: 6px;
	padding-top: 3px;
	clear: right;
	}
.loginarrow {
	background-image: url(images/loginarrow.gif);
	padding-top: 10px;
	height: 13px;
	width: 13px;
	}
#logo {
	float:left;
	width: 227px;
	}
#logonav {
	float: left;
	width: 860px;
	margin-top: 0px;
	vertical-align: text-top;
	}
#logout_nav {
	float: right;
	margin-right: 5px;
	padding-top: 3px;
	}
#ml_logos {
	float: left;
	display: inline; 
	margin-top: 2px;
	}
#ml_walkthrough{
	text-align: center; 
	margin-top: 8px;
	margin-left: 20px; 
	border: solid 1px #ff8811;
	}
#ml_walkthrough a:link, #ml_walkthrough a:visited {
	color: #ff8811;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	} 
#ml_walkthrough a:hover, #ml_walkthrough a:active {
	color: #777;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	} 
#navbar_container {
	margin: 0;
	vertical-align: text-top;
	}
#newslist_long {
	width: 700px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	}
#newslist {
	width: 360px;
	float: left;
	margin: 0 100px 0 0;
	padding: 0;
	}
#newssecure {
	width: 852px;
	margin: 7px 6px 0 6px;
	float: left;
	}
.orangebar {
	margin: 0 2px 0 4px;
	background-color: #ffaa33;
	float: left;
	width: 852px;
	height: 25px;
	display: inline;
	}
.regular_list {
	list-style: none;
	margin: 0;
	text-align: left;
	padding-left: 5px;
	}
.securelist {
	list-style: none; 
	float: left; 
	display: inline;
	}
.seperator {
	border: 0; 
	background-color: #777777; 
	color: #777777; 
	margin-top: 4px; 
	float: left; 
	height: 1px; 
	width: 780px; 
	margin-left: 10px;
	}
#tlnav {
	float: right;
	margin: 23px 2px 0 0;
	}
#tlnav img {
	vertical-align: text-bottom;
	}
#tools {
	float: right; 
	margin-top: 3px;
	}
.welcomeback {
	float: left;
	margin-left: 5px;
	padding-top: 3px;
	white-space: nowrap;
	}
.welcomeback a:link { 
	color: #FFF;
}	
.welcomeback a:hover { 
	color: #777;
}	

/* walkthrough ish */
.navcontainer {
	width: 300px;
	clear: both;
	margin-top: 50px;
	}
.navlist {
	width: 259px;
	padding: 0;
	text-align: center;
	margin-right: auto; 
	margin-left: auto;
	}

.navlist ul, .navlist li {
	width: 36px;
	height: 36px;
	display: inline;
	list-style-type: none;
	}
.navlist a:link, .navlist a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	float: left;
	border: 1px solid #777777;
	width: 32px;
	text-decoration: none;
	color: #777;
	text-align: center;
	height: 32px;
	margin-right: 1px;
	vertical-align: middle;
	}
.navlist a:link#current, .navlist a:visited#current, .navlist a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	float: left;
	border: 1px solid #ffbb55;
	width: 32px;
	height: 32px;
	text-decoration: none;
	background-color: #ffffff;
	color: #777;
	text-align: center;
	margin-right: 1px;
	vertical-align: middle;
	}

.navlist a:hover { 
	color: #777; 
	}
li .thisone {
	background-color: #ffbb55;
	}
.walk_text_and_nav {
	float: left;
	width: 300px;
	padding: 10px;
	float: right; 
	clear: right;
	}
.window {
	float: left; 
	height: 400px; 
	width: 480px; 
	display: inline-block; 
	padding: 10px 0 0 10px;
	}
/* signup page style */
#signup_container {
	width: 820px;
	padding: 10px 0 10px 0;
	margin-left: auto;
	margin-right: auto;
	}

/* how it works style */

.number {
	width: 20px;
	border: none;
	margin: 3px 3px 3px 0;
	float: left;
	vertical-align: middle;
	text-align: center;
	background-color: #ff8811;
	color: #fff;
	}
.step_odd {
	width: 330px;
	margin: 3px 3px 3px 0;
	float: left;
	}
.step_odd_img {
	width: 440px;
	float: right;
	border: solid 1px #777;
	margin: 3px 3px 3px 0;
	}
.step_even {
	width: 440px; 
	border: solid 1px red; 
	margin: 3px 3px 3px 0; 
	float: left;
	}
.step_even_img {
	width: 330px; 
	float: right; 
	border: solid 1px red; 
	margin: 3px 3px 3px 0;
	}
.how_containers {
	width: 820px; 
	margin-left: 15px;
	}
.how_seperator {
	margin-left: 39px; 
	width: 793px; 
	background-color: #fff; 
	border-bottom: none;
	border-top: dashed 1px #777;
	}

