@import "/stylesheets/homepage/promos.css";
@import "/stylesheets/homepage/helpful_tools.css";
@import "/stylesheets/homepage/calendar.css";
@import "/stylesheets/homepage/announcements.css";
@import "/stylesheets/homepage/loan_comparison.css";

#homebody {
  background: #E8E3DA url(/images/background.jpg) repeat-y;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  margin:0;
  padding:0;
}

#content {
  margin:0;
  padding:0;
  position: relative;
  width:990px;
}

#content #leftLoginNav {
  float:left;
  margin:0;
  padding:0;
  width: 190px;
}

#navigation .selected a {
  color:#565A5C !important;
}

/* Test Javascript Counter */

.counterClass {
  height:1px;
  left:-5px;
  position:absolute;
  top:-5px;
  visibility:hidden;
  width:1px;
}

/* General HTML Declarations and Styling Classes */

.floatLeft {
  float:left;
  margin-bottom:7px;
  margin-right:10px;
}

.dotRule {
  background:url(/images/jsimages/dashedRule.gif) repeat-x;
  height:6px;
  margin:10px 0;
  overflow:hidden;
}

.addTop {
  padding-top:10px;
}

.reset {
  clear:both;
  height:1px;
  width:95%;
}


/* Homepage Login CSS Document */

#login {
  background-color:#FFF;
  border:1px solid #FFF;
  border-bottom-width:0; 
  float:left;
  height:209px;
  margin:0;
  overflow:hidden;
  padding:0;
  width:190px;
}

.grey {
  background-color:#6C6F70 !important;
}

.red {
  background-color:transparent !important;
  display: none;
}

.logError {
  background:#DADBDB url(/images/jsimages/login_no_js.gif) repeat-x;
  color:#333;
  font-size:11px;
  height:204px;
  line-height:125%;
  padding:10px;
  padding-top:50px;
}

.logError p {
  margin-bottom:15px !important;
}

a.logHead {
  color:#BBB;
  font-size:11px;
  font-weight:normal;
  height:22px;
  margin:0;
  padding:0;
  text-decoration:none;
}

a img {
  border:0;
}

.logBox ul {
  clear:right;
  margin:0;
  padding:0 5px;
  
}

.logBox li {
  font-size:10px;
  list-style-type:none;
  margin:0;
  padding:0;
}

.logBox li a:link,
.logBox li a:hover,
.logBox li a:visited {
  color:#FFF;
}

.red li a:link,
.red li a:hover,
.red li a:visited {
  color:#333;
}

.formBox {
  border-color:#6C6F70;
  border-left-width:1px;
  border-right-width:1px;
  border-top-width:0;
  border-style:solid;
  color:#FFF;
  font-size:10px;
  height:174px;
  margin:0;
  *margin-top: -3px;
  overflow:hidden;
  padding:10px 0 0 0;
}

.red .formBox {
  background:#FFF url(/images/jsimages/schoolLoginBack.jpg) repeat-x;
  background-position:bottom; 
  border-color:#BFC1C1;
  color:#333;
}

.formRow {
  clear:both;
  margin-top:0;
  width:100%;
}

.formRow, .formLabel, .formInput {
  font-weight: bold;
  height:2.5em;
  line-height:2em;
  vertical-align:middle;
}

.formLabel {
  float:left;
  text-align:right;
  width:32%;
}

.formInput {
  float:right;
  text-align:left;
  width:67%;
}

.formInput input {
  width:110px;
}

#studentLogin .formInput input {
  font-size: 9px;
}

#studentLogin .loginHeader {
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  margin:0 0 10px 0;
  text-align:center;
}

#schoolLogin .loginHeader {
  color:#5E5F61;
  font-size:12px;
  font-weight:bold;
  margin:0 0 10px 0;
  text-align:center;
}

.signin {
  float:right;
  padding:2px;
  padding-right:10px;
}

.alertTextHome {
  color:#FAB941;
  font-size:11px;
  padding:0 5px 8px 5px;
}

.alertTextHome a:link,
.alertTextHome a:visited {
  color:#FFF;
  text-decoration:underline;
}

.alertTextHome a:hover {
  color:#FFF;
  text-decoration:none;
}

.alertTextHome .fontSmall {
  font-size:10px;
}

