.orange {
  color: #e36f1e; /* acf orange */  
}

.gray, .grey {
  color: #717074; /* acf gray */
}

.articleContent, .landingContent {
   color: #717074;
   font-size: 0.55em;
}


.volunteer_org {
  margin-bottom: 2em;
}

.volunteer_org_comment {
  font-style: italic;
}

body {
   font-family: "Trebuchet MS", Verdana, Lucida Console, Arial, "Times New Roman", Times, serif;
   font-size: 1em;
   margin: 0px;
   padding: 0px;
   color: #717074;
}

img {
 border: 0px;
}

html, body {
 height: 100%;
}

.shell {
 background: url(../../images/framework/nav_border.gif) top center repeat-y;
 background: url(../../images/framework/nav_border_2.gif) 141px 0px repeat-y;
 min-height: 685px;
 width: 980px;
 margin-left: auto;
 margin-right: auto;
 min-height: 100%;
}

* html .shell {
 height: 100%;
}

.rightCol {
 background: url(../../images/framework/leaf.gif) 0px 222px no-repeat;
 float: right;
 padding-right: 0px;
 padding-top: 76px;
 width: 806px;
 min-height: 88%;
}

* html .rightCol {
 height: 88%;
}

.topNav {
 text-align: left;
 height: 74px;
 width: 798px;
}

.footerNav {
 clear: both;
 text-align: right;
 padding-top: 10px;
 padding-right: 8px;
}

.pagePhoto {
 margin-left: 50px;
}

.homeImage {
 float: right;
 margin-right: -30px;
}

.clear {
 line-height: 1%;
 height: 0px;
 clear: both;
}

/* Splash Page */

.splash {
 background: url(../../images/framework/splash_body_bg.gif) top left repeat-x;
}

.splashContainer a, .splashContainer a:visited, .splashContainer a:hover {
color: #717074;
}

.splashContainer {
 background: url(../../images/framework/splash_border_2.gif) 145px 0px repeat-y;
 width: 1024px;
 margin-left: auto;
 margin-right: auto;
 padding-top:75px;
 min-height: 100%;
 min-height: 690px;
}

.splashContainer {
 height: 100%;
}

.splashShell {
 background-color: #FFFFFF;
}

.splashMain {
 background: url(../../images/framework/splash_border.gif) 145px 0px repeat-y #BCD793;
 background: url(../../images/framework/splash_border_2.gif) 145px 0px repeat-y;
 min-height: 100px;
}


.splashRel .ART_content {

}

.foo {
 font-family: Georgia, "Times New Roman", Times, serif;
}

.splashContent {
 position: relative;
 background: url(../../images/framework/splash_leaf_bg.gif) 0px 82px no-repeat;
 min-height: 590px;


 /* padding-left: 200px; */
 padding-left: 75px;
 padding-top: 70px;

 width: 588px;
 line-height: 150%;

 padding-bottom: 0px;
 margin-bottom: 0px;
}

* html .splashContent {
 height: 523px;
 background: url(../../images/framework/splash_leaf_bg.gif) 0px 82px no-repeat;
 /* padding-left: 200px; */
 padding-left: 75px;
 position: absolute;
 margin-left: 15px;
 margin-top: -150px;
}

.splashTopNav {
 margin-left: 149px;
}

.splashRel {
 position: relative;
 width: 900px;
 margin-left: 150px;
}

.splashAbs {
 position: absolute;
 left: 0px;
 top: 252px;
}

* html .splashAbs {
 position: absolute;
 left: 0px;
 top: 100px;
}

.splashQuoteHeader  {
 text-align: right;
 font-size: 1.9em;
 line-height: 130%;
 margin-bottom: 10px;
}

.splashQuoteAuthor {
 font-size: 19pt;
 text-align: right;
 line-height: 120%;
 margin-bottom: 0px;
}

.splashQuoteAuthorByline {
 font-size: 17pt;
 text-align: right;
 line-height: 100%;
}

.apcfLogoContainer {
 margin-left: auto;
 margin-right: auto;
 width: 1000px;
 text-align: right;
}

.apcfLogoTop {
 margin-left: 700px;
/* margin-left: 140px; */
}

