@charset "UTF-8";
/*
Yale University SFIS
Designer: Wolasi Kofi Konu
*/


/*=TYPOGRAPHY
---------------------------------------*/
body {
	background: /*#0d4583*/#0F4D92 /*url(images/site-bg.gif) left top repeat-y*/;
	font: 62.5%/1.7em Helvetica, sans-serif;
	color: #333;
	height: 100%;
	margin: 0;
	padding: 0;
}

blockquote, .date, .drop-cap, h1, .faq-list h3, .section-title, .sidebar h4, .splash-image, th  {
	font-family: Georgia, serif;
}

blockquote {
	color: #777;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.6em;
	margin: 0 0 .3em 0;
}

#home blockquote {
	background: #f3f3f3;/*
	margin-top: .5em;*/
	padding: 1em 5px .1em;
	margin-bottom: 0;
}

h1, h2, h3, h4, .faq-list h3, .section-title, .sidebar h4, #site-nav, th {
	font-weight: normal;
}


h1, h2, h3, h4, h5, p, table {
	font-family: Helvetica, sans-serif;
}

.grey-header {
	color: #333;
}

h1 {
	margin: 0;
	padding: 0;
	text-shadow: 0 0 #0f64a6;
}

h3, h4 , h5 {
	color: #0f64a6;
	line-height: 1.2em;
}

h3 {
	margin: .4em 0 .2em 0;
}

h4, h5 {
	margin: 1.2em 0 .2em 0;
}

.info-column h4 {
	margin: .9em 0 .2em 0;
}

h2 {
	color: #111/*#656c72*/;
	line-height: 1.1em;
	margin: 0 0 .2em 0;
	text-shadow: 0 0 #000;
}

.main-content h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 1.6em;
}

h4, th {
	font-size: 1.3em;
}

.sidebar h3, .sidebar h4 {
	color: #1d1918;
	line-height: 1.4em;
	margin-top: 1.2em;
}

h5, .faq-list, .faq-list h3 {
	font-size: 1.1em;
}

.main-content .news-label {
	font-size: 1.3em;
}

p {
	margin: 0 0 1.5em 0;
}

td .opening-paragraph {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.6em;
	margin-top: .9em;
}

.sidebar h5 {
	color: #362f2d;
	margin-bottom: .5em;
}

#site-nav, .drop-cap {
	font-weight: bold;
}

#container {
	font-size: 1.2em;
	line-height: 1.7em;
}

#footer, #utilities {
	color: #666666;
}

.drop-cap {
	color: #111;
	float: left;
	display: inline;
	font-size: 3em;
	line-height: .9em;
	margin-bottom: 0;
	padding: 0 .1em 0 0;
}

.calendar .date {
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
	text-transform: uppercase;
	width: 25%;
}

.sidebar ul, .sidebar ol, .data-table {
	margin: .5em 0 2em 0;
}

.figures {
	text-align: right;
}

.sidebar .total {
	border-top: 1px solid #c9c6a6;
	font-weight: bold;
}


/*=TABLES
---------------------------------------*/
table {
	font-size: 1em;
}

th, td {
	vertical-align: top;	
}

th {
	border-bottom: 1px solid #999;
	color: #111;
	text-align: left;
	padding: .4em .2em;
}

.data-table td {
	border-bottom: 1px solid #ddd;
	padding:.4em .2em;
}

.highlight-row {
	background: #eee;
}


/*=LISTS
---------------------------------------*/
.resource-list, .control-panel-list {
	list-style-image: url(list-bullet.gif);
}


/*=STRUCTURE
---------------------------------------*/
.clearer {
	clear: both;
}

#container {
	background: #fff;
	margin: 0 0 30px 0;
	padding: 0;/*
	width: 980px;*/
}

html>body #container {
	width: 100%;
}

.log-in {
	float: right;
	margin: 0 10px;
	padding: .4em 0 .3em 0;
	text-shadow: 0 0 #0F4D92;
}

#sfas-header {
	background: #0F4D92;
}

#header {
	background: #0F4D92;
	border-top: 1px solid #0d4583;
	clear: both;
	color: #fff;
	height: 80px;
}

