/*******************************************************************************/
/* Global Styles for PHEAA Website                                             */
/*                                                                             */
/* Table of Contents (placeholder name for searching)                          */
/* Import Component Stylesheets (=imports)                                     */
/* General Element Styles (=elements)                                          */
/* Generic Class Styles (=classes)                                             */
/* Link and Link Related Styles (=links)                                       */
/*   Skip Links Styles (=skip)                                                 */
/* Header Styles (=header)                                                     */
/* Quick Link Styles (=quicklink)                                              */
/* Hide/Show Styles (=hideshow)                                                */
/* Navigation Styles (=navigation)                                             */
/* Content Styles (=content)                                                   */
/* Main Content Styles (=main)                                                 */
/* Right Content Styles (=right)                                               */
/*   Account Access Sign In Styles (=aaSignIn)                                 */
/*   Highlight Box Styles (=highlight)                                         */
/* Ad Space Landing Styles (=adSpace)                                          */
/* Footer Styles (=footer)                                                     */
/*******************************************************************************/

/* =imports 
Import Component Stylesheets */

@import "/stylesheets/reset.css";
@import "/stylesheets/navigation.css";
@import "/stylesheets/table-styles.css";

/* =elements
General Element Styles */

html {
  background:#FFF url(/images/html-bg2.png) repeat-x;
}

body {
  background: transparent url(/images/body-bg.png) top center no-repeat; !important
  _background:none; /* Hack for background image in IE6 */
  font-size: 81.25%; /* 13px */
  /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#999,direction=190,strength=8);
  -webkit-box-shadow:0 8px 8px #999;
  -moz-box-shadow:0 8px 8px #999;
  box-shadow:0 8px 8px #999;*/
  margin:0 auto;
  padding:11.1538em 14px 0 14px; /* 145px 0 0 0 */
  position:relative;
  width:76em; /* 988px */
}

img.border {
  border:1px solid #999;
}

abbr[title],
acronym[title] {
  border-bottom-width:0;
}




/* =classes
Generic Class Styles */

.left { 
  text-align:left; 
}

.right { 
  text-align:right; 
}

.center { 
  text-align:center; 
}

.floatLeft { 
  float:left; 
}

.floatRight { 
  float:right; 
}

.clearBoth { 
  clear:both; 
}

.clearLeft {
  clear:left;
}

.clearRight {
  clear:right;
}

.borderNone { 
  border:none !important; 
}

.hide {
  left:-9999px !important;
  overflow:hidden !important;
  position:absolute !important;
  top:-9999px !important;
}

.displayNone {
  display:none;
}

.marginTen {
  margin-bottom:.769em; /* 10px */
}

.marginFifteen {
  margin-bottom:1.154em; /* 15px */
}

.marginTwenty {
  margin-bottom:1.538em; /* 20px */
}

.marginForty {
  margin-bottom:3.077em; /* 40px */
}

.marginFifty {
  margin-bottom:3.846em; /* 50px */
}


div.footnote {
  border-top: 1px solid #CCC;
  margin-top: 2em;
}

div.footnote p {
  color: #999;
  font-size: .846em;
  margin: .384em 0 0 0;
}

.indent {
  padding-left: 2em;
}
/* iFrame Punch-Out to correct IE 6 and below */

iframe.windowIFrame {
  display:none;
  display/**/:block;  
  filter:mask();
  height:3000px;
  position:absolute;
  top:0;
  left:0;
  width:3000px;
  z-index:-2;
}

/* =links
Link and Link Related Styles */

a {
  outline:none;
}

a:link {
  color:#0073B0;
  text-decoration:none;
}

a:visited {
  color:#004971;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

a[name]:hover {
  color:inherit;
  text-decoration:none;
}

a.arrowLink {
  background:url(/images/navigation/navigation-active-arrow-green.jpg) no-repeat 0 2px;
  padding-left:20px;
}

/* Hack - to hide em text in modern browsers */
html>/**/body a[rel="external"] {
  background:url(/images/icons/icn-new-window.gif) no-repeat right 2px;
  padding-right:15px;
}


html>/**/body a[rel="ppt"] {
  background:url(/images/icons/icn-ppt.jpg) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body a[rel="pdf"] {
  background:url(/images/icons/icn-pdf.gif) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body a[rel="excel"] {
  background:url(/images/icons/icn-excel.gif) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body a[rel="word"] {
  background:url(/images/icons/icn-word.gif) no-repeat right 2px;
  padding-right:15px;
}

html>/**/body div#footer a[rel="pdf"] {
  background:none;
  padding-right:0;
}

html>/**/body span.docTypeText em {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

html>/**/body a[rel="generic"] em {
  background:url(/images/icons/icn-blue-new-window.png) no-repeat right 0;
}
/* End Hack */

span.docTypeText {
  font-size:.85em; /* 11px */
}

/* =skip
Skip Links Styles */

ul.skipLinks {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}





/* =header
Header Styles */

div#header {
  background:#FFF url(/images/header/header-bg.png) repeat-x;
  height:7.15em; /* 90px */
  left:14px; 
  padding:4.153em 0 0 1.538em; /* 54px 0 0 20px */
  position:absolute;
  top:0;
  width:74.462em; /* 968px */
  z-index:3; 
}

div#header a.logo {
  border:none;
  display:block;
  color:#000!important;
  font-size:11px;
  height: 6.727em; /*74px*/
  margin:0;
  position:relative;
  text-decoration:none;
  width: 18.909em;/*208px*/
}

div#header a.logo i {
  background:url(/images/header/logo.gif) no-repeat 0 0;
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

div#header ul#headerLinks {
  background: #0073B0;
  position:absolute;
  right:1em;
  top:.692em;
}

div#header ul#headerLinks li {
  border-right:1px solid #C9E39C;
  display:block;
  float:left;
  font:normal .769em Verdana, Arial, Helvetica, sans-serif; /* 10px */
  line-height:1.8em; /* 18px */
  padding:0 1em; /* 0 11px */
}