.alertTextLogin {
  color:#FAB941;
  font-size:11px;
  margin:0 5px 10px 5px;
}

.alertTextLogin a:link,
.alertTextLogin a:visited {
  color:#FFF;
}

.alertTextLogin a:hover {
  color:#FFF;
  text-decoration:none;
}

.formBox form {
  margin:0;
  padding:0;
}


#content #mainContent {
  background-color:#FFF;
  float:right;
  margin-left: 8px;
  padding:0;
  padding-right: 13px;
  width:777px;
}

#content #mainContent div#alertMessages {
  background:#FAFAFA url(/images/homepage/faq_tower.jpg) -8px -3px no-repeat;
  border: 1px solid #DB9A00;
  color: #333;
  font-size:11px;
  margin: 0 0 20px 0;
  padding: 10px;
  min-height: 25px;
  box-shadow: 1px 1px 7px #999;
  -moz-box-shadow: 1px 1px 7px #999; 
  -webkit-box-shadow: 1px 1px 7px #999; 
}

#content #mainContent div#alertMessages h2 {
  color: #333333;
  font: bold 15px Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  margin-left: 71px;
  
}
#content #mainContent div#alertMessages p {
  margin-bottom: 0;
  margin-top: 5px;
  margin-left: 71px;
}

#content #mainContent div#alertMessages a {
  text-decoration: none;
  font-weight: bold;
}

#content #mainContent div#alertMessages a:hover {
  text-decoration: underline;
  font-weight: bold;
}

#content #mainContent #threeColBox {
  background: url(/images/homepage/bg_grad.jpg) repeat-x;
  margin:0 0 15px 0;
  padding:0;
  position: relative;
  zoom: 1;
}

#content #mainContent #threeColBox div.leftCorner {
  background: url(/images/homepage/left_box_corner.jpg) top left no-repeat;
  display: inline;
  float:left;
  _height: 185px; /*ie hack for min height*/
  min-height: 185px;
  margin:0;
  padding:0;
  width:11px;
}

#content #mainContent #threeColBox div.rightCorner {
  background: url(/images/homepage/right_box_corner.jpg) top right no-repeat;
  display: inline;
  float:right;
  _height: 185px; /*ie hack for min height*/
  min-height: 185px;
  margin:0;
  padding:0;
  width:9px;
}

#content #mainContent #threeColBox div.columnContent {
  float:left;
  display: inline;
  margin:0;
  padding:0;
  position: relative;
  width:243px;
}

#content #mainContent #threeColBox div.columnContent img {
  position: absolute;
  top: 64px;
  right: 21px;
}

#content #mainContent #threeColBox div.centerColumn {
  margin-right: 13px;
  margin-left: 13px;
}

#content #mainContent #threeColBox div.columnContent h2 {
  color:#DA9900;
  font:bold 18px Arial, Helvetica, sans-serif;
  padding:16px 0 5px 5px;
  margin: 0;
}

#content #mainContent #threeColBox div.columnContent h2 a {
 color:#DA9900;
 text-decoration:none;
}

#content #mainContent #threeColBox div.columnContent h2 a:hover {
  color:#DA9900;
  text-decoration: none;
  text-shadow: 1px 1px 5px #DFDFDF;
 }

#content #mainContent #threeColBox div.columnContent ul {
  background-color: #FFF;
  border-top: 2px solid #00A9E0;
  _height: 125px; /*ie hack for min height*/
  min-height: 125px;
  margin:5px 0 10px 0;
  padding:0;
  width: 243px;
}

#content #mainContent #threeColBox div.columnContent ul li {
  background: url(/images/homepage/gray_bullet.gif) no-repeat 14px 15px;
  font:13px Arial, Helvetica, sans-serif;
  margin:0;
  list-style: none;
  padding: 10px 0 0 28px;
  
}

/*-------------- Row Two ----*/

#content #mainContent #twoColBox {
  background: url(/images/homepage/two_column_bg_grad.jpg) repeat-x;
  margin:15px 0 15px 0;
  padding:0;
  position: relative;
  width: 100%;
}

#content #mainContent #twoColBox a {
 text-decoration:none;
}

#content #mainContent #twoColBox a:hover {
 text-decoration: underline;
}

