@CHARSET "UTF-8";

body { margin: 0; padding: 0; }

/*****************************************************************************************************/
/** Common Elements **/
/*****************************************************************************************************/
#content{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;	
}
a:link{
	/**color: #f7ddb8;**/
	text-decoration: none;
}
a:visited{
	/**color: #f7ddb8;**/
	text-decoration: none;
}
a:hover{
	/**color: #f7ddb8;**/
	text-decoration: underline;
}
a.menu{
	color:#F5E4AF;
	text-decoration: none;
}
a.menu:hover{
	color:#FFFFFF;
	text-decoration: none;
}
h2{
	font-family: Trebuchet MS;
	color: #e15d31;
	font-size: 14px;
}
h3{
	font-family: Trebuchet MS;
	color: #9fa626;
	font-size: 12px;
}
/*****************************************************************************************************/
/** Header Image **/
/*****************************************************************************************************/
div.topbar{
	position: relative;
	background-image: url("../Images/HeaderFooter/HeaderBar.png");
	background-repeat: no-repeat;
	width: 700px;
	height: 6px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
}
div.topnavbar{	
}
div.homebutton{
	position: absolute;
	background-image: url("../Images/Buttons/HomeNavButton.png");
	background-repeat: no-repeat;
	width: 96px;
	height: 20px;
	left: 45px;
	top:12px;
	cursor: pointer;
}
div.homebutton:hover{
	background-image: url("../Images/Buttons/HomeNavButtonMouseOver.png");
	background-repeat: no-repeat;
}
div.aboutbutton{
	position: absolute;
	background-image: url("../Images/Buttons/AboutNavButton.png");
	background-repeat: no-repeat;	
	width: 88px;
	height: 20px;
	left: 115px;
	top:12px;
	cursor: pointer;
}
div.aboutbutton:hover{
	background-image: url("../Images/Buttons/AboutNavButtonMouseOver.png");
	background-repeat: no-repeat;
}
div.whybutton{
	position: absolute;
	background-image: url("../Images/Buttons/WhyStepOneNavButton.png");
	background-repeat: no-repeat;
	width: 132px;
	height: 20px;
	left:199px;
	top:12px;
	cursor: pointer;
}
div.whybutton:hover{
	background-image: url("../Images/Buttons/WhyStepOneNavButtonMouseOver.png");
	background-repeat: no-repeat;	
}
div.membershipbutton{
	position: absolute;
	background-image: url("../Images/Buttons/MembershipNavButton.png");
	background-repeat: no-repeat;	
	width: 128px;
	height: 20px;
	left:338px;
	top:12px;
	cursor: pointer;
}
div.membershipbutton:hover{
	background-image: url("../Images/Buttons/MembershipNavButtonMouseOver.png");
	background-repeat: no-repeat;	
}
div.loginbutton{
	position: absolute;
	background-image: url("../Images/Buttons/LoginNavButton.png");
	background-repeat: no-repeat;	
	width: 123px;
	height: 20px;
	left:597px;
	top:14px;
	cursor: pointer;
}
div.loginbutton:hover{
	background-image: url("../Images/Buttons/LoginNavButtonMouseOver.png");
	background-repeat: no-repeat;	
}

/*======================================
   New Nav Styles 
========================================*/

