﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
    
}

em {
font-style: italic;
}

strong {
font-weight: bold;
color:#666666;
}



center, blockquote 
{
	padding:10px 0;
	font-size:1.4em;
	color: #666666;
}


body {
    line-height: 1;
    color: black;
    background: white;
}

body 
{
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif;
}

.main 
{
    margin: 20px;
    width: 971px;
}

.text_area h1 
{
	font-size:1.7em;
	color:#0b0b0b;
	padding-bottom:15px;
	font-weight: bold;
}

.middle h2 {
    color: #ea7125;
    font-size: 2.2em;
    border-bottom: 1px solid #9a9b9d;
    padding: 0 0 8px;
    font-weight: normal;
    position: relative;
}

.middle h3 {
    font-weight: bold;
    font-size: 1.8em;
    padding: 15px 0 10px;
}

p, ul {
    color: #666666;
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 0 0 8px 0;
    clear:both;
}

.text_area h4 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4em;
    padding-top:8px;
}

.video_area h4 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4em;
    padding: 15px 25px 0 0;
}

.top .event-list {
    color:#333333;
    font-size:1.2em;
    line-height:1.4em;
}

.top .event-list dt  {
clear:both;
float:left;
width:95px;
}

.callout_header
{
	color:#000000;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:bold;
}

.slide ul 
{
float: left;
width: 1000px;


position: relative;
overflow-y: hidden;
}

.slide ul li 
{
	
float: left;
padding: 0 20px;
position: relative;
left: 0;
cursor: pointer;
overflow-y: hidden;

}
	
.text_area img.left
 {
padding-bottom:10px;
padding-left:0;
padding-right:35px;
padding-top:0;
}

.interactive_notes ul li {
display: inline;
padding: 0 5px 0;
}

/* ----- GOING AWAY FOREVER ----- */

.breadcrumb, .footer, .header, #printBackToTop, .menu_newmoney, .right_nav, .search, .top_dollar
{
    display: none; 
}

.hidden_answer 
{
	display:block !important;
}




/*--------------------------------------------

			$100 Landing
				
---------------------------------------------*/

.callouts {
margin-top: 20px;
}

.callouts .download_box {
width: 130px;
margin: 0;
padding: 10px;
}

.callouts .download_box ul {
border: none;
padding: 0;
width: 130px;
margin-top: 10px;
}

.callouts .download_box ul li {
padding: 4px 0 4px 3px;
margin: 0 3px 0 0;
display: inline;
width: 124px;
}

.callouts .download_box ul li a {
font-size: 1em;
}

.callouts .download_box p {
line-height: 1.3em;
}

.intro-box {
border-bottom:1px solid #DDDDDD;
border-top:2px solid #FFFFFF;
padding:4px 10px;
position:relative;
}

.intro-box h3 {
padding: 0;
border: none;
}

.intro-box p {
padding-top: 5px;
color: #333;
clear:both;
}

.content_box, .content-box-2 {
border-top: 1px solid #DDDDDD;
float: left;
width: 542px;
overflow: hidden;
clear:both;

}

.description {
float: right; 
margin: 30px 20px 15px 0;
display: inline;
width: 150px;
padding: 10px 10px 5px;
font-size: 0.9em;
}

.content_box h4 {
float: left;
width: auto;
}

.features-image-list a:hover, .features-image-list a.hover {
border: 1px solid #EA7125;
}

.features-text-list a.hover, .features-text-list a:hover {
color: #EA7125;
}

.features-text-list {
float: left;
width: 170px;
padding: 15px 0 15px 14px !important;
clear:both;
}

.content-box-2 .features-image-list {
padding: 5px 14px 15px 23px;
display: inline-block;
}

.features-image-list li {
float: left;
margin: 0 9px 0 0;
width: 33px;
height: 32px;
}

.features-image-list li a {
float: left;
position: relative;
width: 32px;
height: 31px;
overflow: hidden;
border: 1px solid #333;
}

.content-box-2 .instruct {
padding: 15px 15px 5px;
}

.features-display-box {
width: 553px;

float: left;

}

.features-display {
float: left;
width: 553px;
position: relative;
left: 0px;
}

.features-display li {

width: 553px;

left: 0px;
clear:both;
}

.feat-box {
width: 100px !important;
}

.quiz_button, .design_button 
{
    font-size: 1.4em;
}

a 
{
    color: #666666;
    text-decoration: none;
}



 .explore_100_currency 
{
	background: url(../images/exploreallcurrency.gif) no-repeat top left;
	text-indent:-999em;
	float:left;
	width:249px;
	height:43px;
}


.explore {
float: right;
width: 249px;
text-align: center;
padding: 0 5px 0 35px;
margin-top: -10px;
}


.text_area {
padding: 0 0 0 15px;
float: left;
margin-top: 20px;
}


.text_area h3 {
color: #ea7125;
font-size: 1.5em;
padding: 8px 0;
font-weight: bold;
}


