/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ General */
.FL
{
	float: left;
}
.FR
{
	float: right;
}
.CL
{
	clear: left;
}
.CR
{
	clear: right;
}
.PA
{
	position: absolute;
}
.PR
{
	position: relative;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Margin */
.MT5
{
	margin-top: 5px;
}
.MT10
{
	margin-top: 10px;
}
.MT20
{
	margin-top: 20px;
}
.MT30
{
	margin-top: 30px;
}
.ML10
{
	margin-left: 10px;
}
.ML20
{
	margin-left: 20px;
}
.ML30
{
	margin-left: 30px;
}
.MR10
{
	margin-right: 10px;
}
.MR20
{
	margin-right: 20px;
}
.MR30
{
	margin-right: 30px;
}
.MB5
{
	margin-bottom: 5px;
}
.MB10
{
	margin-bottom: 10px;
}
.MB20
{
	margin-bottom: 20px;
}
.MB30
{
	margin-bottom: 30px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Margin */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Heading */
h1.Title, h2.Title, h3.Title, h4.Title, h5.Title
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}
h1.Title
{
	font-size: 2em;
}
h2.Title
{
	font-size: 1.5em;
}
h3.Title
{
	font-size: 1.3em;
}
h4.Title
{
	font-size: 1.1em;
}
h5.Title
{
	font-size: 0.8em;
}
p
{
	line-height: 16px;
	margin: 10px 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Heading */

a
{
	text-decoration: none;
	color: #000000;
}
a:hover
{
	text-decoration: underline;
}

.TxtBlue
{
	color: #4b64ff;
}
.TxtDarkBlue
{
	color: #1d2a7c;
}
.TxtRed
{
	color: #ff0000;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ a, a:hover Link */
.ABlue
{
	color: #7f9aff;
	text-decoration: none;
}
.ABlue:hover
{
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end a, a:hover Link */

.Bold
{
	font-weight: bold;
}
.HLine
{
	width: 100%;
	height: 1px;
	float: left;
	display: inline;
	background: #dbdbdb;
}
.Width100
{
	width: 100%;
}
.Clear15
{
	width: 100%;
	height: 15px;
	float: left;
	display: inline;
}
.Clear30
{
	width: 100%;
	height: 30px;
	float: left;
	display: inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end General */


body
{
	color: #333333;
	font-size: 0.75em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#Wrapper
{
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
.Header
{
	width: 1000px;
	height: 112px;
	background: url(../Images/BGHeader.gif) left top repeat;
}
.Logo
{
	width: 178px;
	height: 78px;
	margin: 10px 0 0 20px;
	float:left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Menus */
.MenuHeader
{
	width: 750px;
	height: 21px;
	margin-top: 81px;
}
.MenuHeader ul
{
	background: url(../Images/BGMenuHeader.gif) left top repeat-x;
	margin-left: 11px;
}
.MenuHeader ul li
{
	height: 21px;
	float: left;
}
.MenuHeaderEdge
{
	background: url(../Images/BGMenuHeaderLeft.gif) left top no-repeat;
}
.MenuHeaderDivider
{
	width: 11px;
	display: block;
	background: url(../Images/BGMenuHeaderDivider.gif) left top no-repeat;
}
.MenuHeader ul li a
{
	color: #ffffff;
	line-height: 16px;
	text-decoration: none;
	margin: 0 40px 0 40px;
}
.MenuHeader ul li a:hover
{
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Menus */

.MainContainer
{
	width: 1000px;
	height: auto;
	min-height: 400px !important;
	position: relative;
}

.FlashWrapper
{
	width: 1000px;
	height: 413px; /* background: url(../Images/Flash.jpg) left top no-repeat;*/
}

.Streep1
{
	width: 1000px;
	height: 42px;
	background: url(../Images/BGStreep1.gif) left top repeat-x;
}
/*
.Streep2
{
    width: 1000px;
    height: 20px;
    background: url(../Images/BGStreep2.gif) left top repeat-x;
}
*/
.HDTheMoneyMergeAccount
{
	width: 362px;
	height: 29px;
	background: url(../Images/HDTheMoneyMergeAccount.gif) left top no-repeat;
}

.GradientPanel
{
	width: 1000px;
	height: auto;
	min-height: 285px !important;
	position: relative;
	background: url(../Images/BGGradient.gif) left top repeat-x;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 4 Boxes */
.Box
{
	width: 308px;
	height: 114px;
	background: url(../Images/BG4Box.png) left top no-repeat;
	margin: 12px 0 0 12px;
	padding: 10px 5px 0 10px;
}
.Box .Thumb1, .Box .Thumb2, .Box .Thumb3, .Box .Thumb4
{
	width: 74px;
	height: 74px;
	float: left;
	display: block;
	margin: 0 10px 40px 0;
}
.Box p
{
	font-size: 1em;
	line-height: 18px;
	margin: 0 0 5px 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end 4 Boxes */

.AddHowItWorks
{
	width: 298px;
	height: 218px;
	float: left;
	margin: 30px 0 0;
}
.AddHowItWorks a
{
	width: 100%;
	height: 100%;
	float: left;
	display: block;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Quick Links */
.QuickLinks
{
	width: 665px;
	height: auto;
	margin: 10px 0 0 10px;
	float: left;
	display: inline;
}
.QuickLinks ul
{
	margin-right: 15px;
}
.QuickLinks ul li
{
	margin-bottom: 7px;
}
.QuickLinks ul li a
{
	color: #737373;
	font-size: 0.9em;
	text-decoration: none;
}
.QuickLinks ul li a:hover
{
	text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Quick Links */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ News & Events */
#NewsEvents
{
	width: 295px;
	height: auto;
	float: left;
	display: inline;
}
#NewsEvents ul li a
{
	color: #3243bf;
	font-size: 1.1em;
	line-height: 1.4em;
	text-decoration: none;
}
#NewsEvents ul li a:hover
{
	text-decoration: underline;
}
#NewsEvents ul.ULFloat li
{
	float: left;
	margin-right: 6px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end News & Events */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Panel-Container */
#LeftPanel
{
	width: 195px;
	height: auto;
	min-height: 500px !important;
	float: left;
	display: inline;
	background: #e9e9e9 url(../Images/BGLeft.gif) right top repeat-y;
	padding: 10px 0 100px 10px;
}
#MiddlePanel
{
	width: 610px;
	height: auto;
	float: left;
	display: inline;
	margin: 0 20px 0 15px;
}
#RightPanel
{
	width: 150px;
	height: auto;
	float: left;
	display: inline;
}
#LeftPanel ul
{
	margin: 10px 0 0 10px;
}
#LeftPanel ul li
{
	margin-bottom: 6px;
}
#LeftPanel ul li a
{
	color: #000000;
	text-decoration: none;
}
#LeftPanel ul li a:hover
{
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Panel-Container */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Footer */
#FooterWrapper
{
	width: 100%;
	height: 25px;
	float: left;
	display: inline;
}
.Footer
{
	width: 1000px;
	height: 20px;
	margin: 0 auto; /*border-top:1px solid #dbdbdb;*/
	padding: 25px 0 0 10px;
	color: #c0c0c0;
	font-size: 11px;
	background: url(../Images/BGStreep2.gif) left top repeat-x;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Footer */


.ULLine li
{
	border: 2px dashed #e1e1e1;
	margin: 0 0 20px 10px;
	padding: 10px 10px 4px 10px;
	background: #fcfcfc;
}
.ULLine li p
{
	margin: 2px 0 6px 0;
	font-style: italic;
	text-indent: 30px;
}
.ULLine li P:first-letter
{
	font-size: 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ UL List */
.ListStyle1 li
{
	background: url(../Images/Bullet.gif) left top no-repeat;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end UL List */
/* ---------------------------------------------------------------- added classes/items by Josh */
strong
{
	font-weight: bold;
}
.strongTxt
{
	font-weight: bold;
}
h1.home
{
	visibility: hidden;
}
/* ---------------------------------------------------------------- end added classes/items by Josh */