div#main { overflow: hidden; width: 100%; background: transparent url(../images/shared/bg_home2.gif) no-repeat 50.5% 0%; }
div.hdr { height: 32px; }

/* logo */
div#logo { display: block; width: 156px; height: 92px; background: transparent url(/MyLife/images/shared/imapmylife_logo.gif) no-repeat 50% 50%; overflow: hidden; margin: 20px; }
	div#logo p { text-indent: -999em; margin: 0; }
		div#logo p a { display: block; width: 156px; height: 70px; }

#main_nav { width: 220px; margin: 1.2em 10px 1em 10px }
	#main_nav li { width: 220px; margin: 0.5em 0px; list-style-type: none; line-height: 1.2em; }
		#main_nav li a { display: block; width: 215px; text-decoration: none; border-left: solid 5px #DEA303; background: url(../images/imap/nav_btm_off.gif) no-repeat 100% 100%; }
			#main_nav li a span { color: #fbd97c; display: block; width: 204px; padding: 9px 4px 7px 7px; background: url(../images/imap/nav_top_off.gif) no-repeat 100% 0%; font-size: 83% }
				#main_nav li a span span { display: block;  width: 204px; margin-top: 0.1em; padding: 0px; background: none; color: #FFF; font-size: 126%; font-weight: bold }
	#main_nav li.special a { background-image: url(../images/imap/nav1_btm_off.gif); }
	#main_nav li.special a span { color: #333; background-image: url(../images/imap/nav1_top_off.gif); }
	#main_nav li.special a span span  { background: none; }

#main_nav li a.on { border-color: #003D6D; background-image: url(../images/imap/nav_btm_on.gif) }
	#main_nav li a.on span { background-image: url(../images/imap/nav_top_on.gif); color: #003D6D }
		#main_nav li a.on span span { background: none; }

#main_nav li a:hover { border-color: #003D6D; background-image: url(../images/imap/nav_btm_on.gif) }
	#main_nav li a:hover span { background-image: url(../images/imap/nav_top_on.gif); color: #003D6D }
		#main_nav li a:hover span span { background: none }


/* MATTHEW - changed sub_nav from ID to class */
	#main_nav li .sub_nav { width: 220px; margin: 0; }
		#main_nav li .sub_nav li { width: 190px; margin: 0 0 0 30px; list-style: disc outside; line-height: 1.75em; }
			#main_nav li .sub_nav li a { width: 180px; border: none; background: none; }
			#main_nav li .sub_nav li a { color: #DEA303; text-decoration: underline; }
			#main_nav li .sub_nav li a:hover { text-decoration: none; }
			#main_nav li .sub_nav li a:active { color: #D84637; }

ul.copy_nav li { list-style: none; padding: 4px; }

div.sub_nav { overflow: hidden; margin: 0px auto 20px; }

