/* BEGIN: Global/Element Styles */
body{
	margin: 0 auto;
	font-family:Arial;
	text-align: center;
}
div 
{
	text-align:left;
}
p{
	margin: 0px;
	padding: 0px;
	font: normal normal 12px/14px arial, sans-serif;
}
h1{
	margin: 0;
	padding: 0px;
	font: normal bold 14px/16px arial, sans-serif;
}
h2
{
	margin: 0;
	padding: 0px;
	font: normal bold 14px/16px arial, sans-serif;
}

h3
{
	margin: 0;
	padding: 0px;
	font: normal bold 12px/14px arial, sans-serif;	
}

h4
{
	margin: 0;
	padding: 0px;
	font: normal bold 12px/14px arial, sans-serif;	
}

/* END: Global/Element Styles */

/* BEGIN: Misc. Global classes */


.ImageAlignLeft
{
	float:left;
	display:inline;
	margin: 0px 5px 5px 0px;
}

.red
{
	color: #89231b;
}

.ArrowLeftSpace
{
	display: inline-block;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px -4px 0px;

}

.LinkSpacer{
	padding: 0px 10px 0px 10px;
}

/* END: Misc. Global classes */


/* BEGIN: Container and Rail Styles */

.ContainerAlignCenter
{
	margin: 0 auto;
	text-align: center;
}

.ContainerOuter
{
	margin: 0;
	padding: 0 10px 0 10px;

}
.ContainerInner{
	margin:0px;
  	background-color:#fff;
  	float:left;
  	width:780px;    
  	border-left:10px solid #e4d1bd;
  	border-right:10px solid #e4d1bd;
  	margin-left:-10px;
  	margin-right:-10px;
  	display:inline; /* So IE plays nice */
}
.LeftRail{
  	float:left;
  	width:10px;
  	margin-left:-10px;
  	position:relative;
}
.CenterContent{
  	float:left;
  	width:780px;
  	margin-right:-780px;
}
.RightRail{
  	float:right;
  	width:10px;
  	margin-right:-10px;
  	position:relative;
}
/* END: Container and Rail Styles */



/* BEGIN: Top Navigation Styles */

.TopNavOuter {
	margin: 0px;
	padding: 0px;
	height: 35px;
/*	margin-top: -19px;
	 let IE know that we really do want a top margin */
	display: inline;
	z-index: 6000 !important;
}

ul#TopNavItems {
 	/* making ie and firefox equal */
	padding: 0px;
	margin: 0px;
	/*padding: 0px 0px 0px 25px; */
	margin: 0px;
	list-style: none;
  	height: 35px;
	background-color: #3c7895;
	overflow: hidden;
	z-index: 6000 !important;
}

ul#TopNavItems li{
  /*float the main list items*/
  float: left;
  background-color: #3c7895;
  margin:0px;
  padding:9px 25px 11px 25px;
  list-style: none;
  height:35px;
  display: inline;
  z-index: 6000 !important;
  overflow:visible;
}

ul#TopNavItems li.SpacerImage
{
	height: 35px;
	width: 2px;
	background-color: #3c7895;
	margin: 0;
	padding: 11px 0px 11px 0px;
	overflow:hidden;
}

ul#TopNavItems li:hover.SpacerImage{
  	height: 35px;
	width: 2px;
	background-color: #3c7895;
	margin: 0;
	padding: 11px 0px 11px 0px;
	overflow:hidden;
}

ul#TopNavItems li.TopNavLogIn{
  /*float the main list items*/
  float: left;
  margin:0px;
  padding: 4px 0px 0px 55px;
  list-style: none;
  height:9px;
  display: inline;
  z-index: 6000 !important;
  overflow:visible;
}


ul#TopNavItems li img{
	border:0;
}

