/* CSS Document */

/* ==================================== set up default values ==================================== */

body {
  background-color:white;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:18px;
  color:#575757;
}

h1, h2, h3, h4, form, p {
  margin:0;
  padding:0;
}

ul, li {
  margin-top: 0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
}

img {
  border:none;
}

a {
  color:#008bd5;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

h1 {
  font-size:30px;
  line-height:30px;
  font-weight:normal;
  padding-bottom:12px;
  letter-spacing:-1px;
}

h2 {
  font-size:20px;
  line-height:21px;
  font-weight:normal;
  letter-spacing:-1px;
}

h3 {
  font-size:20px;
  line-height:21px;
  font-weight:normal;
  padding-bottom:4px;
  letter-spacing:-1px;
}

/* ==================================== general page layout ==================================== */

#siteContainer {
  width:951px;
  margin-left:auto;
  margin-right:auto;
}

/* ==================================== header elements ==================================== */


#headerContainer {
  background-image:url(/images/background-header.png);
  background-repeat:no-repeat;
  height:171px;
}

#headerLeft {
  float:left;
  width:180px;
}

#headerLeft a {
  display:block;
  text-indent: -999em;
  height:162px;
  overflow:hidden;
}

#headerRight {
  float:left;
  width:765px;
}

#headerQuote {
  float:left;
  width:500px;
  height:126px;
}

#headerQuote h4 {
  font-size:16px;
  line-height:19px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  font-weight:normal;
  color:#4f4f4f;
  padding: 40px 0 0 38px;
}

#headerContact {
  float:left;
  width:250px;
  text-align:right;
  color:#242424;
  font-size:16px;
}

#headerContact p.helpline {
  padding-top: 36px;
}

#headerContact p.phone {
  color:#820024;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:32px;
  line-height:32px;
  padding: 7px 0 7px 0;
}

#headerContact a {
  font-size:14px;
  color:#00418e;
  text-decoration: underline;
}

/* ==================================== top navigation (part of the header) ==================================== */

#headerNav {
  font-size:16px;
  line-height:43px;
  height:43px;
  padding-left: 8px;
}

#headerNav ul {
  padding:0;
  margin:0;
}

#headerNav li {
  margin:0;
  padding:0;
  list-style:none;
  display:inline;
  padding: 0 9px 0 8px;
  background-image:url(/images/topnav-divider.gif);
  background-repeat:no-repeat;
  background-position:right 2px;
}

#headerNav a {
  color:#444444;
}

#headerNav a.selected {
  color:#181818;
}

#spacerUnderNav {
  font-size:1px;
  line-height:1px;
  height:5px;
  border-left: solid 12px #fbf0da;
  border-right: solid 11px #fbf0da;
}

/* ==================================== footer elements ==================================== */

#footer1 {
  background-image:url(/images/background-footer1.png);
  background-repeat:no-repeat;
  height:196px;
}

#footer1Left {
  float:left;
  width:241px;
  text-align:right;
  padding-top: 28px;
}

#footer1Left img {
  border: solid 6px white;
}

#footer1Right {
  float:left;
  width:684px;
  padding-top:0px;
}

#footer1RightUpper {
  height:165px;
  padding-left:25px;
  overflow:hidden;
}

#footer1RightLower {
  text-align:right;
  font-size:14px;
  line-height:20px;
}

#footer1 p.quote {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  line-height:21px;
  font-style:italic;
  color:#4f4f4f;
  padding: 21px 0 0 0px;
}

#footer1_success {  /*different footer for the success stories page*/
  background-image:url(/images/background-footer1-success.png);
  background-repeat:no-repeat;
  height:76px;
  text-align:center;
}

#footer1_success p {
  padding-top:22px;
  font-size:24px;
  line-height:38px;
}

#footer2 {
  background-image:url(/images/background-footer2.png);
  background-repeat:no-repeat;
  height:111px;
}