#content #mainContent #twoColBox div.leftCorner {
  background: url(/images/homepage/two_column_left_box_corner.jpg) no-repeat;
  float:left;
  _height: 185px; /*ie hack for min height*/
  min-height: 185px;
  margin:0;
  padding:0;
  width:11px;
}

#content #mainContent #twoColBox div.rightCorner {
  background: url(/images/homepage/two_column_right_box_corner.jpg) top right no-repeat;
  float:right;
  _height: 185px; /*ie hack for min height*/
  min-height: 185px;
  margin:0;
  padding:0;
  width:11px;
}

#content #mainContent #twoColBox div.studentFaqContent {
  /*background: url(/images/homepage/faq_tower.jpg) top left no-repeat;*/
  /*background: url(/images/homepage/tax-icon.jpg) top left no-repeat;
  background: url(/images/homepage/make-payment-icon.png) 12px 75px no-repeat*/
  background: url(/images/homepage/make-payment-icon.png) top left no-repeat;
  display: inline;
  float:left;
  margin:0;
  padding:0;
  width:401px;
}

#content #mainContent #twoColBox div.taxSeason {
  background: url(/images/homepage/tax-icon.jpg) top left no-repeat;
  display: inline;
  float:left;
  margin:0;
  padding:0;
  width:401px;
}

#content #mainContent #twoColBox div.taxSeason  h2 {
  color:#333;
  font: bold 17px Arial, Helvetica, sans-serif;
  padding:0;
  margin: 0;
}

#content #mainContent #twoColBox div.taxSeason h2.tax {
  color: #333;
  font: bold 17px Arial, Helvetica, sans-serif;
  margin: 17px 0 5px 0;
  padding-left: 78px;
}

#content #mainContent #twoColBox div.taxSeason p.sentence {
  color:#333;
  font: 11px Arial, Helvetica, sans-serif;
  padding: 2px 0 0 80px;
  margin: 0;
}

#content #mainContent #twoColBox div.taxSeason ul {
  margin:0 0 10px 0;
  padding:0 0 0 12px;
}

#content #mainContent #twoColBox div.taxSeason ul li {
  background: url(/images/homepage/brown_bullet.gif) no-repeat 4px 12px;
  font:11px Arial, Helvetica, sans-serif;
  margin-left:10px;
  list-style: none;
  padding: 7px 0 0 18px;
}

#content #mainContent #twoColBox div.taxSeason ul li span {
  color: #CC0000;
  font-size: 10px;
}

#content #mainContent #twoColBox div.taxSeason ul li.arrowLink {
  background: url(/images/homepage/arrow_bullet.jpg) no-repeat 11px 10px;
  font: 11px Arial, Helvetica, sans-serif;
  margin:0;
  list-style: none;
  padding: 7px 0 0 28px;
  
}

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



#content #mainContent #twoColBox div.studentFaqContent  h2 {
  color:#333;
  font: bold 17px Arial, Helvetica, sans-serif;
  padding:22px 0 5px 12px;
  margin: 0;
}

#content #mainContent #twoColBox div.studentFaqContent h3 {
  color: #DA9900;
  font: bold 14px Arial, Helvetica, sans-serif;
  margin: 10px 0 5px 0;
  padding-left: 12px;
}

#content #mainContent #twoColBox div.studentFaqContent p {
  color:#333;
  font: 11px Arial, Helvetica, sans-serif;
  padding: 0;
  padding-left: 12px;
  margin: 0;
}

#content #mainContent #twoColBox div.studentFaqContent ul {
  margin:0 0 10px 0;
  padding:0 0 0 100px;
}

#content #mainContent #twoColBox div.studentFaqContent ul.sentence li {
  background: url(/images/homepage/brown_bullet.gif) no-repeat 4px 12px;
  font:11px Arial, Helvetica, sans-serif;
  margin:0;
  list-style: none;
  padding: 7px 0 0 18px;
}

#content #mainContent #twoColBox div.studentFaqContent ul.sentence li span {
  color: #CC0000;
  font-size: 10px;
}

#content #mainContent #twoColBox div.studentFaqContent ul.sentence li.arrowLink {
  background: url(/images/homepage/arrow_bullet.jpg) no-repeat 11px 10px;
  font: 12px Arial, Helvetica, sans-serif;
  margin:0;
  list-style: none;
  padding: 7px 0 0 28px;
  
}

