/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2 July 2008 @ 13:30 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { font-size: 62.5%; /* about 10px if browser size is set at default (16px) */ }
   html, input {
      font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
      color: #353535;/*#86837E  #a6a5a0;*/
   }
body {
   padding: 43px 0;
   background: #DC8F2F;/*#DD902F;*/
}
   a, a:visited {
		color: #353535;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #5c5c5c; }
   	a img { border: 0; }
    
   h1, h2, h3, h4, h5, h6 {
   	margin-bottom: 0.5em;
   	line-height: 1.25em;
   	font-weight: bold;
   	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
   }
      h1, h2, h3, h4, h5, h6, 
      h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
      h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #DD902F; }
      h1 { font-size: 2.0em; }/* color: #5c5c5c; */
   	h2 { font-size: 1.8em; }
   	h3 { font-size: 1.5em; }
   	h4 { font-size: 1.3em; }
   	h5 { font-size: 1.1em; }
   	h6 { font-size: 0.9em; }
   	   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { margin-top: 0; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

pre { padding: 10px; font-size: 1.3em; }

u { text-decoration: none; }

#wrapper {
	position: relative;
	width: 985px;
	min-height: 700px;
	margin: 0 auto;
	background: transparent url('../images/bg_contentWrapper.gif') top left repeat-y;
}

#inner_wrapper { 
   background: transparent url('../images/bg_header.jpg') top left no-repeat;
   min-height: 583px;
}

/** @group watermark */
.giving #watermark { background: transparent url('../images/bg_section_giving.jpg') right top no-repeat; }
.about #watermark { background: transparent url('../images/bg_section_about.jpg') right top no-repeat; }
.special_programs #watermark { background: transparent url('../images/bg_section_specialPrograms.jpg') right top no-repeat; }
.stories #watermark { background: transparent url('../images/bg_section_stories.jpg') right top no-repeat; }
.events #watermark { background: transparent url('../images/bg_section_events.jpg') right top no-repeat; }
.community_involvement #watermark { background: transparent url('../images/bg_section_communityInvolvement.jpg') right top no-repeat; }
/* @end watermark **/


pre { color: #FFF; }

/** Header
-------------------------- **/
/** @group header */
#header {}
   #home #header { background: transparent url('../images/bg_header_home.gif') 285px 22px no-repeat; }

#header #banner {
	width: inherit;
	height: 250px;
}
#header #banner a, 
#header #banner a:visited
{
	position: absolute;
	display: block;
	text-indent: -10000px;
	width: 220px;
	height: 100px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 56px;
	left: 57px;
}
/** @group topNavigation */
#header #topNavigation {
   position: absolute;
   top: 160px;
   left: 84px;
}
/* @end topNavigation **/
/* @end header **/


/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   font-size: 1.2em;
   line-height: 1.5em;
   min-height: 435px;
   background: transparent url('../images/bg_footer.gif') bottom left no-repeat;
   padding-bottom: 45px;
}
#hdrImg {
   position: absolute;
   top: 20px;
   right: 0;
}
.fadeTop { background: transparent url('../images/bg_sideBar_T.gif') 0 0 no-repeat; }
.fadeBottom {
   background: transparent url('../images/bg_sideBar_B.gif') left bottom no-repeat;
   padding: 5px 0 50px 0;
}
/** @group contentSlot */
#contentSlot {
   width: 346px;
   float: right;
   padding-right: 375px;
}
   #contentSlot td.content, #contentSlot td.content td { padding: 0.3em; }
   #contentSlot td.content td hr { margin: 0.8em 0; }
   #contentSlot p { margin-bottom: 1.6em;}
   #home #contentSlot h1, #home #contentSlot h6 { color: #353535; }
/*   #contentSlot h1.sIFR-replaced { margin-bottom: 0; margin-left: -15px; }*/
/*   #contentSlot h2, #contentSlot h3, #contentSlot h4, #contentSlot h5, #contentSlot h6 { font-weight: bold; }*/
      #contentSlot h3 a img { vertical-align: middle; }

#home #contentSlot h6 { padding-right: 35px; }
/** @group two_col */
#two_col #contentSlot {
   width: 531px;
   padding-right: 190px;
}
/*   #two_col #sideBar .fadeBottom, #three_col #sideBar .fadeBottom { padding: 0; }*/
/* @end two_col **/
/** @group threeCol */
#three_col #contentSlot {
   width: 721px;
   padding-right: 0;
}
   #three_col #layout {
      width: 291px;
      padding-right: 20px;
      float: left;
   }
   #three_col #marginSlot {
      width: 305px;
      float: left;
      background: transparent url('../images/bg_3col_repeat.gif') top left repeat-y;
   }
      #three_col #marginSlot .fadeTop { background-position: -170px top; padding-top: 55px; }
      #three_col #marginSlot .fadeBottom {
         padding-left: 15px;
         background-position: -170px bottom;
      }
         #three_col #marginSlot .margincontent {
            display: block;
            margin-top: -30px;
         }
         
         #three_col #marginSlot h4 {
            margin: 0.5em 0 0 0;
            font-size: 1.15em;
         }
         
         #three_col #marginSlot h3 {
            font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
            font-size: 1.65em;
            margin: 20px 0 0 0;
         }
         
          #three_col .margincontent div {
             padding: 0 10px 0 28px;
          }
            #three_col .margincontent div.image { padding: 0; }