.splashBottomNav {
 padding-top: 30px;
 padding-left: 50px;
 float: right;
}

* html .apcfLogoTop {
 margin-bottom: -4px;
}

.topLogoContainer {
 width: 1000px;
 text-align: right;
 margin-left: auto;
 margin-right: auto;
 height: 63px;
}

/* Quotes */

.quoteCredit {
 color: #e36f1e;
 font-size: 19pt;
 margin-bottom: 0px;
 line-height: 120%;
 text-align: right;
}

.quoteCreditTitle {
 color: #e36f1e;
 font-size: 17pt;
 line-height: 100%;
 text-align: right;
 margin-bottom: 15px;
}

.quoteBlock {
 width: 525px;
 float: left;
}

.articleContent .quoteBlock {
 width: 100%;
 float: none;
}

.quoteBlock h1 {
 color: #e36f1e;
 font-size: 22pt;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 margin-bottom: 0px;
 padding-bottom: 0px;
}

.landingContent {
 float: right;
 margin-right: 35px;
 width: 480px;
 line-height: 25px;
 text-align: left;
}


/* Board and Staff */
.boardHeader {
  float: left;

  width: 339px;
  margin-bottom: 5px;
  margin-right: 50px;
}

.staffHeader {
 float: right;
 width: 310px;
}

.boardHeader h2 , .staffHeader h2 {
 margin-bottom: 0px;
}

.staffHeader, .boardHeader {
 margin-bottom: 5px;
}

.boardColumn {
 float: left;
 margin-right: 90px;
}

.staffColumn {
 float: right;
 width: 310px;
}

#boardProfile {
 float: left;
 margin-top: 15px;
 width: 500px;
 height: 350px;
 padding-right: 5px;
}

#boardProfile div {
 display: none;
}


#boardProfile .selectedProfile {
 display: block;
}


/* Sidebar Nav */
.logo {
 width: 135px;
 padding-bottom: 20px;
 float: left;
}

.donateNow {
  float: left;
  width: 135px;
  clear: both;   
  padding-top: 10px;
  padding-bottom: 5px;
}

.volunteer {
  float: left;
  width: 135px;
  clear: both;
  padding-top: 5px;
  padding-bottom: 20px;
}

.splashLeftCol {
  float: left;
  margin-top: -10px;
}

.splashLeftCol .logo {
  float: left;
}

.leftCol {
 float: left;
 width: 135px;
 padding-right: 0px;
 padding-top: 70px;
 text-align: right;
 font-size: 0.8em;
 color: #e36f1e;
}

.leftNavLine {
 padding: 7px 0px 7px 0px;
}

.leftCol .selected, .leftCol a:hover {
 color: #717074;
}
.leftCol a:hover {
 text-decoration: underline;
}
.leftCol a.selected:hover {
  text-decoration: none;
  cursor: default;  
}

.leftCol td {
 padding: 15px 0px 0px 0px;
 text-align: right;
}

.leftCol a {
 color: #e36f1e;
 text-decoration: none;
}

/* Navigation Drop Downs */


#ace1i1, #ace1i2, #ace1i3, #ace1i4 {
  background-color: transparent !important;
}

#ace1i1 table tbody tr td  {
  padding-left: 51px !important;
}

#ace1i2 table tbody tr td  {
  padding-left: 75px !important;
}

#ace1i3 table tbody tr td  {
  padding-left: 38px !important;
}

#ace1i4 table tbody tr td  {
  padding-left: 45px !important;
}

.navFlyouts div table {
/* setting background color to transparent creates bug in ie
 background-color: transparent !important;
 filter: alpha(opacity=50) !important;
 opacity: .5 !important;
*/
}


.navFlyouts div table tbody tr td {
  border: 0px !important;
  padding: 0px;
}

.navFlyouts div table tbody tr td div {
  font-size: 9pt!important;
  background-color: white;
  margin-left: -2px !important;
}

.navFlyouts div table tbody tr td div font {
  font-size: 9pt!important;
}

.navFlyouts div table {
  border-width: 0px !important;
}