#header h1 {
	margin-left: 90px;
}

#utilities {
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding: .6em 0;
	margin: 0 10px;
}

#utilities form {
	font-size: 1em;
	margin: 0;
	padding: 1px 0 0;
}

#finaid-search {
	border: 1px solid #bbb;
	color: #333;
	font-size: 1em;
	margin-right: 0;
	padding: 3px 4px 2px;
	width: 400px;
}

#search-bt {
	margin: 0 0 -6px 0;/*
	vertical-align: top;*/
}

.text-options {
	float: right;
	line-height: 1em;/*
	margin: 0 0 0 10px;*/
	padding: .8em 0 0 0;
}

#main {
	margin: 0;
	padding: 0;
}

#site-nav, #content {
	margin: 0 0 6em 0;
}

#content {
	padding: .1em 0;
	margin: 0;
}

html>body  #content {/*
	width: 980px;*/
}

/*=MAIN CONTENT*/
.main-content {
	margin: 2.7em 10px 3.7em 20px;
	float: left;
	display: inline;
}

.narrow {
	width: 170px;
}

.small {
	width: 360px;
}

.medium {
	width: 556px;
}

html>body .medium {
	width: 550px;
}


.wide {
	width: 750px;

}

.main-content ul, .main-content ol {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 15px;
}

.main-content li {
	margin: 0;
	padding: 0;
}

/*=SIDEBAR*/
.sidebar {
	background: #faf7d0;
	color: #362f2d;
	clear: right;
	float: left;
	display: inline;
	margin: 2em 0 3em 0;
	padding: 0;
}

#content .sidebar a {
	color: #65784d;
}

#home .sidebar {
	background: none;
}

/*=SIDEBAR MODULES*/
.sidebar .pdf-info {
	background: url(pdf-icon-green.gif) left top no-repeat;
	padding: 0 0 0 30px;
}

.single {
	background: #faf7d0 url(sidebar-single-top.gif) left top no-repeat;
	width: 190px;
}

#home .single {
	background: #faf7d0;
}

.single .bottom {
	background: url(sidebar-single-bot.gif) left bottom no-repeat;
	clear: both;
	padding: 0;
	height: 40px;
}

.double {
	background: #faf7d0 url(sidebar-double-top.gif) left top no-repeat;
	width: 380px;
}

.double .bottom {
	background: url(sidebar-double-bot.gif) left bottom no-repeat;
	clear: both;
	height: 40px;
}

.triple {
	background: #faf7d0 url(sidebar-triple-top.gif) left top no-repeat;
	width: 570px;
}

.triple .bottom {
	background: url(sidebar-triple-bot.gif) left bottom no-repeat;
	clear: both;
	height: 40px;
}

.sidebar-bt, .calendar-bt {
	background: #eeeab1 url(sidebar-bt-bot.gif) left bottom no-repeat;/*
	font-weight: bold;*/
	margin-top: 1.4em;
	padding: 0;/*
	text-transform: uppercase;*/
}

.sidebar-bt a {
	background: url(sidebar-bt-top.gif) left top no-repeat;
	display: block;
	padding: .7em 5px .5em 5px;
}

.sidebar-bt a {/*
	color: #fff;*/
}

/*=SIDEBAR CONTENT*/
.sidebar ol {
	padding: 0 0 0 15px;
}

.sidebar ul {
	border-bottom: 1px dotted #c9c6a6;
	list-style: none;
	padding: 0;
}

.sidebar ul li {
	border-top: 1px dotted #c9c6a6;
	padding: .3em 0;
}

.main-content .sidebar ol li {
	padding: .3em 0;
}

/*=COLUMNS*/
.column {
	float: left;
	display: inline;
	width: 170px;
	margin: 0 0 0 10px;
}

html>body .column {
	margin: 0 10px;
}

.double-column-left, .double-column-right, .triple-column-left, .triple-column-middle, .triple-column-right {
	float: left;
	display: inline;
}


.medium .double-column-left, .medium .double-column-right {
	width: 265px;
}