/* @end threeCol **/
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   width: 200px;
   min-height: 200px;
   float: left;
   padding-left: 64px;
   background: transparent url('../images/bg_sideBar.gif') 64px 0 repeat-y;
   margin-top: -15px;
}
/** @group search */
#search {}
   #search form {
      padding-top: 20px;
      text-align: right;
      position: relative;
      width: 165px;
   }
   #search input.textbox {
      border: 0;
      width: 107px;
      height: 13px;
      background: transparent url('../images/bg_search.gif') top left no-repeat;
      text-align: right;
      padding: 3px 5px 3px 10px;
      font-size: 12px;
      margin-right: 17px;
   }
   #search button {
      background-color: transparent;
      border: 0;
      width: 22px;
      height: 21px;
      overflow: hidden;
      
      position: absolute;
      top: 18px;
      right: 0;
      z-index: 2;
   }
      html*#search button { top: 20px; }
/* @end search **/
   /*#sideBar .fadeBottom {
         padding: 0 28px 0 10px;
      }*/
#sideBar h3, #sideBar h3 span, #sectionNavigation ul li.lvl1 ul li.lvl2 {
   font-size: 1.0em;
   background: transparent url('../images/bg_sidebar_li.gif') left top no-repeat;
   font-weight: bold;
   text-align: right;
}
   #sideBar h3 { margin-top: 15px; }
   #sideBar h3 span {
      display: block;
      background-position: left bottom;
   }
      #sideBar h3 span strong, #sectionNavigation ul li.lvl1 ul li.lvl2 a {
         display: block;
         background: transparent url('../images/bg_sidebar_arrow.gif') 160px 9px no-repeat;
         padding: 0.5em 46px 0.3em 0;
      }
#sideBar blockquote {
   margin-left: 8px;
   padding: 0 46px 0 15px;
}
/** @group #sectionNavigation (and see some styles above) */
#sectionNavigation { padding: 20px 28px 0 0; }

#sectionNavigation a { text-decoration: none; }
#sectionNavigation a:hover { text-decoration: underline; }

#sectionNavigation ul { list-style: none; }
   #sectionNavigation ul li.lvl1 ul li.lvl2 a { 
      padding: 0.5em 18px 0.1em 0;
      color: #DD902F;
   }
   #sectionNavigation ul li.lvl1 ul li.selected a { 
      color: #353535;
      background-image: url('../images/bg_sidebar_arrow_black.gif');
   }
      #sectionNavigation ul li.lvl1 ul li.lvl2 ul { padding: 7px 0 15px 0; }
      #sectionNavigation ul li.lvl1 ul li.lvl2 ul li.lvl3 a { 
         background-image: none;
         color: #848484;
      }
      #sectionNavigation ul li.lvl1 ul li.lvl2 ul li.selected a { color: #3F3D3A; text-decoration: underline; }
/* @end #sectionNavigation **/
/* @end sideBar **/
/* @end contentWrapper **/


/** @group vcard */
#vcard {
   text-align: right;
   padding-bottom: 50px;
}
   #two_col #vcard, #three_col #vcard { margin-top: -14px; padding-bottom: 100px; } 
/* @end vcard **/


/** Footer
-------------------------- **/
/** @group footer */
#footer {
	text-align: center;
	color: #FFF;
	line-height: 1.75em;
	background-color: #DD902F;
}
   #footer a { 
      color: #FFF;
      text-decoration: none;
   }
      #footer a:hover { text-decoration: underline; }
#footerNav { 
   font-size: 1.2em;
   margin-bottom: 0.2em;
}
   #footerNav ul, #footer #notes ul { list-style: none; }
      #footerNav ul li, #footer #notes li { display: inline; }
         #footerNav ul li a { 
            padding: 0 14px 0 8px;
            background: transparent url('../images/bg_nav_footer_separator.gif') 100% 45% no-repeat;
         }
         #footer #notes ul li {
            padding: 0 6px 0 1px;
            background: transparent url('../images/bg_nav_footer_separator_sm.gif') 100% 53% no-repeat;
         }
            #footerNav ul li.last a, #footer #notes ul li.last { background-image: none; }
/* @end footer **/



/** @group formContent */
#formContent input.input, #formContent textarea.textarea, #formContent select { border-color: #EE7C19; }
#formContent input.submit {
   background-color: #EE7C19;
   border-color: #E59637;
   border-left-color: #FFA73E;
   border-top-color: #FFA73E;
   color: #FFF;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/
.icon { display: block; padding-left: 18px; }
   .email { background: transparent url('../images/icon_email.gif') 0 1px no-repeat; }
   .doc { background: transparent url('../images/icon_doc.gif') 0 2px no-repeat; }

.hidden {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}