/* --------------------------------------------------------------------------*/
/* ->> RESET <<--------------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
body { 
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  font-family: "Trebuchet MS", Helvetica, Arial;
  font-size: small;
  text-align: center;
  background: #3a77a2 url("../images/body_bg_tile.png") top center fixed;
}

h1, h2, h3, h4, h5, h6, em, strong, pre, code {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  padding: 0;
}

h1 { font-size: 20px; }
h2 { font-size: 19px;  }
h3 { font-size: 18px; }

strong   { color: #444444; font-weight: 800; }
em       { font-style: italic; }
em.phone { font-size: 1.25em; }
abbr { text-decoration: none; }

a { color: #d3573d; }
a img { border-width: 0; }
div { margin: 0; padding: 0; }

h1 {
  width: auto;
  color: #FFFFFF;
  background: #4380ab url("../images/rounded_bar.png") top left no-repeat;
  padding:  3px;
  height: 22px;
}

h1 { margin: 0 0 11px 0; }

h2, h3, h4, h5, h6 {
  margin: 11px 0;
}

h2 { color: #000000; }

h1.sIFR-replaced, h2.sIFR-replaced, h3.sIFR-replaced {
  margin-bottom: 0;
}

p { margin: 1em 0; line-height: 1.5em; }
p.indent { margin-left: 1em; }
ul {  }
li { line-height: 1.2em; }

dt { color: #000000; font-weight: 800; }
dd { margin: 0 0 1em 0; padding: 0; }


/* --------------------------------------------------------------------------*/
/* ->> BLOG <<-----------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
.BlogPostListing .BlogPost {
  border-bottom: 1px dotted #8a8a8a;
  padding-bottom: 1em;
  margin-bottom: 2em;
}


/* --------------------------------------------------------------------------*/
/* ->> UTILITIES <<-----------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* --------------------------------------------------------------------------*/
/* ->> STRUCTURE (FURNITURE) <<----------------------------------------------*/
/* --------------------------------------------------------------------------*/
#Page {
  text-align: left;
  width: 941px;
  margin: 0 auto;
  background-color: #ffffff;
  color: #5c5849;
}

#Header {
  position: relative;
  height: 103px;
  padding: 5px 0 0 15px;
  background: transparent url("../images/header_bg.png") top center no-repeat;
}

#Header a { color: #ffdd68; }

.TwoCol #Copy, #ContentTop {
  margin-right: 289px;
}

.ThreeCol #Copy {
  margin-right: 550px;
}

#ContentTop { margin-bottom: 11px; }

#Content {
  padding: 22px;
}

#InnerSidebar { 
  width: 235px;
  float: right;
  margin-left: 20px;
}

#Sidebar {
  float: right;
  width: 269px;
  margin-left: 20px;
}


#Footer {
  width: 896px;
  margin: 0 auto;
  text-align: left;
  height: 244px;
  padding: 22px;
  /* background: transparent url("../images/footer_bg_tile.png") top center repeat-y fixed; */
  color: #ffffff;
}