ul#TopNavItems li a {
  /*for all links in the list*/
  /*background-color: #3c7895;*/
  background-color:#3c7895;
  text-decoration: none;
}
/*
ul#TopNavItems li:hover {
  padding-left: 11px;
  padding-right: 11px;
  list-style: none;
  display: inline;
  z-index: 6000 !important;
}

ul#TopNavItems li:hover a
{

}
*/
/*  For IE */

ul#TopNavItems li.navover{
  /*float the main list items*/
  float: left;
  margin:0px;
  padding:11px 0px 11px 0px;
  list-style: none;

  display: inline;
  z-index: 6000 !important;
  overflow:visible;
}
ul#TopNavItems li.navover a {
  /*for all links in the list*/
  background-color:#3c7895;
  text-decoration: none;
}
/*
ul#TopNavItems li.navover a:hover {

  height: 35px;
  background-color:#3c7895;
  text-decoration: none;
}
*/
/* End for IE */

ul#TopNavItems li#selected{
  height: 35px;
  background-color: #3c7895;
  padding-left: 11px;
  padding-right: 11px;
  list-style: none;
  display: inline;
  z-index: 6000 !important;
}

ul#TopNavItems li#selected a
{
	background-color:#3c7895;
	height: 35px;

}


/* END top nav styles  *******/

/* BEGIN: PageHeader Styles */


.FloatingBook
{
	z-index:100 !important;
	display:block;
	position:relative;
	left:0;
	top: 0;
	margin: 0;
	width: 258px;
	float:left;
	/* andy border:solid 1px black; */
}

.PageHeaderOuter {
	z-index:0 !important;
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 345px;
	background-image:url('../images/step1bg.jpg');
	background-repeat:no-repeat;
	/* andy border:solid 1px yellow; */
}
.HeaderMain{
	top:0px;
	display:inline;
	position:relative;
}

.HeaderDescriptionText
{
	padding: 5px 0px;
}


.HeaderContent{
	margin: 0;
	z-index:100 !important;
	display:block;
	position:relative;
	top: 0;
	float:right;
	width: 518px;
	height:315px;
}

.HeaderContentInnerTop{
	
	float:left;
	height:129px;
	width: 250px;
	margin: 100px 0px 0px 0px;
	font: normal bold 11px/13px arial, sans-serif;
	color:#f7e5b5;
	clear:both;
	display:block;
}

.HeaderTopContent{
	
	float:left;
	margin: 0px 0px 0px 15px;
	text-align:left;
}

.HeaderContentInnerBottom{
 	
	float:left;
	height:96px;
	width: 280px;
	margin: -10px 0px;
	font: normal bold 11px/13px arial, sans-serif;
}

.HeaderBottomContent{
	
	float:left;
	margin: 0px 0px 0px 15px;
	text-align:left;
}

.HeaderBottomContent ul{
	margin: 0px 0px 0px -40px;
	*margin: 0px;
	display:block;
  	list-style: none;
  	display: block;
  	z-index: 6000 !important;
  	overflow:visible;

}

.HeaderStepRow{
	margin: 7px 0px 0px 0px;
	display:block;
  	list-style: none;
  	height:17px;
  	display: block;
  	z-index: 6000 !important;
  	overflow:visible;
}

.HeaderStepRow a {
  text-decoration: none;
  border:0;
}

.HeaderStepRow img {
  text-decoration: none;
  border:0;
}

.StepPageHeaderNavOuter{
	padding:218px 0px 0px 554px;
	margin:0px;
}


.HeaderLink
{
	padding: 5px 0px;
	font: normal bold 12px/12px arial, sans-serif;
	color:#f7e5b5;
	text-decoration:none;
	text-transform:uppercase;
}

.HeaderLink a
{
	font: normal bold 12px/12px arial, sans-serif;
	color:#f7e5b5;
	text-decoration:none;
	text-transform:uppercase;
}

.HeaderLink a:active
{
	text-decoration:underline;
	color: #fff;
}
.HeaderLink a:hover
{
	text-decoration:underline;
	color: #fff
}