div#header ul#headerLinks li a:link, 
div#header ul#headerLinks li a:visited, 
div#header ul#headerLinks li a:hover {
  font-size: 1.1em;
  color:#F0F8FC;
  text-decoration:none;
}

div#header u#headerLinksl li a:hover {
  text-decoration:underline;
}


/****** Drop Down Menu for Header ******/

div#header ul#headerLinks li.signIn {
  background: #F0F8FC url(/images/header/sign-in-bg.gif) right no-repeat scroll;
  border: 1px solid #0073B0;
  color: #0073B0;
  cursor: default;
  font-size: 10px;
  height: 2.2em;
  line-height: 2.2em;
  margin-top: -.3em;
  width: 16em;
}

div#header ul#headerLinks li.signIn a {
  color: #0073B0;
  cursor: default;
  font-size: 10px;
}

div#header ul#headerLinks li.signIn ul.dropdown {
  background: #F0F8FC;
  border-bottom: .1em solid #0073B0;
  border-left: .1em solid #0073B0;
  border-right: .1em solid #0073B0;
  display: none;
  font-size: 10px;
  margin-left: -1.1em;
  padding-bottom: .2em;
  width: 18em;
  z-index: 999;
  /*styles for modern browsers*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#0073B0,direction=135,strength=4);
  -moz-box-shadow: .1em .2em .3em #0073B0;
  -webkit-box-shadow: .1em .2em .3em #0073B0;
  box-shadow: .1em .2em .3em #0073B0;
}

div#header ul#headerLinks li.signIn:hover ul.dropdown {
  display: block;
}

div#header ul#headerLinks li.signIn ul.dropdown li {
  background: #F0F8FC url(/images/icons/icn_lock_gray.gif) 1em .4em no-repeat scroll;
  border: none;
  display: block;
  float: none;
  font-size: 10px;
  padding: 0 0 0 1.5em;
  width: 16.5em;
}

div#header ul#headerLinks li.signIn ul.dropdown li a {
  cursor: pointer;
  display: block;
  padding: 0 1em;
}

div#header ul#headerLinks li.signIn ul.dropdown li a:hover {
  text-decoration: underline;
}

body.bodyRightToKnow div#header ul#headerLinks li.signIn,
body.bodyPrivacy div#header ul#headerLinks li.signIn,
body.bodyTerms div#header ul#headerLinks li.signIn {
  display: none;
}
/****** ******/

div#header div#searchRegion {
  margin: 0 1.538em 0 0; /* 0 20px 0 0 */
  padding: 0;
  position: absolute;
  right: 0;
  top: 5.769em; /* 75px */
}

div#header div#searchRegion div.column {
  float: left;
}

div#header div#searchRegion div.margin-right {
  margin-right: 1.538em; /* 20px */
}

div#header div#searchRegion label {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .846em; /* 11px */
  font-weight: bold;
}

div#header div#searchRegion ul#iWantToDropdown,
div#header div#searchRegion input.searchBar {
  background: #FFF;
  border: 1px solid #CCC;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  color: #999;
  height: 18px; /*1.385em */
  line-height: 18px; /* 1.385em */
  z-index: 99999;
}

div#header div#searchRegion input.searchBar {
  padding: .231em .154em .077em 1.923em; /* 3px 2px 1px 25px *//* the sum of the padding-left and width should = 202px */
  width: 13.615em; /* 177px */
  *width: 15.385em;
}

div#header div#searchRegion input.searchButton {
  float: left;
  left: 17.462em; /* 227px base 13 */
  *left: .154em; /* 2px base 13 */
  position: absolute;
  *position: relative;
  top: 1.385em; /* 18px base 13 */
  *top: -1.846em; /* -24px base 13 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   /*put webkit CSS here*/
  div#header div#searchRegion input.searchButton {
    left: 20.462em;
  }
}

div#header div#searchRegion input.searchBar:focus {
  border: 1px solid #00A9E0;
  border-bottom: 1px solid #DCF3F9;
  border-right: 1px solid #DCF3F9;
}

div#header div#searchRegion ul#iWantToDropdown {
  background: #FFF url(/images/buttons/dropdown-arrow.jpg) no-repeat right top;
  padding: .231em .154em .077em .154em; /* 3px 2px 1px 2px*//* the sum of the padding-left and width should = 202px */
  width: 15.385em; /* 200px */
}

div#header div#searchRegion ul#iWantToDropdown li {
  cursor: pointer;
  margin: 0;
  padding: 0;
}

div#header div#searchRegion ul#iWantToDropdown li ul {
  background: #FFF;
  border: 1px solid #CCC;
  border-top: none;
  border-left: 1px solid #999;
  padding: 0 0 .385em 0; /* 0 0 5px 0 */
  position: relative;
  left: -.231em; /* -3px */
  top: .231em; /* 3px */
  width: 15.692em; /* 204px */
}

div#header div#searchRegion ul#iWantToDropdown li ul li {
  background: none;
  cursor: default;
  margin: 0;
  padding: .077em .308em; /* 1px 4px */
}

div#header div#searchRegion ul#iWantToDropdown li ul li:hover {
  background: #F0F9FC;
}


div#header div#searchRegion ul#iWantToDropdown li ul li a {
  cursor: pointer;
  font-size: .846em; /* 11px */
  text-decoration: none;
}

/* =content
Content Styles */



div#content {
  background-color:#FFF;
  border-bottom: 10px solid #333;
  _height: 21.923em; /*ie hack for min height*/
  min-height: 21.923em; /* 285px min height*/
  margin:0;
  padding:3.75em 0 0 15.40em; /* 48.75px 0 0 0 */
  position:relative;
  width:60.60em; /* 988px 76em*/
}

body#HomePage div#content {
 margin-left:0!important;
 padding:3.75em 0 0 0!important;
 width:76em; /* 988px */
	
}