fieldset.login  { margin: 0px }
fieldset.login label { display: block; text-align: center }
fieldset.login label span { position: absolute; left: -999999em; }
fieldset.login label input.text { width: 176px; margin: 2px 10px; padding: 2px 0px 2px 2px; border: solid 1px #c9c9c9; font-style: italic; color: #c9c9c9 }
fieldset.login label input.password { display: none; }
fieldset.login label.remember { padding: 6px 0px 0px 10px; text-align: left; }
fieldset.login p.forgot { margin: 0.5em 0; padding-left: 10px; font-weight: bold }

.imap .wFR { background: transparent url(../images/imap/bg_fr.jpg) no-repeat 0% 0%; }
div.fr { position: relative; height: 228px; margin: 30px 0px 30px 10px; }
	div.fr img { border: solid 1px #acacac; }
div.fr h3.fr { display: block; position: absolute; z-index: 200; top: 190px; left: 10px; line-height: 1em; letter-spacing: -0.03em; margin: 0; color: #fff; font-weight: normal; font-size: 123.1%; }
	div.fr h3.fr { left: _20px; }
.fr .btn_w { position: absolute; z-index: 100; }
.fr .free, .fr .full { top: 140px; }
.fr .free { left: 289px; width: 195px; }
	/*.fr .free { _right: 300px; } /* IE6 */
.fr .full { left: 24px; width: 240px; }

.coachHP { top: 186px; right: 50px; }

.fr img.firstread{ z-index: 10; }

.bFR { height: 38px; }
.bFR a { display: block; height: 38px; background-image: url(../images/imap/btns_fr.gif); text-indent: -999em; }

.free .bFR a { background-position: -265px 0%;}
.full .bFR  a { background-position: 0% 0%; }

.free .bFR a:hover { background-position: -265px 50%;}
.full .bFR  a:hover { background-position: 0% 50%; }

.free .bFR a:active { background-position: -265px 100%; }
.full .bFR  a:active { background-position: 0% 100%; }

ul.results { margin: 0; padding: 0; }
ul.results li { list-style-type: none; line-height: 2em; }
	ul.results li a { display: block; background: transparent url(../images/shared/bullet-shields.gif) 0% 0% no-repeat; height: 21px; width: auto; color: #dea303; padding: 5px 0 5px 35px }
		ul.results li a:hover { background-position: 0% -31px; background-color: #0060A3; color: #fff; }
		ul.results li.on a { background-position: 0% -31px; background-color: #0060A3; color: #fff; text-decoration: none; cursor: default; }

div.split_9 { float: left; padding: 20px; height: 200px; width: 270px; margin: 0px 20px 20px; background: transparent url(../images/imap/mod_imml.gif) no-repeat 50% 50%; }
/** IE6 FIX **/ div.split_9 { _width: 320px; _margin: 0px 10px 20px;  }

.innerLeft select { margin-bottom:1.5em; width:300px; }
.innerRight #player { margin-bottom: 20px; }
.innerRight .grid_3 { float: right; }

div.report { padding-top: 30px; }
div.link_report { width: 130px; margin: 0px 5px; float:left; }
div.link_report a, div.link_report a:visited { display: block; width: 106px; height: 40px; padding: 10px; text-align: center; font-size: 123.1%; color: #0060A3; background-color: #FBDD8B; border: solid 2px #0060A3; text-decoration: none; }
	div.link_report a:hover { color: #FBDD8B; background-color: #0060A3; border-color: #FBDD8B; }
	div.link_report a:active { background-color: #dea303; }
	
/* SMS - added styles below here */

div#player_ltside, div#player.w_mrgn { margin-bottom: 15px; }

/* .mod_copy { width: 100%; padding: 0px; } */
.mod_left { float: left; padding: 0px; }
.mod_right { float: right; width: 230px; padding: 20px 10px 10px 0px; }
	.w_vid { width: auto; padding: 0; }

.mod_out.tstmnl { padding: 0; }

.tstmnl { background: url(../images/imap/mod_tstmnl_top.jpg) 0% 0% no-repeat; text-align: right; }
	.tstmnl h3 { text-align: left; padding: 10px 0 0 10px; }
	.tstmnl .name { font-style: italic; }
	
ul.copy { margin-left: 35px; }

ul.wStar { margin-left: 15px }
	ul.wStar li { list-style:outside url(../images/shared/bullet-star.gif); margin-left: 5px; }

ol.lgNum { font-size: 123.1%; font-weight: bold; }
	ol.lgNum li span { font-size: 12px; font-weight: normal; color:#232323; }
	
a.wArwLg { font-size: 143%; background: transparent url(../images/shared/arw-hollow-lg.gif) 0% 3px no-repeat; margin: 0; padding-left: 18px; }

/* AboutTheProgram styles */

div.chart { background: url(../images/about/chart-bg.jpg) 0% 0% no-repeat; height: auto; padding:215px 0 25px 15px; margin: 0; }
div.chart .step { position: relative; display: block; width: 192px; float: left; padding: 0 18px; }
div.chart .step span { position: absolute; top: 0px; left: 15px; width: 20px; height: 20px; }
	div.chart .step span.one { background: transparent url(../images/about/circle1.gif) 0% 0% no-repeat; }
	div.chart .step span.two { background: transparent url(../images/about/circle2.gif) 0% 0% no-repeat; }
	div.chart .step span.three { background: transparent url(../images/about/circle3.gif) 0% 0% no-repeat; }
div.chart .step h3 { font-size: 147%; color: #000; line-height: 1.25em; margin-left: 25px; }
div.chart .step p { color: #676767; }