.wide .double-column-left, .wide .double-column-right {
	width: 360px;
}


.medium .triple-column-left, .medium .triple-column-middle, .medium .triple-column-right {
	width: 170px;

}

.wide .triple-column-left, .wide .triple-column-middle, .wide .triple-column-right {
	width: 236px;

}

.double-column-left, .triple-column-left, .triple-column-middle {
	margin-right: 20px;
}

/*=CALENDAR*/
.calendar {
	margin-bottom: 0;
}

.main-content .calendar td {
	border-top: 1px solid #ddd;
}

.sidebar .calendar td {
	border-top: 1px solid #c9c6a6;
}

.calendar td {
	border-bottom: none;
	padding: .5em .3em;
}

.calendar .date {
	font-size: .9em;
	font-weight: bold;/*
	text-align: center;*/
	line-height: 1.4em;
	padding-top: .8em;
	text-transform: uppercase;
	width: 25%;
}

.cost-of-attendance, .cost-of-attendance td {
	border-bottom: none;
}

.calendar-bt {
	margin-top: 0;
}

.calendar-bt a {
	display: block;
	padding: .7em 5px .5em 5px;
}


/*=FOOTER*/
#footer {
	background: #fff;
	border-top: 1px solid #ddd;
	clear: both;
	padding: .5em 0 20px 0;
	margin: 0 10px
}

#footer .nav {
	float: right;
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: right;
}

html>body #footer .nav {
	width: 170px;
}

#footer .nav li {
	padding: 0;
}

#footer p {
	float: left;
	margin: 15px 20px 0 0;
	width: 170px;
}

.yale-shield {
	float: left;
	margin: 10px 80px 10px 0;
}

.contact-info {/*
	clear: right;*/
	float: left;
	display: inline;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

.contact-info p {
	margin: 0 10px 0 0;
	width: 170px;
}



/*=NAVIGATION
---------------------------------------*/
a {
	color: #0065a7;
	text-decoration: none;
}

#content a, #footer a {
	color: #0065a7;
}

a:visited {
	color: #663366;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

#sfas-nav {
	background: #0F4D92;
	float: left;
	list-style: none;
	margin: 0;
	padding: .4em 10px .3em 10px;
	text-shadow: 0 0 #0F4D92;
}

#sfas-nav li {
	display: inline;
	padding: 0 1em 0 0;
}

#sfas-nav a, .log-in a {
	color: #ecf8ff;
}

#site-nav {
	background: #fff url(site-nav-rule.gif) right bottom no-repeat;
	display: inline;
	float: left;
	list-style: none;
	margin: 0 1px 0 0;
	padding: 0 1px 100px 0;
	width: 170px;
}

#site-nav a, #site-nav a:visited {
	color: #0065a7;
}

#site-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#site-nav td {
	margin: 0;
}

#site-nav td {/*
	border-bottom: 1px solid #ddd;*/
	margin: 0 0 0 10px;
	padding: .3em 10px .4em 10px;
}
/*
#site-nav ul li {
	border-bottom: none;
	border-top: 1px dotted #ddd;
	padding: .4em 10px;
}*/

/*.back-to-home a, */.current-section {
	background: #d6e9fb;
}


/*=Tab Styles
------------------------------------------------*/
#tab-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#tab-nav li {
	background: #eee;
	float: left;
	margin: 0;
	padding: 4px 5px;
}

#main #tab-nav li a:visited {
	color: #1b4d91;
}

.tab-style li.selected {
	background: url(selected-tab.gif) center bottom no-repeat;
}

.tab-style li.selected a {
	font-weight: bold;
}

#tabs-content .instructions {
	background: #d6e9fb;
	padding: .5em 5px;
}
/*
#utilities a, #footer a {
	color: #303030;
}*/

.back-to-home a {
	background: url(back-to.gif) left center no-repeat;
	padding: .5em 5px .5em 16px;
}


/*=FAQS
---------------------------------------*/
.faq-list {
	background: #d0e9fa url(faq-list-top.gif) left top no-repeat;
	float: left;
	display: inline;
	margin: 2em 10px 3.7em 0;
	padding: 70px 0 0 0;
	width: 570px;
}