body.bodyAbout div#content {
  _height: 44.231em; /* ie hack for min height */
  min-height: 44.231em; /* 57px min height base 13 */
}

body.body404 div#content {
  _height: 34.231em; /* ie hack for min height */
  min-height: 34.231em; /* 57px min height base 13 */
}

body.bodyTrainingEvents div#content {
  _height: 25.231em; /* ie hack for min height */
  min-height: 25.231em; /* 57px min height base 13 */
}


div#content h1 {
  color:#599B24;
  border-bottom: 2px solid #5EA426; 
  font:bold 1.692em  Arial, Helvetica, sans-serif; /* 22px */
  font-smooth:always;
  margin: 0 0 0 .91em; /* 200px */
  padding: .364em 0 .091em 0; /* 10px 20px*/
  width:33.909em; 
  width:33.955em\9; /*747px*/
}
div#content h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}


div#content h3.fafsaAdsUp {
  border-bottom: 2px solid #0073B0;
  font-size:1.692em;
  height:6.818em;
  margin: 0 0 0 10em; /* 200px */
  overflow:hidden;
  padding:0;
  position:relative;
  width:34.045em; 
  width:33.818em\9;  
}

div#content h3 i {
  display:block;
  height:100%;
  position:relative;
  width:100%;
}

div#content h3.fafsaAdsUp i {
  background: #E8EDF0 url(/images/marketing/Fafsa-ads-up_banner.jpg) no-repeat left top;
  border-bottom: 2px solid #0073B0;
  height:6.818em; 
}

div#content ul li {
  list-style-type:disc;
}


div#content div#contentFooter {
  clear:both;
  display:none;
}

html>/**/body div#content div#contentFooter {
  display:block;
  height:0;
  overflow:hidden;
}

/* =navigation
Navigation Styles */

div#content div#siteNavigation {
  background:#FFF url(/images/navigation/site-navigation-bg.jpg) repeat-x bottom left;
  border-top:1px solid #AEB7CB;
  color:#000;
  /*height:3.46em;  45px */
  left:0;
  margin:0 1.538em; /* 0 20px */
  position:absolute;
  top:2px;
  width:72.924em;  /*948px */
}

div#content div#siteNavigation h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#siteNavigation ul.siteNav {
  height:3.46em; /* 45px */
  margin:0;
  padding:0;
}

div#content div#siteNavigation ul.siteNav li {
  display:block;
  float:left;
  font:bold 1em Arial, Helvetica, sans-serif;  /*13px */
  margin:0;
  padding:0;
}

div#content div#siteNavigation ul.siteNav li.selected {
  background:#F3F5F8 url(/images/navigation/site-navigation-bg-selected.jpg) no-repeat 50% bottom;
  height:3.46em;
}

div#content div#siteNavigation ul.siteNav li.selected a:hover {
  color:#333;
}

div#content div#siteNavigation ul.siteNav li a.topNav {
  border-right:1px solid #DEE3EB;
  display:block;
  float:left;
  height:1.52em;  /*21px */
  padding:.6em 1.69em .5em 1.69em;  /*7px 22px 6px 22px */
}

div#content div#siteNavigation ul.siteNav li a:link,
div#content div#siteNavigation ul.siteNav li a:visited {
  color:#333;
  text-decoration:none;
}

div#content div#siteNavigation ul.siteNav li a:hover {
  color:#0073B0;
  }

div#content div#siteNavigation ul.siteNav li ul#sectionNavigation h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#siteNavigation ul.siteNav li ul#sectionNavigation h3 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#siteNavigation ul.siteNav li ul#sectionNavigation h3 a:link,
div#content div#siteNavigation ul.siteNav li ul#sectionNavigation h3 a:visited,
div#content div#siteNavigation ul.siteNav li ul#sectionNavigation h3 a:hover {
  color:#333;
  text-decoration:none;
}

div#content div#siteNavigation ul.siteNav li ul#sectionNavigation,
body.bodyAbout div#content div#siteNavigation ul#sectionNavigation {
  display: block;	 
  position: absolute;
  background:#F8F8F8 url(/images/navigation/navigation-bg.jpg) repeat-x bottom left;
  border-top:1px solid #AEB7CB;
  font-size: .923em; /* 12px */
  padding-bottom:4.1em;  /*31px */
  top: 5em;/*60px */
  left: 0;
  width:15em;/*180px*/
}

div#content div#siteNavigation ul.siteNav li ul#sectionNavigation li,
body.bodyAbout div#content div#siteNavigation ul#sectionNavigation li {
  display:block;
  font-weight:bold;
  float: none;
  min-height:1%;
  list-style-type:none;
  padding:0;
  margin:0;
  width:15em;/*180px*/
}

div#content div#siteNavigation ul.siteNav li ul#sectionNavigation li a,
body.bodyAbout div#content div#siteNavigation ul#sectionNavigation li a {
  border-bottom:1px solid #DEE3EB;
  border-right: none;
  display:block;
  margin:0;
  padding: .615em .34em .615em 1em;  /*8px 4px 8px 11px */
  text-decoration:none;
  vertical-align:middle;
  width:13.692em;/*178px*/
}

div#content div#siteNavigation ul.siteNav li ul#sectionNavigation li a:link,
div#content div#siteNavigation ul.siteNav li ul#sectionNavigation li a:visited,
body.bodyAbout div#content div#siteNavigation ul#sectionNavigation li a:link,
body.bodyAbout div#content div#siteNavigation ul#sectionNavigation li a:visited {
  color:#333;
  text-decoration:none;
}

div#content div#siteNavigation ul.siteNav li ul#sectionNavigation li a:hover,
body.bodyAbout div#content div#siteNavigation ul#sectionNavigation li a:hover {
  color:#0073B0;
  text-decoration:underline;
}



/* Hack - to force hasLayout in IE 6.0 
* html div#content div#siteNavigation ul.siteNav li ul#sectionNavigation li ul li {
  height:1%;
}
/* End Hack */





