/* Stylesheet for plan_for_college/5 Steps to Financial Aid section of PHEAA.org */

/* stepsHeader - top header section of all 5 steps pages */

div#mainContentInt div#stepsHeader {
  background:url(/images/5Steps/headerBack.png) no-repeat 0 0;
  height:140px;
  margin:1em auto 2em auto;
  padding:20px 45px 0 295px;
  position:relative;
  width:410px;
}

div#mainContentInt div#stepsHeader h1 {
  color:#000;
  font-size:1.5em;
  font-weight:normal;
  letter-spacing:normal;
  margin:0 0 0.75em 0;
  padding:0;
  text-transform:none;
}

div#mainContentInt div#stepsHeader h1 strong {
  color:#5EA426;
  font-weight:normal;
}

div#mainContentInt div#stepsHeader p {
  color:#666;
  line-height:1.5em;
  margin:1em 0;
}

/* stepsNavigation - Tab Navigation element to 5 Steps pages */

div#mainContentInt ol#stepsNavigation {
  background:url(/images/5Steps/tabsBack.jpg) repeat-x bottom left;
  display:block;
  height:50px;
  margin:0 auto;
  padding:0 12px;
  width:726px;
}

div#mainContentInt ol#stepsNavigation li {
  background-position:top right;
  background-repeat:no-repeat;
  display:block;
  font-size:.75em;
  float:left;
	line-height:1.2em;
  list-style:none;
  height:50px;
  margin:0 1px 0 0;
  overflow:hidden;
  padding:0;
  width:144px;
}

div#mainContentInt ol#stepsNavigation li.selected {
  background-position:top left;
}

div#mainContentInt ol#stepsNavigation li a {
  /*color:#3F3F3F;*/
	color:#000;
  display:block;
  height:33px;
  padding:16px 7px 0 42px;
  text-decoration:none;
}

/* Move link text up by one pixel if tab is marked as selected */

div#mainContentInt ol#stepsNavigation li.selected a {
  position:relative;
  top:-1px;
}

div#mainContentInt ol#stepsNavigation li a img {
  border-width:0;
  margin-left:2px;
}

div#mainContentInt ol#stepsNavigation li.step1 {
  background-image:url(/images/5Steps/step1.png);
}

/* Adjust height and padding for a three-line link */

div#mainContentInt ol#stepsNavigation li.step1 a {
  height:39px;
  padding-top:11px;
}

div#mainContentInt ol#stepsNavigation li.step2 {
  background-image:url(/images/5Steps/step2.png);
}

div#mainContentInt ol#stepsNavigation li.step3 {
  background-image:url(/images/5Steps/step3.png);
}

/* Adjust height and padding for a one-line link */

div#mainContentInt ol#stepsNavigation li.step3 a {
  height:29px;
  padding-top:21px;
}

div#mainContentInt ol#stepsNavigation li.step4 {
  background-image:url(/images/5Steps/step4.png);
}

/* Adjust height and padding for a three-line link */

div#mainContentInt ol#stepsNavigation li.step4 a {
  height:39px;
  padding-top:11px;
}

div#mainContentInt ol#stepsNavigation li.step5 {
  background-image:url(/images/5Steps/step5.png);
}

/* stepsContent - Content section for 5 Steps pages */

div#mainContentInt div#stepsContent {
  background:url(/images/5Steps/contentBack.gif) no-repeat 0 0;
  line-height:1.35em;
  margin:0 auto;
  padding:24px 23px;
  width:704px;
}

div#mainContentInt div#stepsContent h2.stepHeader {
  color:#000;
  font-size:1.5em;
  line-height:1.6em;
	margin-top:0;
}

div#mainContentInt div#stepsContent h2.stepHeader strong {
  color:#CECECE;
  display:block;
  font-size:1.12em;
}

div#mainContentInt div#stepsContent ul li {
  line-height:1.35em;
  padding:0 3px;
}

/* stepsFooter - Footer Navigation element at bottom of stepsContent section */

div#mainContentInt div#stepsContent div#stepsFooter {
  border-top:2px dotted #CCC;
  margin-top:3em;
  padding-top:2em;
  position:relative;
  width:100%;
}

/* stepsNext - Next Button in stepsFooter section */

div#mainContentInt div#stepsContent div#stepsFooter a#stepsNext {
  background:url(/images/5Steps/icn_arrows_right.gif) no-repeat 100% 3px;
  float:right;
  font-weight:bold;
  padding:2px 25px 0 0;
  text-decoration:none;
}

/* stepsNext - Next Button in stepsFooter section */

div#mainContentInt div#stepsContent div#stepsFooter a#stepsPrev {
  background:url(/images/5Steps/icn_arrows_left.gif) no-repeat 0 3px;
  float:left;
  font-weight:bold;
  padding:2px 0 0 25px;
  text-decoration:none;
}

/* Did You Know Styles */

div#mainContentInt div#stepsContent h2.didYouKnow {
  background:url(/images/5Steps/didyouknow_bg.jpg) no-repeat;
	font:bold 11px Arial, Helvetica, sans-serif;
	height:20px;
	margin:20px 0 0 0;
	padding:8px 0 0 35px;
  width:669px;
}

div#mainContentInt div#stepsContent ul.didYouKnowList {
  border-left:1px solid #CCC;
	color:#333;
	margin:0 0 10px 0;
	padding:10px 0 0 40px;
}

div#mainContentInt div#stepsContent ul.didYouKnowList li {
  margin:0;
	padding:5px;
}