/* CSS Document - TeachForAmerica.org - Screen Styles */

/* -- Begin Document Styles -- */
html, body {
	background-color: #fcfaf0;
	margin: 0px;
	padding: 0px }

/* -- Begin Header Styles -- */
#headerContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url('/assets/images/nav_bkg.gif');
	background-position: 0px bottom;
	background-repeat: repeat-x }
#header {
	width: 760px;
	font-size: 10px;
	color: #999999;
	margin-right: auto;
	margin-left: auto }
#tfaLogo {
	float: left;
	padding: 33px 0px 4px 0px }
#headerNav {
	float: right;
	padding: 7px 0px 0px 0px;
	margin: 0px }
#headerNav p {
	padding: 0px 5px 0px 0px;
	margin: 0px }
#headerNav a:link, #headerNav a:active, #headerNav a:visited {
	color: #999999;
	text-decoration: none }
#headerNav a:hover {
	text-decoration: underline }
#headerNav form {
	margin: 0px }
#headerNav input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999 }

/* -- Begin Primary Navigation Styles -- */
#nav {
	clear: both }
#nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 4px }
#nav li {
	list-style-type: none;
	display: inline;
	overflow: hidden;
	margin: 0px 0px 0px -4px }

/* -- Begin Container Styles -- */
#container {
	width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px auto }

/* -- Begin Body Styles -- */
#body {
	margin-bottom: 20px }

/* -- Begin Homepage Styles -- */
#homeContainer {
	width: 750px;
	font-size: 11px;
	margin: 15px auto 0px auto }
#homeContainer h1 {
	height: 21px;
	background-image: url('../assets/images/index_headerBkg.gif');
	background-repeat: repeat-x;
	padding-left: 7px;
	margin: 0px 0px 6px 0px }
.noFlashCallout {
	padding-left: 20px}
#news {
	float: left;
	width: 540px;
	margin-bottom: 13px }
.newsFirstLevel {
	list-style-type: none;
	list-style-image: none;
	background-image: url('../assets/images/subNav_hr.gif');
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding: 0px 7px 5px 18px;
	margin: 0px 0px 5px 0px }
.newsFirstLevel a {
	display: block;
	color: #b1be2d;
	line-height: 15px;
	text-decoration: none;
	padding-left: 18px;
	margin-left: 0px }
.newsFirstLevel a:hover {
	text-decoration: underline }
.newsIco {
	margin: 0px 6px -2px -18px }
.newsDate {
	font-weight: normal;
	color: #999999 }
.mediaLink {
	text-align: right;
	padding-right: 9px;
	margin-top: 0px }
.mediaLink a {
	color: #999999 }
#indexResources {
	float: left;
	width: 540px }
.resourceTableLeft {
	float: left;
	width: 180px }
.resourceTableCenter {
	float: left;
	width: 150px }
.resourceTableRight {
	float: left;
	width: 190px }
#spacer {
	clear: left;
	height: 15px }
#homeRight {
	float: right;
	width: 190px }
#appPanel {
	width: 190px; /* <-- Needed for IE display bug */
	background-image: url('../assets/images/callout_region_body_bkg.gif');
	background-position: top;
	background-repeat: repeat-y;
	overflow: hidden;
	margin: 0px }
#appPanel h3 {
	background-image: url('../assets/images/callout_region_top_bkg.gif');
	background-position: top;
	background-repeat: no-repeat;
	padding: 12px 12px 0px 12px;
	margin: 0px 0px 8px 0px }
#appPanel p {
	border-top: 1px solid #ebebeb;
	text-align: center;
	line-height: 15px;
	padding: 10px 0px;
	margin: 8px 0px 0px 0px }
#appPanel p .deadlineTitle {
	font-weight: bold;
	color: #999999 }
#appPanel p .deadlineDate {
	color: #e47e00 }
#appPanel .appPanelContainer {
	background-image: url('../assets/images/callout_region_bottom_bkg.gif');
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: center;
	padding: 0px 3px }
#feedback {
	font-size: 10px;
	color: #999999;
	background-image: url('../assets/images/index_feedbackHR.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 0px 9px 10px 9px;
	margin-top: 15px }
#feedback a {
	color: #999999 }
#sponsors {
	font-size: 10px;
	color: #999999;
	padding: 0px 9px }
#sponsors p {
	margin-bottom: 10px }
#sponsors a:link, #sponsors a:active, #sponsors a:visited {
	color: #999999;
	text-decoration: none }
#sponsors a:hover {
	text-decoration: underline }
#sponsors .logo {
	text-align: center }

/* -- Begin Left Content & Secondary/Tertiary Navigation Styles -- */
#leftContent {
	float: left;
	width: 190px;
	font-size: 11px;
	color: #537289;
	padding: 40px 0px 0px 5px }
#leftContent h1 {
	border-bottom: 1px solid #d7d7d7;
	padding: 0px 0px 5px 3px;
	margin: 0px 0px 6px 0px }
#subNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00FF99 }
.firstLevelUL {
	padding-left: 0px;
	margin: 0px }