/* =main
Main Content Styles */

div#content div#mainContent {
  background-color: #FFF;
  display:inline;
  float:left;
  margin:1.923em 0 0 0; /* 25px 0 0 200px */
  padding:0 1em 1.538em 1.538em; /* 0px 10px 20px 20px */
  width:41em; /* 534px */
}

div#content div#mainContent div.attention {
  background: #FFFFCC url(/images/icons/icn-attention.png) no-repeat 6px 7px;
  border: 1px solid #FAB942;
  margin-bottom: 2em;
  padding: 5px 15px 0px 30px;
}

div#content div#mainContent div.attention h3 {
  background: none;
  border: none;
  margin: 0 0 10px 0;
  padding: 0;
}

div#content div#mainContent div.eventBox {
  background: #FCFCFD /*url(/images/h2-background.jpg) repeat-x 0 0*/;
  border: 1px solid #E7E9EF;
  margin:0 10px 0 10px;
  padding: 10px 15px 15px 15px;
}

div#content div#mainContent div.eventBox h3 {
  background: none;
  border: none;
  margin: 0!important;
  padding: 0;
}

div#content div#mainContent div.eventBox H4 {
  margin: 10px 0 ;
  padding: 0;
}

div#content div#mainContent div.eventBox H4,
div#content div#mainContent div.eventBox p {
  margin-left: 10px;
}





div#content div#mainContent p {
 color: #575757;	
}

div#content div#mainContent p.small {
 font-size: .769em;
}

div#content div#mainContent p.top {
  color:#333;
  font:bold 1.231em  Arial, Helvetica, sans-serif; /* sets font to 16px */
  font-smooth:always;
  margin: 0 0 .750em 0; /* 27px 0 15px 0 */
  padding:0; /* 3px */
}

div#content div#mainContent p.backToTop {
  background: url(/images/navigation/arrow-solid-up.gif) 0 .4em no-repeat scroll;
  clear: both;
  font-size: .769em; /* 10 px base 13 */
  margin-top: 1.3em; /* 13px base 10 */
  padding-left: 1.2em; /* 12px base 10 */
}

div#content div#mainContent p.grayLine {
  border-top: 1px solid #CCC;
  margin: 20px 0 10px 0;
}

div#content div#mainContent h3,
div#content div#mainContent div.tabContainer h3,
div#modal h3 {
  background: #FEFEFF url(/images/h2-background.jpg) repeat-x left scroll;
  border-top: .077em solid #0073B0; /* 1px base 13 */
  clear: both;
  color: #333;
  font: 1.077em Arial, Helvetica, sans-serif; /* 14px */
  font-weight: bold;
  /*height: 1.923em;  1.923em base 13 */ /* Leave this off to allow multi lines */
  line-height: 1.786em; /* 25px base 14 */
  height: 1%;
  margin-bottom: .929em; /* 13px base 14 */
  margin-top: 1.857em; /* 26px base 14 */
  padding-left: .429em; /* 6px base 14 */
}

div#content div#mainContent h3 span.checkbox {
  background: url(/images/h2-checkbox.png) no-repeat left scroll;
  padding-left: 1.385em; /* 18px base 13 */
}

div#content div#mainContent h4 {
  color:#333;
  font:bold 1em  Arial, Helvetica, sans-serif; /* sets font to 14px */
  font-smooth:always;
  margin: 1.929em 0 1.071em 0; /* 27px 0 15px 0 */
  padding:0; /* 3px */
}

div#content div#mainContent h5 {
  color:#333;
  font:bold .923em  Arial, Helvetica, sans-serif; 
  font-smooth:always;
  margin: 1.538em 0 .769em 0;
  padding:0; 
}

/******* SHOW HIDE Blinds *******/

div#content div#mainContent div.blinds > :first-child {
  background: none;
  border: none;
  margin: 1em 0 .5em 0;
  padding: 0;
}

div#content div#mainContent div.blinds > :first-child a {
  background: url(/images/icons/plus.png) no-repeat left center;
  color: #333;
  display: block;
  padding-left: 25px;
}

div#content div#mainContent div.blinds > :first-child a:hover {
  background-image: url(/images/icons/plus-hover.png);
  text-decoration: underline;
}

div#content div#mainContent div.blinds > :first-child a.activeLink {
  background-image: url(/images/icons/minus.png);
}

div#content div#mainContent div.blinds > :first-child a.activeLink:hover {
  background-image: url(/images/icons/minus-hover.png);
}

div#content div#mainContent div.blinds > div {
  padding-left: 25px;
  zoom: 1;
}

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

div#content div#mainContent p.strong {
  color:#333;
  font:bold 1.231em  Arial, Helvetica, sans-serif; /* sets font to 16px */
  font-smooth:always;
  margin: 1.875em 0 .750em 0; /* 27px 0 15px 0 */
  padding:0; /* 3px */
}



div#content div#mainContent p.arrowSolidDown,
div#content div#mainContent h4.arrowSolidDown {
  background: url(/images/navigation/arrow-solid-down.gif) no-repeat left scroll;
  margin: 0 0 .77em 0; /* 10px base 13 */
  padding-left: 1em; /* 13px base 13 */
}

div#content div#mainContent p.arrowSolidUp,
div#content div#mainContent h4.arrowSolidUp {
  background: url(/images/navigation/arrow-solid-up.gif) no-repeat left scroll;
  margin: 0 0 .77em 0; /* 10px base 13 */
  padding-left: 1em; /* 13px base 13 */
}

div#content div#mainContent p.arrowSolidRight,
div#content div#mainContent h4.arrowSolidRight {
  background: url(/images/navigation/arrow-solid-right.gif) no-repeat left scroll;
  margin: 0 0 .77em 0; /* 10px base 13 */
  padding-left: 1em; /* 13px base 13 */
}