.navFlyouts div table tbody tr td img {
  width: 0px;
  height: 0px;
  padding-left: 0px;
}

/* Articles */

.content {
 text-align: right;
 line-height: 175%;
 padding-left: 40px;
 padding-right: 40px;
 min-height: 470px;
}

* html .content {
 height: 470px;
}

.articleContent {
 line-height: 175%;
 padding-left: 36px;
 min-height: 450px;
/* overflow: auto; */
 padding-right: 40px;
 padding-bottom: 50px;
}

* html .articleContent {
 height: 450px;
}


h1 {
 margin-top: 0px;
 line-height: 150%;
}

#horizontalImage {
 height: 55%;
}

.horImage {
 margin-top: 30px;
 float: left;
 margin-left: 36px;
}

p {
 margin-top: 0px;
 margin-bottom: 10px;
}


.rightCol, .rightCol h1 {
 color: #e36f1e;
 font-size: 18pt;
 font-weight: normal;
 margin-bottom: 0px;
 padding-bottom: 0px;
}

.rightCol a {
 color: #333333;
}

.resourceLink {
 color: #6D512C;
 text-transform: uppercase;
}

.ART_title, h2 {
 font-size: 14pt;
 color: #e36f1e;
}


/* Forms */

.FORM_Choice input {
 width: 260px;
}

.FORM_Choice textarea {
 width: 260px;
 margin-left: 92px;
}

.FORM_Question font {
 color: #993333;
}

form font {
 color: #993333;
}

.formHeader {
 width: 265px;
 float: right;
}

#formPage table {
 width: 375px;
 float: left;
}

#formPage td {
 padding: 2px;
}

.FORM_Choice {
 width: 50px;
}

.FORM_Question {
 width: 325px;
}

/* not sure why this was nececssary - ie was dropping answer1 field onto a new line */
* html #Answer1 {
 float: right;
 margin-top: -25px;
 margin-right: 2px;
}

/* Giving Alternatives */

.alternatives * {
 font-size: 9pt;
}

.alternatives {
 border-collapse: collapse;
 border-bottom: 1px solid #917C60;
 width: 720px;
}

.alternatives td, .alternatives th {
 padding: 0px;
 border: 1px solid #917C60;
 border-left: 0px;
 padding: 0px 2px 0px 0px;
 vertical-align: top;
 line-height: 150%;
}

.alternatives td {
 color: #707073;
 text-align: right;
}

.alternatives .financialLabel {
 text-align: left;
 border-right: 0px;
 padding-left: 0px;
}

.alternativesHeader {
 font-size: 9pt;
 color: #917C60;
 text-transform: uppercase;
}

.alternatives th {
 color: #707073;
 font-weight: normal;
 text-align: right;
}

.disclaimer {
 padding-top:25px;
 font-size: 8pt;
 padding-bottom: 15px;
 line-height: 150%;
}

/* Financials */
.financials {
 width: 360px;
 border-collapse: collapse;
}

.financials th {
 font-weight: normal;
 text-align: left;
 padding: 0px 0px 0px 4px;
 font-size: 9pt;
}

.financials td {
 border-right: 1px solid #e36f1e;
 text-align: right;
 padding: 0px 4px 0px 0px;
 font-size: 9pt;
}

.financials tr.total {
 background-color: #e36f1e;
 font-weight: bold;
 color: black;
}


.financials tr.total td {
 font-weight: bold;
}

.financials caption {
 font-size: 12pt;
 padding-bottom: 36px;
 font-weight: normal;
 text-align: left;
 text-transform: uppercase;
}

.newLeft {
 color: #ffffff;
 font-size: 11px;
 margin-right: 5px;
}

.newsHead {
 text-transform: uppercase;
 font-size: 11pt;
 color: #fff;
 padding-top: 20px;
 margin-left: 20px;
}

#newsContent {
  border-left: 3px solid #806d5b !important;
  background: url('../../images/framework/newBG.gif') no-repeat bottom right;
}

.newsArtHead {
  font-size: 17px;
  color: #707073;
  letter-spacing: 1px;
}

.newsArtContent {
  font-size: 13px;
  line-height: 16px;
  color: #000;
}