#footer2 img {
  margin-top:14px;
}

#footer3 {
  font-size:12px;
  line-height:24px;
  text-align:center;
  padding:25px 0 10px 0;
}

#footer3 a {
  color:#046da6;
  padding: 0 6px;
}

/* ==================================== Main / Middle Section ==================================== */


#mainContainer {
  background-image:url(/images/background-main.png);
  background-repeat:repeat-y;
  padding-bottom:25px;
}

#mainContainer404 { /* used on the error pages */
  padding:40px 50px;
  font-size:18px;
  line-height:20px;
  color:#820024;
}


#mainContainer404 p {
  padding-bottom:20px;
}

#leftColumn {
  float:left;
  width:306px;
}

#centerColumn {
  float:left;
  width:365px;
  font-size:16px;
  line-height:21px;
  color:#2a2a2a;
}


#centerColumn p {
  margin-top: 16px;
}

#centerColumn li {
  margin-top: 10px;
}

#doubleColumn {
  float:left;
  width:622px;

}

/* ==================================== Section Headers  ==================================== */

#sectionHeader {
  height:172px;
  background-image: url(/images/section-headers/programs.jpg);
  background-repeat:no-repeat;
  margin-bottom:28px;
  font-size:18px;
  line-height:21px;
  color:#2a2a2a;
}

#sectionHeaderContent {
  padding:32px 10px 0 378px;
}

/* ==================================== Left Sub-Nav ==================================== */

#leftNav {
  width:223px;
  margin-left:35px;
  font-size:16px;
  line-height:19px;
}

#leftNav ul {
  margin-left:0;
  padding-left:0;
  border-bottom: solid 1px #e7d7b9;
}

#leftNav ul ul {
  border:none;
  padding-top: 5px;
}

#leftNav li {
  display:block;
  list-style:none;
  padding: 8px 0 8px 6px;
  border-top: solid 1px #e7d7b9;
}

#leftNav li a {
  color:#777571;
}

#leftNav li a.selected {
  color:#2a2a2a;
}

#leftNav li li {
  border:none;
  font-size:14px;
  line-height:17px;
  padding: 6px 0 6px 15px;
}

#leftNav li li a {
  color:#6ca8b6;
}

.illustration {
  margin: 20px 0 0 25px;
}

/* ==================================== Right Column elements ==================================== */

#rightColumn {
  float:left;
  width:233px;
  margin-left:24px;
}

#rightColumnPadding {
  padding: 4px 12px 27px 15px;
}

#rightColumnPadding img {
  margin-bottom:15px;
}

.rightColumnBox {
  background-image: url(/images/rightColumn-box-top.gif);
  background-repeat:no-repeat;
  background-color:#fbf3d5;
  margin-top:-10px;
  color:#4f4f4f;
}

.rightColumnBox h3 {
  margin-top:6px;
}

#rightColumnBlueBox {
  background-color:#bfe3ee;
  text-align:center;
  padding: 12px 0;
  line-height:22px;
}

/* ==================================== things for the Home page only ==================================== */


#homeFlashContainer {
}

#homeTopSpacer {
  height:30px;
}

#homeLeftSpacer {
  float:left;
  width:40px;
}

#homeLeftColumn {
  float:left;
  width:620px;
}

#homeBox1 {
  color:#2a2a2a;
  padding-left:6px;
  font-size:18px;
  line-height:24px;
  margin-bottom:40px;
}

#homeBox2 {
  float:left;
  width:358px;
  height:340px;
  background-image:url(/images/home-box2.jpg);
  background-repeat:no-repeat;
  color:#4f4f4f;
}

#homeBox2 h3 {
  padding-top:19px;
  padding-left:15px;
}

#homeBox2Content {
  height:265px;
}

#homeBox2Content p {
  padding:0px 170px 0 20px;
  font-size:12px;
  line-height:16px;
}

