/*Index Styles*/

#main-focus{margin: 10px 0 0 0;position: relative;background: url(/img/main-focus-bg.gif) no-repeat;height: 333px;z-index:300;}
		#flash-slides{/* background: url(/img/flash-bg.gif) no-repeat ; */height: 334px;width: 618px;position: relative;}
			#flash-slides-tl{background: url(/img/flash-slides-tl.png) no-repeat;height:12px;top:8px;left:5px;position:absolute;width:12px;z-index: 999;}	
			#flash-slides-bl{background: url(/img/flash-slides-bl.png) no-repeat;height:12px;bottom:8px;left:5px;position:absolute;width:12px;z-index: 998;}	
			#flash-slides-br{background: url(/img/flash-slides-br.png) no-repeat;height:13px;bottom:8px;right:3px;position:absolute;width:13px;z-index: 997;}
			#flash-slides-tr{background: url(/img/flash-slides-tr.png) no-repeat;height:12px;top:8px;right:3px;position:absolute;width:12px;z-index: 996;}		
			#how-to{height:334px;width: 321px;background:none;margin:0;position: absolute;right: 0;top: 0;}
				#how-to-br{background: url(/img/how-to-br.png) no-repeat;bottom:8px;height: 12px;position:absolute;right:5px;width: 11px;z-index:999}
				#how-to span{color:#333536;display:block;font-size: 3.0em;font-weight: bold;margin: 16px 0 0 19px;text-transform: uppercase;}
				#how-to ul{background: #777776;margin:3px 0 0 0;width: 315px;position: inherit;text-indent: inherit;float: none;}
					#how-to li{font-size: 1.8em;border-bottom: 1px solid #5b5b5a;border-top: 1px solid #939697;width: inherit;height: 44px;}
					#how-to li.first{border-top: none;}
					#how-to li.last{border-bottom: none;height: 46px;}
						#how-to li a{color: #fff;display: block;text-decoration: none;padding: 14px 0 14px 68px;text-decoration: none;background-color:#777776;}
						#how-to li a:hover{background: #525659;}
						#how-to li.member a{background: url(/img/icon-member.gif) no-repeat 10px 2px;}
						#how-to li.member a:hover{background: url(/img/icon-hover-member.gif) no-repeat 10px 2px #525659;}
						#how-to li.register a{background: url(/img/icon-register.gif) no-repeat 10px 2px;}
						#how-to li.register a:hover{background: url(/img/icon-hover-register.gif) no-repeat 10px 2px #525659;}
						#how-to li.blueprints a{background: url(/img/icon-blueprints.gif) no-repeat 10px 2px;}
						#how-to li.blueprints a:hover{background: url(/img/icon-hover-blueprints.gif) no-repeat 10px 2px #525659;}
						#how-to li.planroom a{background: url(/img/icon-planroom.gif) no-repeat 10px 2px;}
						#how-to li.planroom a:hover{background: url(/img/icon-hover-planroom.gif) no-repeat 10px 2px #525659;}
						#how-to li.listings a{background: url(/img/icon-listings.gif) no-repeat 10px 2px;}
						#how-to li.listings a:hover{background: url(/img/icon-hover-listings.gif) no-repeat 10px 2px #525659;}
						#how-to li.directory a{background: url(/img/icon-directory-mini.gif) no-repeat 10px 2px;}
						#how-to li.directory a:hover{background: url(/img/icon-directory-mini-on.gif) no-repeat 10px 2px #525659;}
						
	#secondary-focus{background: url(/img/large-bar-bg.gif) repeat-x #f47942;float: left;clear: both;margin: -16px auto 0 auto;padding: 20px 0 10px 0;width: 100%;}
		#existing-members, #prospective-members, #plan-issuers{color:#fff;height: 195px;width: 310px;float: left;position: relative;}
			#secondary-focus span.frame{background: url(/img/hp-photo-frame.png) no-repeat;position: absolute;top:0px;left:0px;height: 195px;width: 310px;display: block;z-index: 898;}
			#existing-members{background: url(/img/existing-members.jpg) no-repeat center center;}
			#prospective-members{background: url(/img/prospective-members.jpg) no-repeat center center;margin: 0 3px 0 3px;}
			#plan-issuers{background: url(/img/plan-issuers.jpg) no-repeat center center;}
			#secondary-focus div.info{position: absolute;top:117px;left:15px;z-index: 899;width:278px;}
				#secondary-focus span.title{display: block;font-size: 1.8em;text-transform: uppercase;}
					#secondary-focus span.title a{color: #fff;text-decoration: none;}
				#secondary-focus div.info p{line-height: 1.2em;}
				
	#page-content{color:#ffffff;float: left;margin:20px 0 20px 9px;width:348px;display: inline;}
	
	#calendar-wrapper{float: right;margin:37px 9px 22px 0;width: 552px;position: relative;display: inline;}
			#calendar-wrapper span.icon{background: url(/img/cal-icon.jpg) no-repeat;display:block;height: 90px;width: 93px;position: absolute;top:-52px;left:-22px;}
			#calendar-wrapper span.title{background:url(/img/upcoming-events.gif) no-repeat;display: block;height: 19px;width: 220px;text-indent: -9000px;margin:-20px 0 11px 74px;}
			#calendar{background:url(/img/events-bg.gif) repeat-y;float: left;width:552px;}
				#calendar-top{background: url(/img/events-top.gif) no-repeat;float:left;width: 552px;}
					#calendar-bottom{background: url(/img/events-bottom.gif) no-repeat bottom;float: left;width: 552px;}
						#cal-week{color:#fff;background: #717476;display: block;margin:9px 1px 8px 1px;padding: 2px 0;text-align: center;}
						#content-area #calendar-bottom div{float: left;width: 165px;display: inline;}
							#content-area #calendar-bottom div span{color:#000;font-size:1.8em;display: block;font-weight:bold;text-align: center;float: none;}
							#content-area #calendar-bottom div span.color{color: #e16c31;display: inline;text-align: inherit;font-size: 1em;}
							#content-area #calendar-bottom div dl{margin: 6px 0 0 0;}
								#content-area #calendar-bottom div dl dt a{color: #000;background: url(/img/dt-bullet.gif) no-repeat 0px 3px;font-weight: bold;padding:0 0 0 6px;text-decoration: none;}
								#content-area #calendar-bottom div dl dd{margin: 0 0 13px 6px;color:#000;}
						#day1{margin:0 0 0 16px;}
						#day2{margin:0 16px;}
			#calendar-wrapper a.view-all{clear: both;color: #f2bca0;float: right;margin: 6px 12px 0 0;text-decoration: none;}
			#calendar-wrapper a.view-all:hover{color: #fff;}
