@charset "utf-8";
/* CSS Document */ 

/*======== framework ========*/
/* width must be in em or percentages to be scalable */

* {margin: 0; padding: 0;} /* eliminates spacing differences between browsers */   
 body {
 color: #636263;
   font: 0.7em/1.5em Geneva, Arial, Helvetica, sans-serif;
   text-align: center; 
   min-width: 760px;}
#wrapper {
   width: 760px; 
   margin: 0px auto; 
   text-align: left;}
#innerWrap { padding:0; margin: 0 0px;} /* apply "clearfix" class to ensure footer clearing both column(s) & footer */

   /* ===== layout style formatting ===== */
   /* these width can change depending on layout & desired result */
   /* widths must be in em or percentages to be scalable - size to layout*/  
   #column1 {width: 120px;}   
   #content {width: 440px;border-right: solid 1px #ccc;}

   * html #content {
   width:470px;
   }
   
   #content_full {width:600px;float:left; padding-left:2.5em;}
   * html #content_full {width:580px;}
   #mainContent {width: 280px;} /* in 3 column layout only */
    /* in 3 column layout only */
   /* ===== layout style formatting ===== */
/*======== end framework ========*/

/*======== background images & color ========*/
/* add layout background colors & images here */
body {background: #0033cc;}
#wrapper {}
#header {background: url(/pages/images/pages/header.jpg) no-repeat;}
#headerWrap {}
#mainContent {background: #FFF;}
#column2 {background:#FFF;}
#footer {} 
#logo_print {display:none;}
/*======== end background images & color ========*/


/*======== common formatting ========*/ /* browsers differences are avoided w/ universal font sizes outside content divs */
   
   /*======== images ========*/
   img {margin: 0; border-style: none;}
   img a {border-style: none;}
   p.caption {   
      font-size: 0.8em;
      text-align: center;
      margin-top: 0.5em;}   
   div.left {float: left; margin-right: 2em;}
   div.right {float: right; margin-left: 2em;}
   /*======== end images ========*/

   /*======== headings ========*/
 h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, Verdana, "Trebuchet MS", "Century Gothic", Tahoma, sans-serif; font-weight: bold;}
   h1 {font: 1.8em/2em Arial, Helvetica, Verdana, "Trebuchet MS", "Century Gothic", Tahoma, sans-serif;}
   h2 {font-size: 1.6em; line-height: 2em;}
   h3 {font-size: 1.4em; line-height: 2em; margin-top: 1em; color:#0033cc;}
   h4 {font-size: 1.2em; line-height: 2em; margin-top: 3em;}
   h5 {font-size: 1.0em; line-height: 1.5em;}
   h6 {
 font-weight: normal; 
 font-size: 0.8em; 
line-height: 1.3em; 
font-family: Arial, Helvetica, Verdana, "Trebuchet MS", "Century Gothic", Tahoma, sans-serif;}
   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#0033cc;}
   h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#CCC;}
   /*======== end headings ========*/
   
    /*======== text elements ========*/
   p {margin: 1em 0; font-size:1.1em;}   
   blockquote {margin-left: 2em;}
   dl {margin: 0 1em;}
   dd {margin-left: 1em;}
   p a, blockquote a, dl a, abbr a, acronym a {color:#636263;}
   p a:hover, blockquote a:hover, dl a:hover, abbr a:hover, acronym a:hover {color:#CCC;}
   /*======== end text elements ========*/
   
   /*======== lists ========*/
   ul, ol {margin: 1em 3em; font-size:1em;}
   ul li ul, ol li ol, ol li ul,  ul li ol {margin: 1em 2em;}
   ol {margin-left: 3.5em;}
   ul li, ol li {margin-bottom: 0.5em;}
   ul li a, ol li a {color:#636263;}
   ul li a:hover, ol li a:hover {color:#CCC;}
   /*======== end lists ========*/
   
   /*======== tables =======*/
   table td {margin: 0 0.5em; vertical-align: top;}
   table td a {color:#636263;}
   table td a:hover {color:#CCC;}
   /*======== end tables ========*/
   
   /*======== forms ========*/
   form {margin: 0.5em 0;}
   form a {color:#636263;}
   form a:hover {color:#CCC;}
   /*======== end forms ========*/
      
/*======== end common formatting ========*/
   
  
   
   /*======== lists ========*/
   ul, ol {margin: 1em 3em;}
   ul li ul, ol li ol, ol li ul,  ul li ol {margin: 1em 2em;}
   ol {margin-left: 3.5em;}
   ul li, ol li {margin-bottom: 0.5em;}
   ul li a, ol li a {color: #636263;}
   ul li a:hover, ol li a:hover {color:#CCC;}
   /*======== end lists ========*/
   
  
   
/* remember the margins set in common formatting above are in effect until over ridden below */ 
/*======== end common formatting ========*/


/*======== header ========*/
    #header {
      position:relative;
      padding: 0;
  height:246px;
  width:781px;
  margin:0px auto;
left:10px}
#header img {position: relative; width: 407px; left: 50%; margin: 15px 0 15px -203px;}
#header #headerWrap {padding: 1em 25px 7px 25px;}     


* html #header {
left:9px
}

* + html  #header {
left:9px
}


body#body_application #header{
left:10px;
}

* html body#body_application #header {
left:9px
}

* + html body#body_application #header {
left:9px
}

body#body_income_guidelines #header{
left:9px;
}

* html body#body_income_guidelines #header {
left:9px
}

* + html body#body_income_guidelines #header {
left:9px
}

body#body_donate #header{
left:10px;
}

* html body#body_donate #header {
left:9px
}

