/* homepage formatting */

/* layout and formatting properties */
.content {
	padding-bottom: 20px;
}
.pagemeat {
	float: left;
	width: 585px;
}
.column {
	float: right;
	width: 285px;
}

/* intro properties */

.intro {
	background: url(/studentfinance/images/hp-intro-background.jpg) 0 0 no-repeat;
	width: 580px;
	height: 230px;
	overflow: hidden;
}
.intro #shift {
	padding: 30px 0 0 280px;
}
.intro h2 {
	background: url(/studentfinance/images/hp-intro-h2-welcome.png) no-repeat;
	width: 169px;
	height: 12px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
.intro #intro {
	background: url(/studentfinance/images/hp-intro-div-dashes.png) 0 0 no-repeat;
	width: 260px;
	padding-top: 17px;
}
.intro #intro p {
	font-size: 8pt;
	font-weight: normal;
	color: #666;
	line-height: 15px;
	margin-bottom: 15px;
}	

/* FAQ properties */

.faqs {
	width: 280px;
	padding-bottom: 10px;
}
.faqs h2 {
	background: url(/studentfinance/images/hdr-faqtopics.gif) no-repeat;
	width: 113px;
	height: 15px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
.faqs p {
	font-size: 9pt;
	font-weight: normal;
	color: #333;
	line-height: 15px;
	margin-bottom: 10px;
}
.faqs form {
	margin-bottom: 10px;
}
.faqs form select {
	width: 280px;
	color: #333;
}
.faqs form select option {
	background: url(/studentfinance/images/faqs-list-item.png) no-repeat;
	padding-left: 17px;
}

.faqs form select option.focus {
	background: #ccc;
}

/* announcements properties */

.announcements {
	width: 280px;
	margin-bottom: 10px;
}
.announcements h2 {
	background: url(/studentfinance/images/hdr-announcements.gif) no-repeat;
	width: 176px;
	height: 15px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
.announcements h3 {
	font-size: 10pt;
	font-weight: bold;
	color: #000;
	margin-bottom: 3px;
}
.announcements p {
	font-size: 8pt;
	line-height: 16px;
	font-weight: normal;
	color: #333;
	padding-bottom: 10px;
}
.announcements p a {
	padding-right: 16px;
	background: url(/studentfinance/images/anni-link-item-bullet.gif) bottom right no-repeat;
	color: #666;
}
.announcements p a:hover {
	color: #681d3d;
}

/* login properties */

.login {
	width: 280px;
	height: 123px;
	background: url(/studentfinance/images/login-bg.png) no-repeat;
	padding: 16px 6px 6px 16px;
	margin-left: -6px;
}
.login #row {
	width: 250px;
}
.login #label {
	float: left;
	margin-top: 2px;
}
.login #fields {
	float: right;
	width: 187px;
}
.login #bottom {
	width: 250px;
	margin-top: 5px;
}
.login #links {
	float: left;
	margin-top: 5px;
}
.login #button {
	float: right;
	width: 56px;
}
.login h2 {
	background: url(/studentfinance/images/login-h2.png) no-repeat;
	width: 203px;
	height: 10px;
	text-indent: -9999px;
	margin-bottom: 15px;
}
.login form {
	width: 280px;
}
.login form label {
	font-weight: bold;
	font-size: 8pt;
	color: #666;
}
.login form input {
	font-weight: normal;
	font-size: 8pt;
	font-color: #999;
}
.login form input#field {
	background: url(/studentfinance/images/login-field.png) no-repeat;
	width: 187px;
	height: 18px;
	border: none;
	outline: none;
}
.login form input#button {
	width: 56px;
	height: 18px;
	border: none;
	outline: none;
}
.login p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 7pt;
	color: #666;
}
.login a {
	color: #681d3d;
}

/* welcome properties */

.welcome {
	width: 580px;
	margin-top: 30px;
}
.welcome p {
	margin: 10px 0;
	line-height: 24px;
	font-size: 10pt;
	font-weight: normal;
	color: #333;
}
.welcome p a {
	color: #681d3d;
}
.welcome h4, .welcome h5, .welcome h6 {
	font-size: 10pt;
	font-weight: normal;
	color: #333;
	line-height: 20px;
	margin-bottom: 10px;
}
.welcome h2, .welcome h3 {
	font-size: 10pt;
	font-weight: bold;
	color: #681d3d;
	margin-bottom: 10px;
}
.welcome h2#img {
	background: url(/studentfinance/images/hdr-studentfinance.gif) no-repeat;
	width: 254px;
	height: 15px;
	text-indent: -9999px;
	margin-bottom: 20px;
}
.welcome .photoblock {
	float: right;
	width: 255px;
	height: 31px;
	margin-top: -10px;
	background: url(/studentfinance/images/multi-icon.png) no-repeat;
}