div#content div#mainContent p.arrowSolidLeft,
div#content div#mainContent h4.arrowSolidLeft {
  background: url(/images/navigation/arrow-solid-left.gif) no-repeat left scroll;
  margin: 0 0 .77em 0; /* 10px base 13 */
  padding-left: 1em; /* 13px base 13 */
}

div#content p.moreLink,
div#modal p.moreLink,
div#content div#mainContent p.moreLink {
  background: url(/images/navigation/buttons/more-bullet-sprite.png) transparent no-repeat -.308em .231em; /* -4px 3px base 13 */
  /*margin: .385em 0; /* 5px 0 base 13 */	
}

div#content p.moreLinkLeft,
div#content div#mainContent p.moreLinkLeft {
  background: url(/images/navigation/buttons/more-bullet-left-sprite.png) transparent no-repeat -.308em .231em; /* -4px 3px base 13 */
  /*margin: .385em 0; /* 5px 0 base 13 */	
}

div#content p.moreLink a,
div#modal p.moreLink a,
div#content div#mainContent p.moreLink a {
  margin: 0 0 0 1.538em; /* 10px 0 0 20px base 13 */
}

div#content p.moreLink a,
div#content div#mainContent p.moreLinkLeft a {
  margin: 0 0 0 1.538em; /* 10px 0 0 20px base 13 */
}

div#content p.moreLink:hover,
div#modal p.moreLink:hover,
div#content div#mainContent p.moreLink:hover {
  background: url(/images/navigation/buttons/more-bullet-sprite.png) transparent no-repeat -.308em -2em; /* -4px -26px base 13 */
}

div#content p.moreLinkLeft:hover,
div#content div#mainContent p.moreLinkLeft:hover {
  background: url(/images/navigation/buttons/more-bullet-left-sprite.png) transparent no-repeat -.308em -2em; /* -4px -26px base 13 */
}

div#content div#mainContent a.goToStepLink {
  background: #599B24 url(/images/navigation/next-step-button.jpg) left no-repeat scroll;
  color: #FFF;
  display: block;
  height: 1.923em; /* 25px base 13 */
  line-height: 1.923em; /* 25px base 13 */
  text-align: center;
  width: 7.692em; /* 100px base 13 */
  *width: 7.769em; /* 101px base 13 */
}

div#content div#mainContent a.goToStepLink:hover {
  background: #599B24 url(/images/navigation/next-step-button-hover.jpg) left no-repeat scroll;
  text-decoration: none;
}

/*** ARCHIVE BUTTON STYLES ***/


div#content div#mainContent ul li.archiveButton {
  background: url(/images/buttons/archive-button-left.jpg) no-repeat left top;
  color: #0073B0;
  cursor: pointer;
  line-height: 22px; /* 23px base 13 */
  list-style: none;
  margin-top: 1em;
  padding: 0;
  text-indent: .769em; /* 10px base 13 */
  width: 20.308em; /* 264px */
}

div#content div#mainContent ul li.archiveButton span.arrow {
  background: url(/images/buttons/archive-button-right.jpg) no-repeat right top;
  float: right;
  height: 22px;
  width: 23px;
}

div#content div#mainContent ul li.archiveButton ul.archiveFlyout {
  background: #FFF;
  border-bottom: .077em solid #CCC; /* 1px base 13 */
  border-left: .077em solid #CCC; /* 1px base 13 */
  border-right: .077em solid #CCC; /* 1px base 13 */
  cursor: default;
  list-style: none;
  margin: 0;
  width: 20.154em; /* 262px */
}

div#content div#mainContent ul li.archiveButton ul.archiveFlyout li {
  font-size: .846em; /* 11px base 13 */
  list-style: none;
}

div#content div#mainContent ul li.archiveButton ul.archiveFlyout li:hover {
  background: #F0F9FC;
}

div#content div#mainContent ul li i {
  font-size: .846em; /* 11px */
  color: #666;
  text-decoration: none;
}
/*** end ***/

div#content div#mainContent strong {
  font-weight:bold;
}

div#content div#mainContent ul,
div#content div#mainContent ol {
  color: #575757;
  margin:1em 0 1em 1.692em; /* 13px 0 13px 22px */
}
div#content div#mainContent ul.top,
div#content div#mainContent ol.top {
  color: #575757;
  margin:0 0 1em 1.692em; /* 13px 0 13px 22px */
}

div#content div#mainContent ul li,
div#content div#mainContent ol li {
  padding:.23em; /* 3px */
}

div#content div#mainContent ol.alphabetic li {
  list-style: upper-alpha;
}

div#content div#mainContent ul.paddingMed li {
  padding:.46em; /* 6px */
}

div#content div#mainContent ul.paddingLarge li {
  padding:.69em; /* 9px */
}
 
 
div#content div#mainContent ul.promoList {
  margin:0 0 15px 30px;
  padding:0;
}

div#content div#mainContent ul.promoList li {
 background:url(/images/navigation/darkblue-arrow.jpg) 0 6px no-repeat;
 list-style:none;
 padding-left:20px;
}
/* did you know styles --------- */
div#content div#mainContent div.didYouKnow {
  background:#FFF url(/images/icons/icn-dyk.jpg) 10px 15px no-repeat;
  margin: 2em 0 0 0;
  padding: 2em 1em 0 64px;
}

div#content div#mainContent div.didYouKnow h3 {
  background: none;
  border: none;
  color: #333;
  clear: none;
  font-size: 1.143em; /* 16px base 14 */
  font-weight: bold;
  height: 1em; /* 16px base 16 */
  line-height: 1em; /* 16px base 16 */
  margin-left: 1em;/* 7px base 16 */
  margin-top: 0;
  padding: 0 .538em 0 0;/*0 7px 32px 42px*/
  *padding: 0 .538em 0 1em;/*0 7px 32px 42px*/
}

div#content div#mainContent div.didYouKnow ul {
  padding: 0 0 15px 1em;
}

div#content div#mainContent div.didYouKnow p {
  margin-left: 1em;
}