#homeBox2BlueBox {
  height:58px;
  background-color:#bfe3ee;
  line-height:58px;
  padding-left:15px;
  font-size:14px;
}

#homeBox3 {
  float:left;
  width:200px;
  margin-left:50px;
}

#homeFeatherBackground {
  background-image:url(/images/illustrations/feather.jpg);
  background-repeat:no-repeat;
  background-position: 495px bottom;
  margin-bottom:-13px;
}

/* ==================================== special layout styles for the Success Stories page ==================================== */


.successStoryContainer {
  padding:0 0 0 68px;
}

.successStoryLeft {
  float:left;
  width: 210px;
  height:143px;
  background-image:url(/images/success-photo-frame.png);
}

.successStoryLeft img {
  margin: 7px 0 0 10px;
}

.successStoryRight {
  float:left;
  width: 566px;
  margin-left:50px;
  padding-top:11px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height:21px;
  font-style:italic;
  color:#4f4f4f;
}

#successBackground {
  background-image:url(/images/success-stories-background.jpg);
  background-repeat:no-repeat;
  background-position: 530px top;
  padding: 10px 0;
}

/*BG was getting messed up in IE6*/
* html #successBackground {
  background-image:none;
}


/* ==================================== Community section ==================================== */


#communityBG {
  margin-left:20px;
  margin-top: -10px;
  margin-bottom:-10px;
  width:906px;
  height:605px;
  background-image:url(/images/community-background.jpg);
}

.communityText {
  width:310px;
  margin-left:15px;
  text-align:center;
  padding-top:40px;
  line-height:20px;
  color:#222;
}


/* ==================================== About Us section ==================================== */


.staffContainer {
  width:310px;
  float:left;
}

.staffPhoto {
  width:111px;
  height:163px;
  float:left;
}

.staffInfo {
  width:175px;
  margin-left:12px;
  float:left;
  font-size:13px;
  line-height:21px;
}


/* ==================================== Events Calendar ==================================== */
/* ============= also conferences & training,  which is the same as the events, but a different color ======================== */

#events_calendar, #conference_calendar {
  padding:50px 0 0 35px;
}

#events_calendar #calendarHeader, #conference_calendar #calendarHeader{
  background-image:url(/images/events-calendar-header.png);
  background-repeat:no-repeat;
  width:189px;
  height:31px;
  line-height:31px;
  text-align:center;
  color:#fff;
  font-weight:bold;
}

#conference_calendar #calendarHeader{
  background-image:url(/images/conference-calendar-header.png);
}

#events_calendar #calendarHeader a, #conference_calendar #calendarHeader a {
  color:#fff;
}


#events_calendar table, #conference_calendar table {
  width:189px;
  background-image:url(/images/events-calendar-background.png);
  background-repeat:repeat-y;
  padding:0;
  margin:0;
}



#events_calendar td, #events_calendar th, #conference_calendar td, #conference_calendar th {
  margin:0;
  padding:0;
  width:27px;
  height:27px;
  text-align:center;
  vertical-align: middle;
  border-bottom: solid 1px #e2cfab;
  color: #6d6d6d;
}

#events_calendar th, #conference_calendar th {
  background-color:#faf6e8;
}

#events_calendar td a, #events_calendar th a, #conference_calendar th a {
  color: #717171;
}

#conference_calendar td, #conference_calendar td a {
  color:#028bd3;
}

#events_calendar td.today {
  background-color:#f7e8b4;
}

#events_calendar td.marked {
  background-color:#007052;
  color:#fff;
}

#conference_calendar td.marked {
  background-color:#028bd3;
  color:#fff;
}

#events_calendar td.marked a, #conference_calendar td.marked a {
  color:#fff;
}

.event_date, .conference_date {
  float:left;
  margin-right:19px;
  width:43px;
  height:43px;
  background-image:url(/images/events-calendar-date.png);
  background-repeat:no-repeat;
  text-align:center;
  font-weight:bold;
}