* + html body#body_donate #header {
left:9px
}

body#body_make_a_donation #header{
left:9px;
}

* html body#body_make_a_donation #header {
left:9px
}

* + html body#body_make_a_donation #header {
left:9px
}

body#body_links #header {
left:10px;
}
* html body#body_links #header {
left:9px;
}

* + html body#body_links #header {
left:9px;
}

body#body_eligibility #header {
left:10px;
}

* html body#body_eligibility  #header {
left:9px;
}

* + html body#body_eligibility  #header {
left:9px;
}

body#body_annual_report #header{
left:10px;
}

* html body#body_annual_report  #header {
left:9px;
}

* + html body#body_annual_report  #header {
left:9px;
}


body#body_csf_board #header{
left:10px;
}

* html body#body_csf_board  #header {
left:9px;
}

* + html body#body_csf_board  #header {
left:9px;
}



 /*======== headerMenu ========*/
   #headerMenu{
      position:relative;
      padding:  0.15em 0.15em 0 0.15em;
margin: 0;
top:156px;}
   #headerMenu ul {
 width: 600px; 
 margin-top: 0;
      padding: 0;
      position:relative;
font-size: 1.1em;
left: 116px;
list-style:none;
}

* html #headerMenu ul  {
left:86px;
}

* + html #headerMenu ul {
left:86px;
}

   #headerMenu ul li {
      float:left;
      display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
      padding: 0 .62em;
  height:24px;
  padding-top:5px;}
   #headerMenu ul li.noborder {border-style: none;}/* removes either far left or far right border */
    #headerMenu li a {
color: #fff;
font:  1.2em/1.5em Arial, Helvetica, Verdana, "Trebuchet MS", Tahoma, sans-serif; text-decoration: none;
display:block;}
   #headerMenu li:hover {background: url(/pages/images/pages/li_bg.gif);}
      /*======== headerMenu sub-menu styles ========*/
  #headerMenu ul ul {display: none;}
   /*======== end headerMenu sub-menu styles ========*/
   /*======== headerMenu ========*/        
/*======== end header ========*/

/*======== innerWrap ========*/
#innerWrap {width:757px; float:left; background: url(/pages/images/pages/pg_bg.gif) repeat-y;}
#innerWrap div.block{padding: 0 1em;  clear: both;}
/*======== end innerWrap ========*/

/*======== column1 ========*/
#column1 {padding:0;}/* side column in a 2 column left layout, left column in a 3 column layout */
#column1 div.block{padding:0;  clear: both;} 

#column1 img {
text-align:center;
/*
margin-top:35px;
padding-left:10px;
*/
}

   #column1 p {padding-left:14px; color:#fff;}
 /* all content must be included within div tags assigned this class */
#column1 h2 {color:#fff; text-align:center; margin:0; line-height:1.2em; padding-bottom:8px; padding-left:6px;}

   /*======== sideMenu styles ========*/ 
   /* remember the margins set above are in effect until over ridden by id calls */
   #sideMenu {
 position:relative;
      padding: 0.15em 0.15em 0 0.15em;
margin: 0;
      width: 130px;
      padding: 0;} 
    #sideMenu ul {
color:#fff;
font-size: 1.1em;
      list-style-type: none; 
      margin: 0 0.5em;
      padding: 0;
  border-bottom: #000 solid 1px;
}
#sideMenu ul li {
      display: block;