div#content div#mainContent div.didYouKnow ul li {
  font-size: .92em; /* 12px base 13 */
  color: #333;
  margin-left: 0;
  padding: 3px 0 3px 0;
}

/*Section landing page style -----*/


div#content div#mainContent ul.sectionBox {
  background: url(/images/landing-page/table_grad.jpg) repeat-y top left;
  clear: both;
  list-style: none;
  margin:2em 0 2em 0; /* 13px 0 13px 19.5px */
  padding:0;
}

div#content div#mainContent ul.sectionBox li {
  background: url(/images/navigation/sectionBox-arrows.jpg) 20px 20px no-repeat;/*12px 1px*/
  border-top: .08em solid #E8E8E8;
  border-bottom: .08em solid #FFF;
  list-style: none;
  width: 40.23em ;/*523px*/
  padding: 0;
}


div#content div#mainContent ul.sectionBox li.bottom {
  border-bottom: .08em solid #E8E8E8;
}


div#content div#mainContent ul.sectionBox li h3 {
  background: none;
  border: none;
  clear:none;
  margin: 0;
  font: bold 1em Arial, Helvetica, sans-serif;/*14px font base*/
  line-height:1.29em;/*18px base 14px*/
  padding: 1em 0 .36em 0; /*  14px 0 5px 0*/
  margin-left: 3.86em;/*54px*/

}
 
div#content div#mainContent ul.sectionBox li h3 a {
  color:#0072B0;
  display: inline-block;
  font-smooth:always;
  line-height:1.29em;/*18px base 14px*/
  position: relative;
  text-align: left;
}

div#content div#mainContent ul.sectionBox li h3 a:hover {
  text-decoration: underline;
 }


div#content div#mainContent ul.sectionBox li span {
  color: #666;
  display: inline-block;
  font: 1em Arial, Helvetica, sans-serif;/*13*/
  margin: 0;
  padding: 0 0 .615em 3.846em;/*0 0 8px 50px*/
}

div#content div#mainContent ul.sectionBox li p {
  font: .923em Arial, Helvetica, sans-serif;/*12px font base*/
  padding: 0 0 1.17em 4.25em;/*0 0 14px 51px base 12px*/
  margin: 0;
  width: 40em;/*480px base 12px*/
}

div#content div#mainContent ul.sectionBox li p.button {
  padding: 14px 30px 20px 15px;
  margin: 5px 0 10px 0;
  text-align: right;
}

div#content div#mainContent div.helpCategory img {
  background: #E4E6E8;
  border: 1px solid #888;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  clear: right;
  float: right;
  margin: 0 0 10px 10px;
  padding: 10px;
}

div#content div#mainContent .ad {
  -webkit-box-shadow: 0px 0px 10px #999;
  -moz-box-shadow: 0px 0px 10px #999;
  box-shadow: 0px 0px 10px #999;
  height: 160px;
  margin-right: 20px;
  margin-bottom: 20px;
  /*margin-bottom: 5px;*/
  padding: 0;
  width: 180px;
  position: relative;
  float: left;
}


div#content div#mainContent .ad  p.actionButton {
 bottom: -1px;
 clear: both;
 margin: 0;
 position: absolute;
 padding: 0;
 left: 0;
}



p.actionButton a.blueButton {  
  background: #0073B0 url(/images/navigation/buttons/blue_button_bg.jpg) top left repeat-x;
  border: 1px solid #001549;
  color: #FFF;!important
  font: bold 14px Arial, Helvetica, sans-serif;
  line-height: 33px;
  padding: 7px 15px 7px 14px;
  width: 152px;
}
p.actionButton a.blueButton em {
  font: bold 14px Arial, Helvetica, sans-serif;
  padding-left: 10px;
  padding-right: 15px;	
  _padding-top: 8px;
  _padding-bottom: 6px
}

p.actionButton a.blueButton:hover {  
  background: #004771 url(/images/navigation/buttons/blue_button_bg.jpg) 0 -30px repeat-x;
  border: 1px solid #001549;
  text-decoration: none;
}
body.bodyAccountAccess p.actionButton a.blueButton {  
  background: #0073B0 url(/images/navigation/buttons/blue_button_bg.jpg) top left repeat-x;
  border: 1px solid #001549;
  color: #FFF;
  font: bold 14px Arial, Helvetica, sans-serif;
  line-height: 33px;
  padding: 7px 36px 7px 34px;/**/
}

body.bodyEducationPlanner p.actionButton a.blueButton {  
  background: #0073B0 url(/images/navigation/buttons/blue_button_bg.jpg) top left repeat-x;
  border: 1px solid #001549;
  color: #FFF;
  font: bold 14px Arial, Helvetica, sans-serif;
  line-height: 33px;
  padding: 7px 30px 7px 28px;
}

body.bodySAG p.actionButton a.blueButton {
  background: #0073B0 url(/images/navigation/buttons/blue_button_bg.jpg) top left repeat-x;
  border: 1px solid #001549;
  color: #FFF;
  font: bold 14px Arial, Helvetica, sans-serif;
  line-height: 33px;
  padding: 7px 21px 7px 21px;
}



body.bodyWorkStudy p.actionButton a.blueButton {  
  background: #0073B0 url(/images/navigation/buttons/blue_button_bg.jpg) top left repeat-x;
  border: 1px solid #001549;
  color: #FFF;!important
  font: bold 14px Arial, Helvetica, sans-serif;
  line-height: 33px;
  padding: 7px 21px 7px 20px;/**/
 }


body.bodyCollegeCalendar p.actionButton a.blueButton {  
  background: #0073B0 url(/images/navigation/buttons/blue_button_bg.jpg) top left repeat-x;
  border: 1px solid #001549;
  color: #FFF;!important
  font: bold 14px Arial, Helvetica, sans-serif;
  line-height: 33px;
  padding: 7px 13px 7px 12px;/**/
}