.firstLevel, .firstLevelOpen {
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	background-image: url('../assets/images/subNav_hr.gif');
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding: 0px 0px 5px 15px;
	margin: 0px 0px 5px 0px }
.firstLevelFinal {
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	background-image: url('../assets/images/subNav_hrFull.gif');
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding: 0px 0px 5px 15px;
	margin: 0px 0px 5px 0px }
.firstLevel a, .firstLevelFinal a, .firstLevelOpen a {
	display: block;
	color: #006096;
	line-height: 15px;
	text-decoration: none;
	padding-left: 15px;
	margin-left: 0px }
.firstLevel a:hover, .firstLevelFinal a:hover, .firstLevelOpen a:hover, .secondLevel a:hover {
	text-decoration: underline }
.secondLevelUL {
	list-style-type: none;
	list-style-image: none;
	padding-left: 0px;
	margin: 5px 0px 0px 0px }
.secondLevel {
	list-style-type: none;
	list-style-image: none;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 4px 12px }
.secondLevel a {
	display: block;
	color: #809fb6;
	line-height: 15px;
	text-decoration: none;
	padding-left: 15px }
.firstLevelIco {
	margin: 0px 3px -2px -15px }
#newsletter {
	text-align: center;
	padding: 25px 0px }
#resources { }
#resources h2 {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding-left: 3px;
	margin: 0px 0px 8px 0px }
.resourceBullet {
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px }
.resourceBullet a {
	color: #006096;
	line-height: 15px;
	text-decoration: none;
	padding-left: 15px;
	margin-left: 0px }
.resourceBullet a:hover {
	text-decoration: underline }
.resourceIco {
	margin: 0px 7px 0px -15px }

/* -- Begin Content Styles -- */
#rightContent {
	float: right;
	width: 540px;
	padding: 0px 5px 0px 5px }
.contentBanner {
	margin: 0px 0px 15px -5px }
#rightContent h1 {
	font-size: 15px;
	color: #e47e00;
	padding: 0px;
	margin-top: 0px }
.breadCrumb {
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	margin: 0px }
#rightContent h2 {
	font-size: 12px;
	color: #808080;
	line-height: 17px }
#rightContent p {
	font-size: 11px;
	color: #999999;
	line-height: 18px }
p.bulletIntro {
	margin-bottom: 0px }
.smallNote {
	font-style: italic;
	font-size: 10px }
#rightContent a:link, #rightContent a:active, #rightContent a:visited {
	color: #b1be2d;
	text-decoration: none }
#rightContent a:hover {
	text-decoration: underline }
.linkArrow {
	border: none;
	margin-bottom: -2px }
.pdfIcon {
	border: none;
	padding-right: 5px;
	margin-bottom: -3px }
#rightContent ul, #rightContent ol {
	font-size: 11px;
	color: #999999;
	line-height: 18px;
	margin-top: 0px }
#rightContent li.bulletSpacer, #rightContent li.bulletSpacer {
	margin-top: 10px }
.contentHR {
	text-align: center }
.underline {
	text-decoration: underline }
.videoCalloutLeft {
	width: 326px;
	text-align: center;
	border-bottom: 1px solid #e7e6df;
	padding: 10px 0px }
.videoCalloutFull {
	text-align: center;
	border-bottom: 1px solid #e7e6df;
	padding: 10px 5px }
#statsTable {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #999999 }
#rightTable {
	float: right;
	width: 190px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin: 0px 0px 20px 20px }
#statsTable th, #rightTable th {
	background-image: url('../assets/images/table_title_bkg.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #537289;
	text-align: left;
	padding-bottom: 6px }
#statsTable td, #rightTable td {
	padding-left: 8px }
#statsTable .altCol, #rightTable .altCol {
	background-color: #eaeaea }
	/*background-color: #f6f6f6 }*/
.minorText {
	font-size: 10px }
.titleText {
	display: block;
	font-size: 10px;
	color: #b7b7b7;
	line-height: 12px;
	padding-left: 15px }
#statsTable ul, #statsTable ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999 }
#inlineQuote { }
#rightQuote {
	float: right;
	width: 170px;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 0px 0px 20px 20px }
#rightQuote.linkFrame {
	border: 2px solid #efeeee }
#rightQuote p, #inlineQuote p {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #999999;
	line-height: 18px }
.quoteSignature {
	text-align: right;
	font-style: italic;
	padding-left: 10px }
#rightQuote a:link, #inlineQuote a:link, #rightQuote a:active, #inlineQuote a:active, #rightQuote a:visited, #inlineQuote a:visited {
	color: #b1be2d;
	font-weight: bold;
	text-decoration: none }
#rightQuote a:hover, #inlineQuote a:hover {
	font-weight: bold;
	text-decoration: underline }
#leftHeadTable {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999 }
#leftHeadTable th {
	background-color: #b1be2d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-bottom: 6px }
#leftHeadTable td {
	padding-left: 8px }
#leftHeadTable .altCol {
	background-color: #eaeaea }
	/*background-color: #f6f6f6 }*/