.topnavbar
{
	width: 700px; height: 34px;
	font: 12px/20px arial, sans-serif;
	background: url(/nav-public.gif) no-repeat;
	position: relative;
	margin: 0 auto;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	z-index: 1;
}
	.topnavbar ul
	{
		margin: 0 0 0 30px; padding: 0;
		list-style: none;
	}
		.topnavbar ul li
		{
			margin: 0; padding: 0;
			list-style: none;
			position: relative;
			float: left;
		}
			.topnavbar ul li a
			{
				float: left; height: 34px;
				text-indent: -999em;
				overflow: hidden;
				background: url(/nav-public.gif) no-repeat;
			}
			.topnavbar ul li.navi-home a
			{
				width: 57px;
				background-position: -30px 0;
			}
			.topnavbar ul li.navi-home a:hover
			{
				background-position: -30px -34px;
			}
			.topnavbar ul li.navi-about a
			{
				width: 60px;
				background-position: -87px 0;
			}
			.topnavbar ul li.navi-about a:hover
			{
				background-position: -87px -34px;
			}
			.topnavbar ul li.navi-why a
			{
				width: 114px;
				background-position: -147px 0;
			}
			.topnavbar ul li.navi-why a:hover
			{
				background-position: -147px -34px;
			}
			.topnavbar ul li.navi-resources a
			{
				width: 90px;
				background-position: -261px 0;
			}
			.topnavbar ul li.navi-resources a:hover
			{
				background-position: -261px -34px;
			}
			.topnavbar ul li.navi-membership a
			{
				width: 90px;
				background-position: -351px 0;
			}
			.topnavbar ul li.navi-membership a:hover
			{
				background-position: -351px -34px;
			}
		.topnavbar ul li.navi-login
		{
			margin-left: 130px;
		}
			.topnavbar ul li.navi-login a
			{
				width: 125px;
				background-position: -570px 0;
			}
			.topnavbar ul li.navi-login a:hover
			{
				background-position: -570px -34px;
			}
			.topnavbar ul li.navi-logout
			{
				margin-left: 127px;
			}
			.topnavbar ul li.navi-logout a
			{
				width: 125px;
				background: url(/nav-sign-out.gif) no-repeat 0 0;
			}
			.topnavbar ul li.navi-logout a:hover
			{
				background-position: 0 -34px;
			}
			.topnavbar ul li ul
			{
				margin: 0px 2px;; padding: 0 0 5px 0;
				position: absolute;
				left: -999em; top: 34px;
				width: 230px; background: #737373;
				border-top: 2px solid #737373;
				z-index: 9999;
				zoom: 1;
				text-align: left;
			}
			.topnavbar ul li:hover ul,
			.topnavbar ul li.sfHover ul
			{
				left: 0;
			}
				.topnavbar ul li ul li
				{
					float: none; width: auto;
					text-align: left;
				}
					.topnavbar ul li ul li a
					{
						float: none; 
						height: auto; width: auto !important;
						display: block;
						text-decoration: none;
						margin: 0px; padding: 2px 11px;
						color: #fff;
						text-indent: 0;
						background: transparent;
						text-align: left;
					}
					.topnavbar ul li ul li a:hover
					{
						background: #737373;
						color: #ED6D42;
					}

			#nav-member
			{
				margin: 0; padding: 0;
				clear: both;
				text-align: left;
				text-indent: none;
				font: 12px/20px arial, sans-serif;
				width: 100%; float: left;
			}

				#nav-member ul
				{
					margin: 0; padding: 0;
					list-style: none;
				}

					#nav-member ul li
					{
						margin: 0; padding: 0;
						list-style: none;
						float: left;
					}

						#nav-member a
						{
							font: 12px/20px arial, sans-serif;
							color: #FFE4AD;
							margin-left: 15px;
							float: left;
							padding: 8px;
							text-indent: none;
						}

			#nav-member a:hover
			{
				color: #fff;
			}

/*****************************************************************************************************/
/** Footer **/
/*****************************************************************************************************/
div.footer{
	position: absolute;
	background-image: url("../Images/HeaderFooter/FooterWithLogo3.jpg");
	background-repeat: no-repeat;
	top: 845px;
	width: 700px;
	height: 240px;	
	color: #f7ddb8;
	font-family: Trebuchet MS;
	font-size: 13px;	
}
div.footertext{
	position: relative;
	left:40px;
	top:20px;
	color: #f7ddb8;
	font-family: Trebuchet MS;
	font-size: 12px;
  z-index:10;
}
/*****************************************************************************************************/
/** Crumbs **/
/*****************************************************************************************************/
div.crumbs{
	position: relative;
	background-repeat: no-repeat;	
	width: 700px;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #bebebe;
}
/*****************************************************************************************************/
/** Members Header **/
/*****************************************************************************************************/
div.membermenu{
	position:absolute;
	top:34px;
	height:38px;
	width:700px;
	font-family: Trebuchet MS;
	font-size: 12px;
	background: #585858;
}
div.linkrow{
	position: absolute;
	top: 10px;
	color:#F5E4AF;
}
div.myprofile{
	position: absolute;
	left:43px;
	width:71px;
	top: 10px;
}
div.overview{
	position: absolute;
	left:118px;
	width:71px;
	top: 10px;
}
div.print{
	position: absolute;
	left:197px;
	width:45px;
	top: 10px;
}
div.editmyinfo{
	position: absolute;
	left:246px;
	width:71px;
	top: 10px;
}
div.logoutbutton{
	position: absolute;
	background-image: url("../Images/Buttons/LogoutNavButton.png");
	background-repeat: no-repeat;	
	width: 123px;
	height: 20px;
	left:597px;
	top:14px;
	cursor: pointer;
}
div.logoutbutton:hover{
	background-image: url("../Images/Buttons/LogoutNavButtonMouseOver.png");
	background-repeat: no-repeat;	
}
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
div.bodytext{
	position: absolute;
	top: 500px;
	width:442px;
	height:900px;
	color: #747070;
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height: 17px;
}
div.bottomtext{
	position: absolute;
	width: 700px;
	height: 50px;
	top:1410px;
}
div.buttons{
	position: absolute;
	width: 700px;
}
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/

a.button {
	border: 1px solid #ccc; border-bottom-color: 999;
	padding: 2px 6px; margin: 0 0 0 16px;
	position: relative;
	color: #333;
	background: #eee;
}

/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/


#pocketGuideThankYou{
	display: none; 
    position: absolute; 
	left: 500px; 
	top: 250px;
    width:433px; 
    height:134px;	
	border: solid black 1px; 
    padding: 10px; 
    background-color: rgb(255,255,255); 
    text-align: justify; 
    font-size: 12px; 
    z-index:20;  
}

#pocketGuideThankYou2{
	display: none; 
    position: absolute; 
	left: 500px; 
	top: 350px;
    width:433px; 
    height:134px;	
	border: solid black 1px; 
    padding: 10px; 
    background-color: rgb(255,255,255); 
    text-align: justify; 
    font-size: 12px; 
    z-index:20;  
}