body.bodyCareers p.actionButton a.blueButton {  
  background: #0073B0 url(/images/navigation/buttons/blue_button_bg.jpg) top left repeat-x;
  border: 1px solid #001549;
  color: #FFF;!important
  font: bold 14px Arial, Helvetica, sans-serif;
  line-height: 33px;
  padding: 7px 9px 7px 8px;/**/
  
}
body.bodyAccountAccess p.actionButton a.blueButton em,
body.bodyEducationPlanner p.actionButton a.blueButton em,
body.bodyWorkStudy p.actionButton a.blueButton em,
body.bodyCollegeCalendar p.actionButton a.blueButton em,
body.bodyCareers p.actionButton a.blueButton em {
  font: bold 14px Arial, Helvetica, sans-serif;
  padding-left: 11px;/**/
  padding-right: 15px;/*	*/
  _padding-top: 8px;
  _padding-bottom: 6px
}

body.bodyAccountAccess p.actionButton a.blueButton:hover,
body.bodyEducationPlanner p.actionButton a.blueButton:hover,
body.bodyWorkStudy p.actionButton a.blueButton:hover,
body.bodyCollegeCalendar p.actionButton a.blueButton:hover,
body.bodyCareers p.actionButton a.blueButton:hover {  
  background: #004771 url(/images/navigation/buttons/blue_button_bg.jpg) 0 -30px repeat-x;
  border: 1px solid #001549;
  text-decoration: none;
}


/*body.bodyWorkStudy p.actionButton a.blueButton:hover {  
  background: #004771 url(/images/navigation/buttons/blue_button_bg.jpg) 0 -30px repeat-x;
  border: 1px solid #001549;
  text-decoration: none;
}*/

div#content div#mainContent div#leftColumn {
  float: left;
  width: 49%;
}

div#content div#mainContent div#rightColumn {
  float: right;
  width: 49%;
}

/* -----------------------*/

/* =right
Right Content Styles */

div#content div#rightContent {
  background: url(/images/right-column-bg.jpg) left bottom no-repeat;
  font-size:.923em; /* sets font size to 12px */
  margin:0;
  padding:0;  /*13px 0 0 0 */
  padding-bottom: 2.308em; /* 30px base 13 */
  float: left;
  width:16.750em; /*202px */
}

div#content div#rightContent h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#content div#rightContent h3 {
  color:#333;
  font-smooth:always;
  font:bold 1.083em  Arial, Helvetica, sans-serif; /* sets font to 13px */
  padding-top: 2.385em; /* 31px */
  margin-bottom: .231em;/* 20px */
  padding-left: 1em;/* 13px */
}

div#content div#rightContent ul {
  font-size: .92em;	
  padding-left: 1.667em;/*20px base 12px*/
  margin-bottom: .667em;/*6px base 12px*/
}

div#content div#rightContent ul li.contactPhone {
 background:url(/images/icons/icn-phone3.gif) 0 0 no-repeat;
 list-style:none;
 padding-left:20px;
}

div#content div#rightContent ul li.contactEmail {
 background:url(/images/icons/icn-email.jpg) 0 0 no-repeat;
 list-style:none;
 padding-left:25px;
}

body.bodyStateGrantDocsForms div#content div#rightContent div#rightContentStateGrantDocsForms {
  display: none;
}

/*******right column SHOW HIDE Blinds *******/

div#content div#rightContent div.blinds > p a {
  background: url(/images/icons/plus-minus-sprite-sm-RC.png) no-repeat 0 2px;
  color: #333;
  display: block;
  padding: .5em 0 0 20px;
}

div#content div#rightContent div.blinds > :first-child {
  font-weight: bold;
}

div#content div#rightContent div.blinds > div {
  padding-left: 20px;
}

div#content div#rightContent div.blinds > p a:hover {
  background-position: 0 -19px;
  text-decoration: underline;
}

div#content div#rightContent div.blinds > p a.activeLink {
  background-position: 0 -40px;
}

div#content div#rightContent div.blinds > p a.activeLink:hover {
  background-position: 0 -61px;
}

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

div#content div#rightContent div#logIn {
 border: none;
 padding:8px 0 12px 0;
 /*margin-left: 12px;*/
}

div#content div#rightContent div#logIn form {
  font-size: 1em;	
  padding-left: 1.5em;
  margin-bottom: .5em;
  margin-top: .5em;
}

div#content div#rightContent div#logIn form div.signIn {
  -webkit-box-shadow: 0px 0px 7px #AEB7CB;
  -moz-box-shadow: 0px 0px 7px #AEB7CB;
  box-shadow: 0px 0px 7px #AEB7CB;
  font-size: 1em;	
  height: 28px;
  width: 80px;
  margin: .75em 0 0 5.75em;
}

div#content div#rightContent ul li {
  background: url(/images/navigation/navigation-bullet-green.gif) 0 4px no-repeat;
  color:#575757;
  padding-bottom: 0;
  margin-top: .33em;/*4px*/
  list-style:none;
  padding-left: 1.08em;/*13px*/
}

div#content div#rightContent ul li strong {
  font-weight: bold;
}


div#content div#rightContent p {
  color:#575757;
  font-size: .92em;
  margin: 0 0 1em 0;/*0 0 10px 0*/
  padding-left: 1.08em;	/*13px*/
}

div#content div#rightContent p strong {
  font-weight: bold;	
}

div#content div#rightContent p.strong {
  font: bold 10px Arial, Helvetica, sans-serif;
}

div#content div#rightContent p.moreLink {
  background: url(/images/navigation/buttons/more-bullet-sprite.png) transparent no-repeat .7em .1em; /* 7px 1px base 10 */
  margin: .5em 0 0 0; /* 5px 0 0 0 base 10 */
}

div#content div#rightContent p.moreLink:hover {
  background: url(/images/navigation/buttons/more-bullet-sprite.png) transparent no-repeat .7em -2.5em; /* 7px -25px base 10 */
}