#content #mainContent #twoColBox div.rightcolumnContent {
  float:left;
  display: inline;
  margin:0;
  padding:15px 0 0 20px;
  width:328px;
}
#content #mainContent #twoColBox div.rightcolumnContent img {
  margin-left: 3px;
}

#content #mainContent #twoColBox div.rightcolumnContent  p {
  color:#333;
  font: 11px Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  margin-top: 5px;
  margin-left: 5px;
}

#content #mainContent #twoColBox ul.list  {
  border-bottom: 1px solid #CCC;
  text-align: right;
  margin:0;
  margin-bottom: 12px;
  padding: 0;
  padding-bottom: 10px;
  list-style: none;
}

#content #mainContent div#SDLCalert {
  background: url(/images/homepage/tower.jpg) no-repeat -10px -48px;
  border: 1px solid #00A9E0;
  margin: 0 5px 0 10px;
  text-align: center;
  -moz-box-shadow: 0px 0px 4px #333;
  -webkit-box-shadow: 0px 0px 4px #333;
  box-shadow: 0px 0px 4px #333;
}

#content #mainContent div#SDLCalert p {
  font-size: 11px;
  line-height: 48px;
  margin: 0;
}

#content #mainContent div#SDLCalert p strong {
  font-size: 13px;
}

#content #mainContent #twoColBox ul.list li.arrowLinkRt,
#content #mainContent #twoColBox ul.listNoBorder li.arrowLinkRt {
  background: url(/images/homepage/arrow_bullet.jpg) no-repeat 204px 1px;
  font: bold 9px Arial, Helvetica, sans-serif;
  line-height: 12px;
  text-transform: uppercase;
  text-align: right;  
  margin: 0;
  margin-right: 35px;
  list-style: none;
  padding: 0;
}

#content #mainContent #twoColBox ul.listNoBorder  {
  text-align: right;
  margin:0;
  margin-bottom: 12px;
  padding: 0;
  padding-bottom: 10px;
  list-style: none;
  
}

#content #mainContent #twoColBox div.rightcolumnContent img.college {
 float: left;

}

#content #mainContent #twoColBox div.rightcolumnContent  h2.collegeCalendar {
  color:#999;
  font: bold 17px Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  margin-left: 63px;
}

#content #mainContent #twoColBox div.rightcolumnContent  h2.collegeCalendar strong {
  color:#333;
  font: bolder 17px Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}

#content #mainContent #twoColBox div.rightcolumnContent  p.college {
  color:#333;
  font: 11px Arial, Helvetica, sans-serif;
  margin-left: 63px;
}

#content #mainContent div.adSpace {
  margin:0;
  margin-left: 10px;
  margin-top: 40px;
  margin-bottom: 60px;
  padding:0;
  position: relative;
}

#content #mainContent div.adSpace a {
 text-decoration:none;
}

#content #mainContent div.adSpace a:hover {
 text-decoration: underline;
}

#content #mainContent div.adSpace div.ads {
  float:left;
  _height: 65px; /*ie hack for min height*/
  min-height: 65px;
  display: inline;
  margin: 0;
  padding: 0;
  width: 244px;
}

#content #mainContent div.adSpace div.adsCenter {
  margin:0 15px;
}

#content #mainContent div.adSpace div.ads img {
  float: left;
}

#content #mainContent div.adSpace div.ads p.h3 {
  font: bold 12px Arial, Helvetica, sans-serif;
  padding:0;
}

#content #mainContent div.adSpace div.ads p {
  color:#333;
  font: 11px Arial, Helvetica, sans-serif;
  margin:0;
  margin-left: 63px;
  padding: 0;
  padding-top: 4px;
}

div#footer {
  clear:both;
  color:#999;
  font-size:10px;
  margin: 0;
  padding: 0 0 10px 0;
  text-align:center;
  width:777px;
}

div#footer a:link,
div#footer a:visited {
  color:#09D;
  text-decoration:none;
}

div#footer a:hover {
  color:#09D;
  text-decoration:underline;
}

div#footer p {
  margin:5px;
  padding:5px;
}

div#footer ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div#footer ul li {
  border-right:1px solid #999;
  display:inline;
  margin-right:5px;
  padding-right:5px;
}