.HeaderLink img
{
	border:0;
}





/* BEGIN: Sub Navigation Styles */


.SubNavOuter {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	height: 9px;
/*	margin-top: -19px;
	 let IE know that we really do want a top margin */
	z-index: 6000 !important;
	background-color: #fff;
	display: block;
	clear:both;
}

ul#SubNavItems {
 	/* making ie and firefox equal */
	padding: 0px;
	margin: 0px;
	/*padding: 0px 0px 0px 25px; */
	*margin: 0px;
	list-style: none;
  	height: 19px;
	overflow: hidden;
	z-index: 6000 !important;
}

ul#SubNavItems li{
  /*float the main list items*/
  float: left;
  margin:0px;
  padding: 0px 7px 0px 7px;
  list-style: none;
  height:9px;
  display: inline;
  z-index: 6000 !important;
  overflow:visible;
}

ul#SubNavItems li.SubNavLogIn{
  /*float the main list items*/
  float: left;
  margin:0px;
  padding: 1px 7px 0px 0px;
  list-style: none;
  height:9px;
  display: inline;
  z-index: 6000 !important;
  overflow:visible;
}


ul#SubNavItems li.SubNavSpacerImage
{
	height: 19px;
	width: 2px;
	margin: 0;
	padding: 0px;
	overflow:hidden;
}

ul#SubNavItems li:hover.SubNavSpacerImage{
  	height: 19px;
	width: 2px;
	margin: 0;
	padding: 0px;
	overflow:hidden;
}

ul#SubNavItems li img{
	border:0;
}

ul#SubNavItems li a {
  /*for all links in the list*/
  height: 9px;
}

.SubNavFirstItem
{
	margin-left: -6px !important;
}

.SubNavFirstItem li:hover
{
	margin-left: -6px !important;
}

.SubNavFirstItem li:hover a
{
	margin-left: -6px !important;
}


ul#SubNavItems li:hover {
  height: 9px;
  padding-left: 7px;
  padding-right: 7px;
  list-style: none;
  display: inline;
  z-index: 6000 !important;
}

ul#SubNavItems li:hover.SubNavLogIn {
  height: 9px;
  padding-left: 0px;
  padding-right: 7px;
  list-style: none;
  display: inline;
  z-index: 6000 !important;
}


ul#SubNavItems li:hover a
{
	height: 9px;

}


ul#SubNavItems li#selected{
  height: 9px;
  padding-left: 7px;
  padding-right: 7px;
  list-style: none;
  display: inline;
  z-index: 6000 !important;
}

ul#SubNavItems li#selected.SubNavLogIn{
  height: 9px;
  padding-left: 0px;
  padding-right: 7px;
  list-style: none;
  display: inline;
  z-index: 6000 !important;
}


ul#SubNavItems li#selected a
{
	height: 7px;
}

/******* END: Sub Nav styles  *******/



/* BEGIN: PageBody Styles */

.PageBodyOuter {
	margin: 12px 10px 0px 10px;
	padding: 0px;
	z-index: 0;
	display:block !important;
	clear:both !important;
}

.PageBodyLeft{
	float:left;
	margin:25px 0px 0px 0px;
	width: 500px;
	display:block !important;
	clear:both !important;

}

.PageBodyRight{
	float:right;
	margin: 0px;
	width: 200px;
	display:block !important;
	clear:both !important;

}

.PageBottomCorners{
	border: 0px green solid;
	margin: 0px;
	padding: 0px;
	/* star-hack, just in case, for earlier versions of IE */
	*height: 10px;
}

.PageBottomCorners img
{
	visibility:visible !important;
	width: 780px;
	height: 10px;
	z-index:1000;
}


/* BEGIN: Footer Styles */
.FooterOuter {

	vertical-align:top;
	margin: 0px;
	padding: 0px;
	background-color: #e4d1bd;
	display:block !important;
	clear:both !important;
}