border-top: #000 solid 1px;
      padding: 0.25em 0.75em;
      margin: 0;}
 #sideMenu ul li.noborder {border-style: none;}/* removes either far left or far right border */     
   #sideMenu ul li a { 
color: #fff;
font: bold 0.9em/1.5em Arial, Helvetica, Verdana, "Trebuchet MS", "Century Gothic", Tahoma, sans-serif; 
text-decoration: none;     
      text-decoration: none;
      width: 100%;
      line-height: 1.75em;   }
   #sideMenu ul li a:hover {color: #0033cc;} /* to pass validation can't be same color as sub menu li:hover BGcolor */    
      /*======== sideMenu sub-menu styles ========*/
      #sideMenu ul ul {
         font-size: 1em; margin: 0 0 0 -0.55em;
         display: none;}
      #sideMenu ul ul li {display: block; padding-left: 1.5em;}
      #sideMenu ul ul li:hover {/*background: #CCC;*/}  /* to pass validation can't be same BGcolor as main menu li a:hover color */
      #sideMenu ul ul li a:hover {
         color: #CCC;
         font-weight: normal;}
      /*======== end sideMenu sub-menu styles ========*/ 
   
   /*======== end sideMenu styles ========*/
   
/*======== end column1 ========*/

/*======== content (container) ========*/
#content {padding:0 .75em 0 2.8em}

* html #content {
padding:0 0em 0 2em}

   /* alone for a 1 column layout, main column in a left or right 2 column layout, 
contains mainContent & column2 in a 3 column display*/
#content div.block{padding:0; clear: both; font-size:1.1em;} 
#content_full div.block{padding:0; clear: both; font-size:1.1em;}
 /* all content must be included within div tags assigned this class */  
#content div.block img {margin: 2em;}

   /*======== mainContent ========*/
   #mainContent {}  /* main center column in a 3 column display */
   #mainContent div.block{padding: 0; clear: both;}  /* all content must be included within div tags assigned this class */
   /*======== end mainContent ========*/

   /*======== column2 ========*/
   #column2 {padding-left: 0em; width:140px; float:left;
   background:url(/pages/images/pages/col_bg.gif) no-repeat 10px 0px;} 
   
   * html #column2 {
   width:120px;
   }
   
  /* * html column2 img {
   padding-left:-10px;
   } */
   
    /* right column in a 3 column layout */  
   #column2 div.block{padding-top:15px; clear: both; font-size:10px;}  
   #column2 img {
   padding-top:30px;
   padding-left:19px;
   }
   #column2 h3 {
   margin-top:0px;
   }
   
   ul.faqs {
   list-style-type:none;
   font-size:1.1em;
}
   
   ul.faqs  li.question {
 list-style-image: url(../images/pages/q.gif);
}

   ul.faqs  li.answer {
 list-style-image: url(../images/pages/a.gif);
}

   
/* all content must be included within div tags assigned this class */
   /*======== end column2 ========*/
   
/*======== end content (container) ========*/

/*======== footer ========*/
#footer {
   clear: both;
   padding: 0;
   text-align: center;
   background:url(/pages/images/pages/footer.gif) no-repeat -1px 0;}
#footer p {
margin-top:-9px;
}
#footerWrap {padding: 1em 0px 2em 135px;}
* html #footerWrap {padding:.5em 0px 2em 135px; }
#footerWrap h5 {padding: 0.5em 0 1em 0;}
#footer span {font: 1.5em/1em arial; vertical-align: middle;}
#footer h6 a {color:#636263; border-left: solid 1px #000; padding: 0 0.5em;}
#footer h6 a:hover {color:#CCC;} 
#footer h6 a.noborder {border-style: none;}/* removes either far left or far right border */

#subfooter {
color:#fff;
margin-bottom:5px;
font-size:10px;
text-align:center;
padding-left:75px;
}

#subfooter a {
color:#fff;
}
/*======== end footer ========*/

/* ======== float clearing method ========*/
/*devised by Tony Aslett - www.csscreator.com */
/* add the clearfix class to any containter that must enclose floated elements */
/* details at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   content: ".";              /* the period is placed on the page as the last thing before the div closes */
   display: block;          /* inline elements don't respond to the clear property */ 
   height: 0;                  /* ensure the period is not visible */
   clear: both;               /* make the container clear the period */
   visibility: hidden;}     /* further ensures the period is not visible */
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */
/* ======== end float clearing method ======*/