.conference_date {
  background-image:url(/images/conference-calendar-date.png);
}

.event_date p.month, .conference_date p.month {
  color:#fff;
  text-transform:uppercase;
  font-size:10px;
  line-height:14px;
}

.event_date p.day, .conference_date p.day {
  color:#6d6d6d;
  font-size:21px;
  line-height:28px;
}

.event_summary {
  float:left;
  width:550px;
  background-image:url(/images/success-story-divider.png);
  background-repeat:no-repeat;
  background-position: center bottom;
  padding-bottom:12px;
}

.event_summary_fixedHeight {
  overflow:hidden;
  height:76px;
}

.arrowBoxLeft, .arrowBoxUp, .arrowBoxDown {
  background-image:url(/images/arrow-box-left.png);
  background-repeat:no-repeat;
  height:37px;
  font-size:13px;
  line-height:37px;
  text-indent:47px;
  font-weight:bold;
  margin-bottom:30px;
}

.arrowBoxDown {
  background-image:url(/images/arrow-box-down.png);
}

.arrowBoxUp {
  background-image:url(/images/arrow-box-up.png);
}

.arrowBoxLeft a, .arrowBoxDown a {
  color:#028bd3;
}

.eventsFilterForm {
  position:relative;
  margin-top: -25px;
  height:55px;
  text-align:right;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;

}

.registerTodayLink {
  position:relative;
  height:40px;
  margin-top: -45px;
  text-align:right;
  color:#008bd5;
}

#eventDetails {
  color:#2a2a2a;
  font-size:16px;
  line-height:21px;
  position: relative;
}

#eventDetails img {
  float:left;
  margin: 0 15px 15px 0;
}

#eventDetails p {
  margin-bottom:15px;
}




/* ==================================== Contact Form ==================================== */


#contactForm {
  background-image:url(/images/contact-form-top.png);
  background-repeat:no-repeat;
  width: 607px;
  background-color:#ebddc4;
  font-size:14px;
  line-height:22px;

}

.contactFormPadding {
  padding: 9px 0 0 26px;
}

#contactForm label.textField {
  display:block;
  float:left;
  width:285px;
  padding-bottom:10px;
}

#contactForm label.textField input {
  border:none;
  background-color:#fff;
}

.submitEvents {
  color:#62a694;
  font-size:13px;
  line-height:27px;
  padding-top:16px;
  font-weight:bold;
}

.submitEvents input {
  vertical-align:top;
  margin-right:10px;
}

.submitEvents a {
  color:#62a694;
}

.googleMap {
  border:solid 1px #444;
  margin-bottom:4px;
}


/* ==================================== Site Map Page ==================================== */

#siteMapContent {
  padding: 20px 0px 10px 33px;
}

.siteMapColumn {
  width:252px;
  float:left;
  margin-right:65px;
  font-size:14px;
  line-height:16px;
}


.siteMapColumn h3 {
  border-bottom: solid 1px #e7d7b9;
  text-indent:5px;
  padding-bottom:0;

}

.siteMapColumn ul {
  margin-left:0;
  padding-left:0;

}

.siteMapColumn ul ul {
  padding-top: 5px;
}

.siteMapColumn li {
  display:block;
  list-style:none;
  padding: 4px 0 4px 6px;
}

.siteMapColumn li a {
  color:#777571;
}

.siteMapColumn li li {
  padding: 3px 0 3px 15px;
}

.siteMapColumn li li a {
  color:#6ca8b6;
}




/* ==================================== common elements ==================================== */


 .clear, .spacer {
  clear:both;
  font-size:1px;
  line-height:1px;
  height:1px;
}

p.more {
  color:#008bd5;
  padding-top: 10px;
  margin:0;
}

p.dynamic_file_download {
  background-repeat:no-repeat;
  background-position: left top;
  font-size: 12px;
  line-height:18px;
  text-indent: 22px;
  margin-top: 10px;
}

