/* PA State Grant Marketing CSS Document */

/* Header Styles */

div#mainContentInt div#grantHeader * { 
  zoom:1.0; 
} 

div#mainContentInt div#grantHeader {
  background:url(/images/grant/grantHeaderBg.jpg) no-repeat;
	color:#666;
	font:13px Arial, Helvetica, sans-serif;
  height:130px;
	margin:0 0 13px 0;
	padding:14px 0 0 100px;
  position:relative;
	width:660px;
}

div#mainContentInt div#grantHeader h1 {
  color:#000;
	font-size:22px;
	letter-spacing:normal;
	margin:0 0 4px 0;
	padding:0;
	text-transform:none;
}

div#mainContentInt div#grantHeader h1 strong {
  color:#599B24;
	font-weight:normal;
}

div#mainContentInt div#grantHeader ul {
  font-weight:normal;
  margin:0 0 0 0;
	padding:0;
}

div#mainContentInt div#grantHeader ul li {
	background:url(/images/fafsa/squarebullet.gif) no-repeat 3px 6px;
	list-style:none;
	padding:0 0 2px 13px;
	margin:0;
}

div#mainContentInt div#grantHeader a.grantButton {
	background:url(/images/grant/applyButton.jpg) no-repeat;
	bottom:8px;
	display:block;
	height:33px;
	left:100px;
	outline:none;
	position:absolute;
	text-decoration:none;
	text-indent:-9999px;
	width:141px;
}

/*Left Column Styles */

body.grantMainBody div#mainContentInt div#marketingLeftColumn {
  float:left;
  margin:0;
	padding:0;
  width:515px;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn h2 {
  color:#333;
  font-size:16px;
	margin:0 0 15px 0;
}

/* Did You Know Styles */

body.grantMainBody div#mainContentInt div#marketingLeftColumn h2.didYouKnow {
  border-right:1px solid #CCC;
	font:bold 11px Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
  width:479px;
}

/* Table of Contents Styles */

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents {
  border-bottom:1px solid #CCC;
	font-size:11px;
  margin:15px 0;
	padding:0;
	position:relative;
  width:515px;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents span.chevronOne {
  background:url(/images/fafsa/chevron.gif) no-repeat;
  display:block;
	height:24px;
	left:10px;
	position:absolute;
	top:11px;
	width:23px;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents span.chevronTwo {
  background:url(/images/fafsa/chevron.gif) no-repeat;
  display:block;
	height:24px;
	left:10px;
	position:absolute;
	top:58px;
	width:23px;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents span.chevronThree {
  background:url(/images/fafsa/chevron.gif) no-repeat;
  display:block;
	height:24px;
	left:10px;
	position:absolute;
	top:107px;
	width:23px;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents p {
  background:url(/images/fafsa/content_bg.jpg) repeat-x;
  border-top:1px solid #CCC;
	color:#666;
	height:44px;
  padding:3px 170px 0 45px;
	margin:0;
	width:300px;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents p strong {
  color:#599B24;
	font-weight:bold;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents p strong a:link,
body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents p strong a:visited,
body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents p strong a:hover {
  color:#599B24;
	text-decoration:none;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents ul {
  margin:0;
	padding:0;
	position:absolute;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents ul.fafsa {
  right:8px;
	top:20px;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents ul.complete {
  right:0;
	top:66px;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents ul.after{
  right:34px;
	top:114px;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents ul li {
  background:url(/images/homePage/arrow2.gif) no-repeat 0 1px;
  display:inline;
	font-weight:bold;
	list-style:none;
	padding:0 5px 0 15px;
	margin:0;
	text-transform:uppercase;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents ul li a:link,
body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents ul li a:visited {
  color:#09C;
	text-decoration:none;
}

body.grantMainBody div#mainContentInt div#marketingLeftColumn div#tableOfContents ul li a:hover {
  text-decoration:underline;
}

/* Right Column Styles */

body.grantMainBody div#mainContentInt div#marketingRightColumn {
  float:left;
  margin:0;
	padding:0 0 0 15px;
	width:230px;
}

body.grantMainBody div#mainContentInt div#marketingRightColumn div.rightContainer {
  background:url(/images/fafsaContainerBg.jpg) no-repeat 0 0;
  margin:0 0 15px 0;
	padding:0;
	width:230px;
}

body.grantMainBody div#mainContentInt div#marketingRightColumn .rightContainerContent {
  margin:0;
	padding:3px 5px 3px 3px;
	width:222px;
}

body.grantMainBody div#mainContentInt div#marketingRightColumn div.rightContainer a.rightNavLink:link,
body.grantMainBody div#mainContentInt div#marketingRightColumn div.rightContainer a.rightNavLink:visited {
  color:#09C;
	font-weight:bold;
  padding-right:5px;
	text-decoration:none;
}

body.grantMainBody div#mainContentInt div#marketingRightColumn div.rightContainer a.rightNavLink:hover {
  font-weight:bold;
  padding-right:5px;
	text-decoration:underline;
}

body.grantMainBody div#mainContentInt div#marketingRightColumn div.rightContainer div.rightContainerContent a.navSignIn:link, 
body.grantMainBody div#mainContentInt div#marketingRightColumn div.rightContainer div.rightContainerContent a.navSignIn:visited {
  background:url(/images/homePage/icn_lock.jpg) no-repeat 0 0;
  color:#00A9E0;
	display:block;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
  margin:5px 0 0 3px;
	padding:0 10px 1em 15px;
	text-align: right;
	text-decoration: none;
	width: 100px;
}

body.grantMainBody div#mainContentInt div#marketingRightColumn div.rightContainer div.rightContainerContent a.navSignIn:hover {
  color:#00A9E0;
	text-decoration: underline;
}

/* Applying Page Styles */

body.stateGrantApplyBody div#mainContentInt dl {
  background:url(/images/grant/applyBg.jpg) no-repeat;
	height:133px;
	margin:15px 0 0 0;
	position:relative;
	width:580px;
}

body.stateGrantApplyBody div#mainContentInt dl dt {
  color:#333;
  font:bold 14px Arial, Helvetica, sans-serif;
	left:175px;
	position:absolute;
	top:18px;
}

body.stateGrantApplyBody div#mainContentInt dl dd a {
  background:url(/images/grant/applyButtonBg.jpg) no-repeat;
	color:#000;
  display:block;
	font-size:11px;
	height:34px;
	padding-top:5px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	top:52px;
	width:245px;
}

body.stateGrantApplyBody div#mainContentInt dl dd a strong {
  display:block;
	font-size:13px;
}

body.stateGrantApplyBody div#mainContentInt dl dd a.no {
  left:20px;
}

body.stateGrantApplyBody div#mainContentInt dl dd a.yes {
  right:20px;
}