/* clear all style */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* page properties */

body {
	text-align: center;
}
.banner {
	padding: 15px 0;
}
.shadow {
	height: 20px;
	background: url(/studentfinance/images/shadow.gif) no-repeat;
}
.osf {
	float: left;
}
.osf h1 {
	display: block;
	width: 330px;
	height: 37px;
	text-indent: -9999px;
	background: url(/studentfinance/images/osf-logo.gif) no-repeat;
}

/* baseline content formatting */

div, span, h1, h2, h3, h4, h5, h6, p, td, th, li, label, input, textarea, blockquote, address {
	font-family: Arial, Helvetica, Sans-Serif;
}
input, select, textarea {
	font-size: 9pt;
	font-weight: normal;
}

/* layout properties */

.container, .banner, .navbar, .shadow, .content, .breadcrumbs {
	text-align: left;
	width: 900px;
	margin: 0 auto;
}
.clear {
	clear: both;
}

/* search properties */

.search {
	float: right;
	text-align: left;
	width: 210px;
}
.search form {
	padding-bottom: 10px;
}
.search form input#osfSearchKeywords {
	display: block;
	float: left;
	width: 156px;
	height: 18px;
	border: none;
	outline: 0;
	padding-top: 4px;
	padding-left: 6px;
	font-size: 7pt;
	font-weight: bold;
	color: #333;
	background: url(/studentfinance/images/search-field.gif) no-repeat;
}
.search form input#osfSearchGO {
	display: block;
	float: left;
	width: 44px;
	height: 18px;
}
.search p {
	clear: both;
	font-size: 8pt;
}
.search p a {
	color: #333;
	text-decoration: none;
}
.search p a:hover {
	color: #71173e;
}

/* navbar properties */

.navbar {
	height: 60px;
	background: #71173e;
}
.navbar ul {
	list-style: none;
	margin-left: 24px;
}
.navbar li {
	list-item-style: none;
	display: inline;
	float: left;
	text-indent: -9999px;
	padding: 23px 19px 0 0;
}
.navbar li a {
	display: block;
	background: url(/studentfinance/images/navbar.gif) no-repeat;
	overflow: hidden;
}
.navbar ul li#nb1 a {
	width: 42px; height: 15px; 
	background-position: 0px 0px;
}
.navbar ul li#nb1 a:hover {
	background-position: -0px -16px;
}
.navbar ul li#nb2 a {
	width: 204px; height: 15px; 
	background-position: -42px 0px;
}
.navbar ul li#nb2 a:hover {
	background-position: -42px -16px;
}
.navbar ul li#nb3 a {
	width: 94px; height: 15px; 
	background-position: -246px 0px;
}
.navbar ul li#nb3 a:hover {
	background-position: -246px -16px;
}
.navbar ul li#nb4 a {
	width: 93px; height: 15px; 
	background-position: -340px 0px;
}
.navbar ul li#nb4 a:hover {
	background-position: -340px -16px;
}
.navbar ul li#nb5 a {
	width: 129px; height: 15px; 
	background-position: -433px 0px;
}
.navbar ul li#nb5 a:hover {
	background-position: -433px -16px;
}
.navbar ul li#nb6 a {
	width: 87px; height: 15px; 
	background-position: -562px 0px;
}
.navbar ul li#nb6 a:hover {
	background-position: -562px -16px;
}
.navbar ul li#nb7 a {
	width: 81px; height: 15px; 
	background-position: -649px 0px;
}
.navbar ul li#nb7 a:hover {
	background-position: -649px -16px;
}

/* footer properties */

.footer {
	text-align: center;
	width: 900px;
	margin: 0 auto;
	padding-top: 5px;
	border-top: 3px solid #333;
	background: url(/studentfinance/images/shadow.gif) no-repeat;
}
.footer p {
	font-size: 8pt;
	color: #666;
}
.footer p a {
	color: #666;
}
.footer p a:hover {
	color: #71173e;
}