.FooterInnerShell{
background-color: #e4d1bd;
	display:block !important;
	clear:both !important;
	padding: 12px 0px 50px 0px;
}

/* BEGIN: Bottom Navigation Styles */


.BottomNavOuter {
	margin: 0px;
	padding: 0px 0px 13px 6px;
	height: 9px;
/*	margin-top: -19px;
	 let IE know that we really do want a top margin */
	z-index: 6000 !important;
	background-color: #e4d1bd;
	display: block;
	clear:both;
}

ul#BottomNavItems {
 	/* making ie and firefox equal */
	padding: 0px;
	margin: 0px;
	/*padding: 0px 0px 0px 25px; */
	*margin: 0px;
	list-style: none;
  	height: 19px;
	background-color: #e4d1bd;
	overflow: hidden;
	z-index: 6000 !important;
}

ul#BottomNavItems li{
  /*float the main list items*/
  float: left;
  background-color: #e4d1bd;
  margin:0px;
  padding: 0px 7px 0px 7px;
  list-style: none;
  height:9px;
  display: inline;
  z-index: 6000 !important;
  overflow:visible;
}

ul#BottomNavItems li.BotNavSpacerImage
{
	height: 19px;
	width: 2px;
	background-color: #e4d1bd;
	margin: 0;
	padding: 0px;
	overflow:hidden;
}

ul#BottomNavItems li:hover.BotNavSpacerImage{
  	height: 19px;
	width: 2px;
	background-color: #e4d1bd;
	margin: 0;
	padding: 0px;
	overflow:hidden;
}

ul#BottomNavItems li img{
	border:0;
}

ul#BottomNavItems li a {
  /*for all links in the list*/
  height: 9px;
  /*background-color: #e4d1bd*/
  background-color:Transparent;
  font: normal normal normal 11px/18px lucida sans,arial,helvetica,sans-serif;
  color: #000000;
  text-decoration: none;
}

ul#BottomNavItems li:hover {
  color: #dedede;
  height: 9px;
  background-color: #e4d1bd;
  padding-left: 7px;
  padding-right: 7px;
  list-style: none;
  display: inline;
  z-index: 6000 !important;
}

ul#BottomNavItems li:hover a
{
	background-color: #e4d1bd;
	color: #dedede;
	height: 9px;

}

/*  For IE */
ul#BottomNavItems li.navover{
  /*float the main list items*/
  float: left;
  background-color: #e4d1bd;
  margin:0px;
  padding:0px 7px 0px 7px;
  list-style: none;
  height: 9px;
  display: inline;
  z-index: 6000 !important;
  overflow:visible;
}
ul#BottomNavItems li.navover a {
  /*for all links in the list*/
  height: 9px;
  background-color:Transparent;
  font: normal normal normal 11px/18px lucida sans,arial,helvetica,sans-serif;
  color: #dedede;
  text-decoration: none;
}
ul#BottomNavItems li.navover a:hover {
  /*for all links in the list*/
  height: 9px;
  background-color:Transparent;
  font: normal normal normal 11px/18px lucida sans,arial,helvetica,sans-serif;
  color: #dedede;
  text-decoration: none;
}
/* End for IE */

ul#BottomNavItems li#selected{
  color: #dedede;
  height: 9px;
  background-color: #e4d1bd;
  padding-left: 7px;
  padding-right: 7px;
  list-style: none;
  display: inline;
  z-index: 6000 !important;
}

ul#BottomNavItems li#selected a
{
	background-color: #e4d1bd;
	color: #dedede;
	height: 7px;

}

/******* END bottom nav styles  *******/

.CopyrightText{
background-color: #e4d1bd;
	float:left;
	margin: 0px 0px 0px 12px;
	padding:0;
	display:block;
	clear:both;
	font: normal bold 10px/12px arial, sans-serif;
	color: #764200;
}

.RssLogo
{
	float: right;
	margin-right: 10px;
}