#timelineTable {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999 }
#timelineTable th {
	background-color: #b1be2d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-bottom: 6px }
#timelineTable th.centerContent {
	text-align: center }
#timelineTable .highlight {
	background-color: #dae0e4 }
#timelineTable td {
	padding-left: 8px }
#timelineTable .altCol {
	background-color: #eaeaea }
	/*background-color: #f6f6f6 }*/
#rightContent input, #rightContent select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999 }
.backToTopLink {
	padding-left: 5px }
#jumpMenu {
	background-color: #FFFFFF;
	border: 1px solid #b1be2d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	padding: 0px;
	margin: 0px }
#jumpMenu td {
	padding: 5px 0px }
#jumpMenu .jumpArrow {
	border: none;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px -2px 0px }
#jumpMenu a {
	color: #006096;
	line-height: 13px;
	text-decoration: none;
	margin-left: 0px }
#jumpMenu a:hover {
	text-decoration: underline }


/* -- Begin Callout (Right Features) Styles -- */
#rightFeatures {
	float: right;
	width: 190px;
	margin: 0px 0px 20px 20px }
#inThisSecPanel {
	width: 190px; /* <-- Needed for IE display bug */
	background-image: url('../assets/images/callout_inThisSec_body_bkg.gif');
	background-position: top;
	background-repeat: repeat-y;
	margin: 0px }
#inThisSecPanel h3 {
	background-image: url('../assets/images/callout_inThisSec_top_bkg.gif');
	background-position: top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ebebeb;
	padding: 12px 12px 0px 12px;
	margin: 0px 0px 12px 0px }
#inThisSecPanel h4 {
	font-size: 11px;
	color: #b1be2d;
	padding: 0px 9px;
	margin-bottom: 0px }
#inThisSecPanel .inThisSecContainer {
	background-image: url('../assets/images/callout_inThisSec_bottom_bkg.gif');
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px 3px }
#inThisSecPanel p {
	border-bottom: 1px solid #f5f6f5;
	padding: 0px 9px 20px 9px;
	margin: 0px }
#inThisSecPanel p.noHR {
	border-bottom: none }
#inThisSecPanel ul, #interestedInRegionPanel ul {
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 25px }
#inThisSecPanel li, #interestedInRegionPanel li {
	list-style-type: none;
	list-style-image: url('../assets/images/callout_bullet.gif');
	padding: 0px;
	margin: 0px }
#inThisSecPanel a:link, #inThisSecPanel a:active, #inThisSecPanel a:visited, #interestedInRegionPanel a:link, #interestedInRegionPanel a:active, #interestedInRegionPanel a:visited {
	color: #999999;
	text-decoration: none }
#inThisSecPanel a:hover, #interestedInRegionPanel a:hover {
	text-decoration: underline }
#perspectivePanel {
	margin: 0px 0px 0px 3px }
#perspectivePanel h3 {
	padding: 0px;
	margin: 0px }
.perspectiveImg {
	padding: 0px;
	margin: 0px }
#interestedInRegionPanel {
	background-image: url('../assets/images/callout_region_body_bkg.gif');
	background-position: top;
	background-repeat: repeat-y;
	overflow: hidden;
	margin: 0px }
#interestedInRegionPanel h3 {
	background-image: url('../assets/images/callout_region_top_bkg.gif');
	background-position: top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ebebeb;
	padding: 12px 12px 0px 12px;
	margin: 0px }
#interestedInRegionPanel .interestedInRegionContainer {
	background-image: url('../assets/images/callout_region_bottom_bkg.gif');
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px 3px }
#rightFeatures .spacer {
	height: 20px }

/* -- Begin Pop-up Styles -- */
#popContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif }
#popContainer h1 {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	font-size: 15px;
	color: #e47e00;
	padding: 10px 0px;
	margin-right: 5px;
	margin-left: 5px }
#popContainer h2 {
	font-size: 12px;
	color: #808080;
	line-height: 17px;
	padding: 0px 10px }
#popContainer p {
	font-size: 11px;
	color: #999999;
	line-height: 18px;
	padding: 0px 10px }
#popContainer ul, #popContainer ol {
	font-size: 11px;
	color: #999999;
	line-height: 18px;
	margin-top: 0px }
#popContainer a:link, #popContainer a:active, #popContainer a:visited {
	color: #b1be2d;
	font-weight: bold;
	text-decoration: none }
#popContainer a:hover {
	font-weight: bold;
	text-decoration: underline }
#popContainer input, #popContainer select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999 }
	
  
/* -- Begin Footer Styles -- */
#footerContainer {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url('/assets/images/footer_bkg.gif');
	background-position: 0px top;
	background-repeat: repeat-x;
	padding: 15px 0px 10px 0px }
#footer {
	width: 740px;
	font-size: 10px;
	color: #999999;
	margin-right: auto;
	margin-left: auto }
#footer a:link, #footer a:active, #footer a:visited {
	color: #999999;
	text-decoration: none }
#footer a:hover {
	text-decoration: underline }
.legal {
	font-size: 10px;
	color: #b7b7b7;
	line-height: 12px }