p.dynamic_file_download a {
  color:#a50027;
}

p.pdf {
  background-image:url(/images/pdf_icon_16.png);
}


.largeText {
  font-size:16px;
  line-height:21px;
  color:#2a2a2a;
}

.largeText p {
  margin-top: 16px;
}

.dividerShort {
  font-size:1px;
  line-height:1px;
  height:1px;
  background-color:#c5c5c5;
  background-image:url(/images/divider-short.gif);
  background-repeat:no-repeat;
  background-position: center;
  margin-top:15px;
  margin-bottom:10px;
}

.dividerWide {
  background-image:url(/images/success-story-divider.png);
  background-repeat:no-repeat;
  background-position: center bottom;
  font-size:1px;
  line-height:1px;
  height:25px;
  margin-bottom:25px;
}


/* ==================================== some non-javascript fixes for SIFR fonts ==================================== */

.oregonWhite {
  color:white;
}

.oregonBlue {
  color:#028bd3;
}

.h1Gold {
  color:#fcc458;
}

.oregonRed, .oregonRed a {
  color:#820024;
}

/* ==================================== Relative bounding DIV for the CMS editor ==================================== */


.relativeBox { position:relative;}


/* ==================================== misc text formatting ==================================== */



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

.center {
  text-align:center;
}

.red {
  color:#c8012a;
}

.dkred {
  color:#820024;
}

.white {
  color:#ffffff;
}

.black {
  color:#000;
}

.linkblue {
  color:#008bd5;
}

.size12 {
  font-size:12px;
}

.size14 {
  font-size:14px;
}

.size16 {
  font-size:16px;
}

.size20 {
  font-size:20px;
}

.size21 {
  font-size:21px;
}

.size33 {
  font-size:33px;
}

.leading18 {
  line-height:18px;
}

.onpage-editing-area-overlay {
  background-image:url(/images/black-70.png);
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:9999;
}

.onpage-editing-area-frame{
  position:absolute;
  border:7px solid black;
  top:40px;
  left:50%;
  margin-left:-375px;
  width:750px;
  background-color:white;
  z-index:10000;
}

.onpage-editing-area-close-link{
  float:right;
  margin:5px 15px 5px 0px;
}

.onpage-editing-area-insertable-editor-location{
  margin:15px 35px 30px 35px;
}

/*------ Auto complete styles -----*/
.autocomplete-w1 {
  background:url(/images/shadow.png) no-repeat bottom right;
  position:absolute;
  top:7px;
  left:6px; /* IE6 fix: */
  _background:none;
  _top:1px;
  z-index:10001;
}

.autocomplete {
  width:300px;
  border:1px solid #999;
  background-color:#fff;
  cursor:default;
  text-align:left;
  max-height:350px;
  overflow:auto;
  margin:-6px 6px 6px -6px; /* IE specific: */
  _height:350px;
  _margin:0px 6px 6px 0;
  overflow-x:hidden;
}

.autocomplete .selected {
  background:#D7D7D7;
}

.autocomplete div {
  padding:2px 5px;
  white-space:nowrap;
}

.autocomplete strong {
  font-weight:normal;
  color:#3399FF;
}

.onpage_edit_link_toggle{
  padding:0px 0px 40px 0px
}

.textFeild{
  display:none
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@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;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
  
  
  .sIFR-active h1.oregonBlue, .sIFR-active h1.oregonWhite, .sIFR-active h1.oregonRed  {
  visibility: hidden;
  font-family: Arial;
  line-height: 1em;
  font-size: 30px;
}

  .sIFR-active h2.oregonRed {
  visibility: hidden;
  font-family: Arial;
  line-height: 1em;
  font-size: 21px;
}
  .sIFR-active h3.oregonRed {
  visibility: hidden;
  font-family: Arial;
  line-height: 1em;
  font-size: 21px;
}
  
  
  
  
}