.faq-list h3 {
	padding: 0 5px;
}

.faq-list ul {
	border-top: 1px dotted #acd4eb;/*
	font-weight: bold;*/
	line-height: 1.2em;
	list-style: none;
	margin: 0;
	padding: 0;;
}

.faq-list li {
	border-bottom: 1px dotted #acd4eb;
	margin: 0;
	padding: 0;
}

.faq-list li a {
	display: block;
	margin: 0;
	padding: .6em 10px;
}

.faq-list li a:hover {
	background: #d6e9fb url(faq-hover-bg.gif) left bottom repeat-x;
	text-decoration: none;
}

.faq-list .bottom {
	background: #d0e9fa /*url(images/faq-list-bot.gif) left bottom no-repeat*/;
	height: 40px;
}



/*=CONTACT
------------------------------------------------*/
.contact-column {
	float: left;
	display: inline;
	margin: 0 15px 0 0;
	padding: 0;
	width: 170px;
}

#contact .last-column {
	width: 170px;
	margin: 0;
}


/*=FORM STYLES
------------------------------------------------*/
form.yta-form {
	background: #eee;
	margin-bottom: 1.7em;
	padding: 0;
}

.yta-form .button {
	margin: 5px 5px 10px 5px;
}

form.yta-form fieldset {
	border: none;
  	margin-bottom: 10px;
}

form.yta-form legend {
  	padding: 0 2px;
  	font-weight: bold;
}

/*\*//*/
form.yta-form legend {
  display: inline-block;
}
/* IE Mac legend fix */

form.yta-form label {
  	display: inline-block;
  	vertical-align: top;
}

form.yta-form fieldset ol {
	margin: 0;
	padding: 0;
}

form.yta-form fieldset li {
	border-bottom: 1px solid #ddd;
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.yta-form fieldset fieldset {
  border: none;
  margin: 3px 0 0 0;
}

form.yta-form fieldset fieldset legend {
  padding: 0 0 5px 0;
  font-style: italic;
  font-weight: normal;
}

form.yta-form fieldset fieldset label {
  display: block;
  width: auto;
}

form.yta-form label { width: 120px; } /* Width of labels */
form.yta-form fieldset fieldset label { margin-left: 120px; } /* Width plus 3 (html space) */

/*\*//*/ form.yta-form legend { display: inline-block; } /* IE Mac legend fix */


/*=MODULES
---------------------------------------*/
/*=SECTION HEADERS*/
.section-title {
	background-color: #000;
	color: #fff;
	float: left;
	font-size: 22px;
	margin: 9px 10px 0 10px;
	padding: 71px 10px 23px 10px;
	width: 750px;
}

.page-title {
}

/*=INFO ICONS*/
.main-content .pdf-info {
	background: url(pdf-icon-blue.gif) left top no-repeat;
	padding: .1em 0 .2em 18px;
}

.resource-module {
	border-top: 1px solid #ddd;
	clear: both;
	margin-bottom: 10px;
	padding: 10px 0 0 0;
}

.resource-module h4 {
	background: url(arrow-button.gif) right center no-repeat;
	font-weight: 200;
	margin-top: 0;
	padding-right: 18px;
	text-transform: uppercase;
}

.note-date, .take-note {
	margin: 0 0 1em 0;
}

.note-date {
	background: url(alarm-clock.gif) left top no-repeat;
	padding: 0 0 .2em 70px;
}

.take-note {
	background: url(take-note.gif) left top no-repeat;
	padding: 0 0 .2em 70px;
}

.first-info-module, .info-module, .double-info-module  {
	float: left;
}

.first-info-module {
	width: 170px;
}

.info-module {
	margin: 0 0 0 20px;
	width: 170px;
}

.double-info-module  {
	width: 360px;
	margin: 0 0 0 20px;
}

.info-module h5, .first-info-module h5, .double-info-module h5 {
	background: url(arrow-button.gif) right center no-repeat;
	font-weight: 200;
	padding-right: 18px;
	text-transform: uppercase;
}