/* --------------------------------------------------------------------------*/
/* ->> FORMS <<--------------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
form ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

form ul li {
  display: block;
  margin: 0;
  padding: 6px 5px 9px 9px;
  list-style-type: none;
}

form label {
  display: block;
  color: #222222;
  font-size: 95%;
  margin: 0;
  line-height: 150%;
  padding: 0 0 3px;
}


/* --------------------------------------------------------------------------*/
/* ->> COMPONENTS <<---------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
ul.nav    { margin: 0; padding: 0; }
ul.nav li { list-style: none; padding: 0; margin: 0; }

#Logo {
  text-indent: -9000px;
  width: 245px;
  float: left;
  height: 89px;
  padding: 0; margin: 0;
  background: url("../images/logo.png");
}

#UtilityNav {
  background: transparent;
  text-align: right;
}

#Header .PrimaryNav {
  position: absolute;
  bottom: 8px;
  left: 285px;
  width: 658px; 
  height: 47px;
}

#Header .PrimaryNav td {
  cell-spacing: 0;
  text-align: center;
  vertical-align: center;
  background: transparent url("../images/tab_bg.png") top right no-repeat;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}

#Slogan {
  color: #ffffff;
  font-style:italic;
  text-align: right;
}

#MissionStatement {
  width: 420px;

}
  #MissionStatement h3 {
    text-transform: uppercase;
  }

.SecondaryNav a {
  display: block;
  color: #38576d;
  text-decoration: none;
}

.SecondaryNav li {
  list-style: none;
  line-height: 2.5em;
  border-bottom: 1px solid #c9c7bd;
}

#Footer .PrimaryNav {
  width: 400px;
  float: right;
  background: url("../images/silhoutte.gif") top center no-repeat;
  padding-top: 70px;
}

#Footer .PrimaryNav li {
  list-style: none;
  line-height: 2.5em;
  border-bottom: 1px solid #9b9b9b;
}

#Footer .PrimaryNav a {
  display: block;
  color: #ffffff;
  text-decoration: none;
}


ul.Rotator {
  margin: 0; padding: 0;
  position: relative;
  width: 608px;
  height: 180px;
  overflow: hidden;
}

.Rotator > li { 
  display: block; position: absolute;
  top: 0; left: 0;
  list-style: none;
  padding: 0; margin: 0;
}

.vcard {
  clear: both;
  margin-top: 1.5em;
  text-align: right;
}


a.Donate {
  display: block;
  text-indent: -9000px;
  height: 73px;
  width: 250px;
  background: url("../images/donate.gif") top right no-repeat;
  margin: 1em 0;
}

.TopStory { background-color: #e7f4fd; }
.TopStory h1 { background-color: transparent; color: #27398f; }

ul.Contacts { padding: 0; margin: 0; line-height: 1.2; }
ul.Contacts li {
  width: 49%; float: left;
  padding-right: 1%;
  height: 5em;
  list-style-type: none;
}
ul.Contacts li.short { height: 3em; }
ul.Contacts span { display: block; }
ul.Contacts strong { color: #4b4b4b; font-size: 1.15em; }
span.title { color: #0066cc; }
span.prof { font-style: italic; font-size: 11px; color: #7b7b7b; }


#PIOBanner { font-size: 90%; }

#EventsPreview {
  margin: 2em 0 1em 0;
  clear: both;
  padding: 0;
}

#EventsPreview h2 {
  text-indent: -9000px;
  background: url("../images/h2_event_calendar.gif") no-repeat;
}

.Event {
  clear: both;
  overflow: auto;
  margin-bottom: 1em;
}

.Event span.Date {
  background: url("../images/calitem_bg.gif") top left no-repeat;
  color: #ffffff;
  text-align: center;
  width: 28px;
  height: 39px;
  line-height: 12px;
  padding-top: 9px;
  display: block;
  float: left;
}

.Event span.Date .Month {
  font-size: 9px;
}

.Event p {
  line-height: 13px;
  margin: 3px 0;
  font-size: 11px;
}

.Event strong {
  color: #384650;
}

.Event strong, .Event p {
  display: block;
  margin-left: 36px;
}

/* --------------------------------------------------------------------------*/
/* ->> SIFR <<---------------------------------------------------------------*/
/* --------------------------------------------------------------------------*/

@media screen {
  .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
  .sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
  .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
  .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}

@media print {
  .sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
  .sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}

/* --------------------------------------------------------------------------*/
/* ->> SUCCESS STORIES <<----------------------------------------------------*/
/* --------------------------------------------------------------------------*/
.SuccessStory.Teaser {
  height: 180px; overflow: hidden;
  background-color: #e7f4fd;
  margin-bottom: 1em;
}

.SuccessStory.Teaser img {
  width: 287px;
  height: 180px;
  float: left;
}

.SuccessStory.Teaser h2,
.SuccessStory.Teaser p,
.SuccessStory.Teaser ul {
  margin-left: 300px;
  margin-right: 18px;
}

.SuccessStory.Teaser h2 a {
  color: #27398f;
  text-decoration: none;
}

.SuccessStory.Teaser p {
  font-size: 11px;
  color: #404041;
  width: 275px;
  max-height: 7.5em;
  overflow: hidden;
  vertical-align: middle;
}



/* --------------------------------------------------------------------------*/
/* ->> NODES OVERRIDES <<----------------------------------------------------*/
/* --------------------------------------------------------------------------*/

textarea.nodesWYSIWYG {
  width: 560px;
}

/* --------------------------------------------------------------------------*/
/* ->> SAFARI SUB-PIXEL RENDERING IMPROVEMENT <<-----------------------------*/
/* --------------------------------------------------------------------------*/
/*
 * http://orderedlist.com/articles/thining-text-in-safari-under-snow-leopard
 */
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}