div#content div#rightContent p.moreLink a {
  margin: 0 0 0 1.5em; /* 10px 0 0 15px base 10 */
}

div#content div#rightContent ul li ul {
  margin: 0 0 0 .5em;
  padding: 0;
}

div#content div#rightContent ul li.account {
  background: none;
  list-style:none;
  display: inline;
  float:left;
  margin-top: 10px;
  padding-right: 0;
  margin-right:0;
}

div#content div#rightContent ul li.account img {
  padding-top: 0px;
}


div#content div#rightContent ul li.accountPadding {
background: none;
display: inline;
padding-top: 6px!important;
margin-left: 6px;
padding-left: 0;
margin-bottom: 40px;
line-height: 20px;
float:left;
}

/* =footer
Footer Styles */

div#footer {
  background:#FFF url(/images/footer/footer-bg.jpg) repeat-x;
  border-top:1px solid #323232;
  clear: both;
  height:13.08em;  /*200px */
  position: relative;
  padding-top:1.538em; /* 20px */

}

div#footer h2 {
  left:-9999px;
  overflow:hidden;
  position:absolute;
  top:-9999px;
}

div#footer h3 {
  display: inline;
  font-size:1em; /* 13px */
  font-weight:bold;
  margin-bottom:.5em; /* 7.5px */
  margin-right: .3em /*4px*/
}

div#footer p {
  clear:both;
  color:#666;
  float:left;
  font-size:.846em; /* 11px */
  margin-top:2em; /* 22px */
  text-align:center;
  width:100%;
}

div#footer img {
  position: relative;
  float: right;
  right: 20px; /* 20px */
}
div#footer div.column {
  font-size:.846em; /* 11px */
  margin-bottom: 10px;
  padding-left:1em; /* 11px */
}

div#footer ul {
  display: inline;
  padding:0;
}

div#footer ul li {
  border-right: 1px solid #000;
  padding:0 .61em 0 .61em; /* 0 4px 0 6px */
  display: inline;
}

div#footer ul li.noBorder{
 border-right: none;
 line-height: 10px;
}

div#footer form label {
  color:#333;
  font-weight:bold;
  display:block;
}

div#footer form div input.searchBox {
  border:1px solid #939391;
  width:130px;
}

div#footer form input.searchButton {
  margin-bottom:-.45em;
}


/* =adSpace 
adSpace Styles */

ul.adspace {
  background: url(/images/marketing/ads/ads-bg.jpg) top left repeat-x;
  clear: both;
  height: 9.231em; /* 120px */
  width: 100%;
}

ul.adspace li {
  float: left;
  height: 9.231em; /* 120px */
  list-style: none !important;
  position: relative;
  width: 33%;
}

ul.adspace li.middle {
  width: 34%;
}

ul.adspace li h3 {
  text-indent: -9999px;
  height: 120px;
  position: absolute;
  width: 100%;
}

ul.adspace li p {
  font-size: .769em; /* 10px base 13 */
  line-height: 1.1em;
  position: absolute;
}

ul.adspace li.ycdwi h3 {
  background: url(/images/marketing/ads/ad-sprite.png) 0 0 no-repeat;
}

ul.adspace li.ycdwi p {
  top: 4em; /* 40px */
  left: 17em; /* 170px */
}

ul.adspace li.pheaaJobs h3 {
  background: url(/images/marketing/ads/ad-sprite.png) 0 -120px no-repeat;
}

ul.adspace li.pheaaJobs p {
  top: 4em; /* 40px */
  left: 16.5em; /* 165px */
}

ul.adspace li.edplanner h3 {
  background: url(/images/marketing/ads/ad-sprite.png) 0 -240px no-repeat;
}

ul.adspace li.edplanner p {
  top: 4em; /* 40px */
  left: 17em; /* 170px */
}


 /* ----  Button/Arrow styles ----- */
p.button {
  margin: 30px 20px 40px 20px;
  position: relative;
}
body.bodyApplyRenew p.button {
  margin: 30px 20px 30px 0;
  text-align: left;
  position: relative;
}

p.button a.blueButton {  
  background: #0073B0 url(/images/navigation/buttons/blue_button_bg.jpg) top left repeat-x;
   filter: progid:DXImageTransform.Microsoft.DropShadow(color=#666,offX=1,offY=1); 
  -webkit-box-shadow: 0px 0px 10px #999;
  -moz-box-shadow: 0px 0px 10px #999;
  box-shadow: 0px 0px 10px #999;
  border: 1px solid #001549;
  color: #FFF;!important
  font: bold 14px Arial, Helvetica, sans-serif;
  padding: 7px 12px 7px 12px;
  width: 124px;
}
p.button a.blueButton em {
  font: bold 14px Arial, Helvetica, sans-serif;
  padding-left: 10px;
  padding-right: 15px;	
  _padding-top: 8px;
  _padding-bottom: 6px
}

p.button a.blueButton:hover {  
  background: #004771 url(/images/navigation/buttons/blue_button_bg.jpg) 0 -30px repeat-x;
  border: 1px solid #001549;
  text-decoration: none;
}

.blueArrows {
  background: url(/images/navigation/blue-arrow.jpg) left no-repeat scroll;
  padding-left: 1.5em;
}

div#content div#mainContent ul.top,
div#content div#mainContent p.top,
div#content div#mainContent h3.top,
div#modal h3.top {
  margin-top: 0;
}






/* =google 
Google Mini Styles */

body.bodyMini div#content div#mainContent table,
body.bodyMini div#content div#mainContent table th,
body.bodyMini div#content div#mainContent table tr {
  border: none !important;
  border-collapse:separate;
  border-spacing:0;
  margin: 0;
}

body.bodyMini div#content div#mainContent table td {
  border: none !important;
}

body.bodyMini div#content div#mainContent table {
  margin: 0 !important;
}

body.bodyMini div#content div#mainContent table tr:hover {
  background: none;
}