@import url("/stylesheets/forms.css"); 
/*============================================================================
[Screen Stylesheet]
==============================================================================
Project: Great Start Collabortive (2010 Re-design)
Version: 1.1
Last Modified: 03/24/2010 
Assigned to:   Meili Chen
Primary use:   Page Layouts - one, two & three column layouts 
==============================================================================*/

/*=============================================================================
[Table of Contents]
===============================================================================

A. Global Reset

B. Global Formatting

C. Layout
    1. Body 
       1.1. Skip to content / a#skip
    2. Layout wrapper / div#wrapper
       2.1. Header / div#header
             2.1.1 Logo / h1
             2.1.2 Utility navigation / ul#utility
             2.1.3 Search / div#search       
             2.1.4 Global navigation / div#globalNav
                   2.1.4.1 Global nav dropdown menu / ul.dropdown
    2.2. Banner section / div#banners  (home page only)
    2.3. Middle section / div#middle            
         2.3.1 Primary column / div#primeCol 
               2.3.1.1 page title / div#pageTitle
               2.3.1.2 Breadcrumbs / h1#breadcrumbs
               2.3.1.3 Main content 
                       2.3.1.3.1 Family Events /Calendar div.events_list
                       2.3.1.3.2 left small calendar
                       2.3.1.3.3 FAQ /ul.faq-cat
                       2.3.1.3.4 News Event Listings
         2.3.2 Second column / div#secondCol
               2.3.2.1 default sidebar item  /div.default
               2.3.2.2  blog / div.blog (home)
               2.3.2.3 news / di.news (home)
               2.3.2.4 check out events / div.eventCalendar
               2.3.2.5 register Parent Coalition event /div.register
               2.3.2.6 sub/local navigation /div#subNav 
                       2.3.2.6.1  sub/local navigation the third level
         2.3.3 Third column / div#thirdCol 
               2.3.3.1 online poll /div.poll (home)
               2.3.3.2 family events /div.events (home)
               2.3.3.3 jointhe parent coaltion /div.join
               2.3.3.4 planting the seeds blogg  /div.plantingBlog 
               2.3.3.5 read the latest report  /div.report 
               2.3.3.6 update password/profile    
    2.4 Footer / div#footer 
        2.4.1 Footer navigation / ul#footNav 
        2.4.2 Footer copyright / div.copyright       
                     
===============================================================================*/

/*==============================================================================
[Color codes]
================================================================================
#fff     white: (body, globalNav text, utility text, )
#000     black: (page text), (h2 sidebar)
#231f20 dark grey (h2 latest blog)
#666666 grey  (footer nav)
#0066cc blue (default link, footer hover)
#005dab blue (h1 home tagline/title)
#3366cc blue (breadcrumbs dotted line, sidebar dotted line, layout dottedline)
#0054a6 blue (breadcrumbs text)
#7b9bba blue (breadcrumbs hover)

#a4c141,   #bad751  yellow-green ( global nav 1)
#7ac142,  #71d224  green (global nav 2)
#a4c987, #a2dda2  light green (global nav 3)
#a7bcbe,  #a3d2d7  light blue (global nav 4)
#6daab2,  #7dd8e4  mid blue (global nav 5)
#71b0eb,  #82c2fe  blue (global nav 6)

#231f20 dark grey (local nav text)
#ffec94 yellow {local/sub nav hover)
#fbe477 yellow {third level local/sub nav hover)
#ffd204 yellow {, local/sub nav background, sidebar photo borders, link hover underline)
#cc3300 red: (h2 online poll, h2 Join the Parent Coaltion)
#fff1b3 yellow (h2 Join the Parent Coaltion underline)
==================================================================================*/

/*=================================================================================
A. GLOBAL RESET
===================================================================================*/

body {font: 62.5%/1.4 Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;  background: #fff; color: #000; margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6, fieldset, form, label, input, textarea, legend, dl, dt, dd, table, caption, th, td, blockquote, cite {
 margin: 0; padding: 0; font-size: 1em;}
ul, ol, li, ul *, ol *  {font-size: 1em;}

input, textarea {font-family: Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif;}
textarea {overflow: auto;}
table {border-collapse: collapse;   margin-bottom: 2em;}
td, th {padding: 0.1em 1em; }

img {border: 0;}
acronym, abbr {border-bottom: 1px dotted; cursor: help;}
cite {font-style: normal;}
:focus {outline: 0;}

/*====================================================================================
B. GLOBAL FORMATTING  
=====================================================================================*/
.clear {clear: both; height: .001em; font-size: .001em;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.center {text-align: center;}
.block {display: block;}
.bld {font-weight: bold;}
.greenTxt {color: #669933; font-weight: bold;}
.biggerTxt {font-size: 1.1em;}
.dottedBorder {border-bottom: 1px dotted #3366cc;} /* dotted horizental line */

a {color: #0066cc; text-decoration: none; font-weight: bold;}
a:hover {border-bottom: 1px solid #ffd204;}

a:hover img, a img:hover, a img, a:hover img a {border: none;}


h1 {font-size: 1.5em;line-height: 120%;}
h2 {font-size: 1.4em;line-height: 120%;}
h3 {font-size: 1.3em; }
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font-family: Trebuchet MS,Verdana,Arial,Helvetica,Jamrul,sans-serif; margin-bottom: 1em;}
hr {border: none; margin: 15px 0; background: #ccc; padding: 0; height: 1px;}

form fieldset {border: 3px double #d4dbe5; padding: 5px 10px; margin-bottom: 10px;}
form legend {font-size: 1em; color:#fff; color: #fff; background: #47648f; padding:4px 10px;  margin-bottom: 10px;font-weight: bold; letter-spacing: 1px; border: 1px solid #a1b6b8;}     
.submitBtn {color:#000; font-size: 1.1em; font-weight: bold;  padding: 2px 5px;}      

.nav, .nav ul {margin: 0; padding: 0; list-style: none;}

/*======================================================================================
C. LAYOUT                                                                   *
=======================================================================================*/

/*--------------------------------------------------------------------------------------------
 1. Body / body                                                                                                                                                             
----------------------------------------------------------------------------------------------*/
body {background: #fff url(/images/background/body_bg.jpg) repeat-x 0 0; }

   /* 1.1. Skip to content / a#skip */
   #skip {position: absolute; top: -1000px;} 
    
/*------------------------------------------------------------------------------------------
2. Layout Wrapper                                                                                                                                                     
---------------------------------------------------------------------------------------------*/
#wrapper {color: #000; font-size: 1.3em; margin: 0 auto; width: 964px; background: transparent; overflow: hidden;}
#wrapper p {margin-bottom: 1em!important;}
   /*.........................................................................
    2.1. Header / div#header 
   ...........................................................................*/
   #header {background: url(/images/background/body_bg.jpg) repeat-x 0 0; width: 100%; height: auto; }
      /* 2.1.1 logo / h1 */
      #header h1 {height: 90px; width: 355px; margin: 0; padding: 0; background: url(/images/background/client_logo.jpg) no-repeat;  text-indent: -9000px; float: left; }
      #header h1 a {display: block; height: 90px; width: 355px; background: url(/images/background/client_logo.jpg) no-repeat;}
      #header h1 a:hover {border-bottom: none;}

      /*2.1.2 utility / #utility */
      #utility {font-size: 13px; width: 350px;  padding: 0px; margin: 43px 0px 10px 0;text-align: right; float: left; overflow: hidden;}
      #utility ul {padding: 0; margin-top: 0;}
      #utility ul li {padding-top: 0; margin: 0px!important;}
      #utility ul li {display: inline; margin-right: -4px!important;}
      #utility ul li a {color: #fff; font-weight: bold; padding: 0 20px 10px 20px; background: url(/images/navs/utility_nav_off.gif) no-repeat 100% 100%; }
      #utility ul li a:hover, #utility ul li.current a {background: url(/images/navs/utility_nav_on.gif) no-repeat 100% 100%; border-bottom: none; }
      #utility ul li.last a {background: url(/images/navs/utility_nav_off.gif) no-repeat 0% 100%; }
      #utility ul li.last a:hover {background: url(/images/navs/utility_nav_on.gif) no-repeat 0% 100%; border-bottom: none; }
       
      /* 2.1.3 search / #search */
      #search {text-align: right; width: 245px; margin: 45px 0 0 0; float: right; overflow: hidden; }
      #search form {margin: 0; display: inline;}
      #search input {vertical-align: middle;}
      #search #query {background: #fff; border: 1px solid #a5acb2; width: 190px; margin: 0; padding: 2px; }
      #search .searchBtn {padding: 0px 0; margin: 0 0 0 5px;}           
    
      .paging {margin: 15px 0; }
      .query {font-style: oblique; color: #990000; font-weight: bold;}
      #results_form ul li {padding-bottom: 6px;}
    
      /* 2.1.4. Global navigation / div#globalNav */
      #globalNav {width: 100%; margin: 15px 0 0 0; display: block; float: left;}
      #globalNav ul {float: left; width: 100%;  padding: 5px; background: url(/images/navs/global_nav_bg.gif) repeat-x 0 100% !important;}
      #globalNav  ul a {font-size: 14px; display: block;  line-height: 100%;}
      #globalNav  ul li {float: left; display: inline; /* otherwise there are gaps between each nav item */  margin-right: 3px;}
      #globalNav  ul li a{font-weight: bold; text-align: center;padding: 5px 10px 8px 10px;}
      #globalNav ul li a:hover {}
      
     .nav1 a, .nav2 a, .nav3 a, .nav4 a, .nav5 a {color: #fff;}
      .nav1 a{ border-bottom: 10px solid #ffd204; width: 196px;}
      .nav2 a{ border-bottom: 10px solid #f68a1d; width: 146px;}
      .nav3 a{ border-bottom: 10px solid #7ac142; width: 183px;}
      .nav4 a{ border-bottom: 10px solid #497ac7; width: 140px;}
      .nav5 a{ border-bottom: 10px solid #8484be; width: 177px;}
     
      .nav1 a:hover, .nav1 .current a{border-bottom: 10px solid #ffd204; color: #0448b3;}
      .nav2 a:hover, .nav2 .current a{border-bottom: 10px solid #f68a1d; color: #0448b3;}
      .nav3 a:hover, .nav3 .current a{border-bottom: 10px solid #7ac142; color: #0448b3;}
      .nav4 a:hover, .nav4 .current a{border-bottom: 10px solid #497ac7; color: #0448b3;}
      .nav5 a:hover, .nav5 .current a{border-bottom: 10px solid #8484be; color: #0448b3;}
      #globalNav li:hover a {color: #0448b3;}
     /*#globalNav li:hover a, #globalNav li .current a{color: #0448b3;}*/
         /* 2.1.4.1 Global nav dropdown menu / ul.dropdown */
   
         .dropdown{ position: absolute; left: -999em;  margin: 0 0px 0px -3px !important;  padding: 0; z-index: 100; overflow: hidden;  float: none; filter:alpha(opacity=95); opacity: .95; -moz-opacity:.95; }
         #globalNav ul ul{border-bottom: 3px solid #fff; border-top: 4px solid #fff; float: none; background: none!important; padding: 0px!important; width: auto;}
         #globalNav ul ul a {text-align: left; margin-right: 0; padding: 8px 10px 8px 18px; }
         #globalNav ul li ul.dropdown li {float: none; margin: 0!important; display: inline; }
         #globalNav ul li:hover ul, #globalNav li.sfhover ul { left: auto;}
         #globalNav ul li ul.dropdown li a { font-size: 13px; color: #000; border-bottom: none!important;  height: auto; line-height: 100%; }
     
         #globalNav ul li.nav1 ul.dropdown li a,#globalNav ul li.nav2 ul.dropdown li a,#globalNav ul li.nav3 ul.dropdown li a,#globalNav ul li.nav4 ul.dropdown li a,#globalNav ul li.nav5 ul.dropdown li a,#globalNav ul li.nav6 ul.dropdown li a{border-left: 3px solid #fff; border-right: 3px solid #fff;}
         #globalNav ul li.nav1 ul.dropdown li a{background: #ffd204; width: 188px;}
         #globalNav ul li.nav2 ul.dropdown li a{background: #f68a1d; width: 138px;}
         #globalNav ul li.nav3 ul.dropdown li a {background: #7ac142; width: 175px;}
         #globalNav ul li.nav4 ul.dropdown li a {background: #497ac7; width: 132px;}
         #globalNav ul li.nav5 ul.dropdown li a {background: #8484be; width: 169px;}
         #globalNav ul li ul.dropdown a:hover, #globalNav ul li ul.dropdown .current a{ color: #000; background: #a2cbf5!important; }
   
   /*............................................................................
      2.2. Banner section / div#banners 
    ................................................................................. */  
      #banners {width: 100%; background: #fff;  float: left; padding: 0px 5px 5px 5px; }
      #banners img {} /* do not remove this; otherwise there will be a gap on the bottom of the photo on the firefox */
      #banners #tagline {float: left;}
      #banners #fields {float: left; margin: 0; padding: 0; width: 476px; height: 263px; overflow: hidden;background: #f5f4d0;}
      #photos {float: left; margin-left: 6px; height: 263px; overflow: hidden;}
      #photos #families {float: left; margin: 0; padding: 0; width: 472px; height: 263px; overflow: hidden; background: #f5f4d0;}               
      #photos li{}
    
   /*............................................................................
      2.3. Middle section / div#middle 
    ................................................................................. */
    #middle {background: #fff;  margin: 0; padding: 5px 5px; overflow: auto; }
    #home #middle {margin: 5px 0 0 0;} 
      /* 2.3.1 Primary column / div#primeCol */
      #primeCol {float: left; width: 449px; margin-left: 252px; padding: 5px 0 10px 0; display: inline; overflow: hidden; border-right: 1px dotted #3366cc; border-left: 1px dotted #3366cc; min-height: 650px; }
      .oneCol #primeCol {width: 100%; margin-left: 0; border: none; }
      .twoCol #primeCol {float: right; width: 702px; margin-left: 0; border-right: none;}
      .threeCol #primeCol {}   
      /*#home  #primeCol {width: 343px; margin-left: 300px; background: blue;}  */
      #home #primeCol {width: 472px; padding: 0 0 0 3px; margin-left: 0; float: right; border-right: none;}
     
         /* 2.3.1.1 Page Title / h1#pageTitle */
         h1#pageTitle {color: #005dab; font-size: 22px; margin: 0 10px .4em 10px; padding: 8px 10px 13px 10px; border-bottom: 3px solid #76bb41; background: url(/images/background/star.gif) no-repeat 100% 0;}    
         #home h1#pageTitle{color: #006699; margin: 0 20px; padding: 15px 60px 10px 0; width: 230px; border-bottom: none; background: url(/images/background/star_face.gif) no-repeat 100% 0;}
         
         /* 2.3.1.2 Breadcrumbs / h1#breadcrumbs*/
         #breadcrumbs {color: #0054a6; font-weight: bold; border-bottom: 1px dotted #3366cc; margin: 0 10px 10px 10px; padding: 3px 10px 3px 10px;}
         #breadcrumbs a {color: #0054a6;}
         #breadcrumbs a:hover {border-bottom: none; color: #7b9bba;}
         
         /* 2.3.1.3 Main content */
         #mainContent {margin: 15px 0; padding: 5px 20px 10px 20px; overflow: hidden; }
         #home #mainContent {margin: 0; padding: 0;}
       .oneCol #mainContent {}
         .twoCol #mainContent {}
         .threeCol #mainContent {}
            
            /*2.3.1.3.1 Family Events /Calendar div.events_list */
            
            .eventsList {background: #f7f7f4;border: 1px solid #ddd; margin-bottom: 20px;}
            .eventsList .date {font-weight: bold;background: #dbdfdf; border-top: none; border-bottom: 1px solid #ddd; margin-bottom: 5px; padding: 3px 10px;}
            .eventsList .content {margin: 10px; background: #fff; color: #333;  border: 1px dotted #ddd; padding: 10px;}
            .eventsList .detail{color: #666; font-weight: bold;}
            
            /*2.3.1.3.2 left small calendar */
            /*#calender-wrapper {margin: 45px 8px 15px 7px; padding: 8px; width: 224px; border: 1px solid #c8c8c1; background: #e9ecec url(/images/misc/calendar_kid.jpg) no-repeat 10px 10px;}*/
            .mini_calendar {margin: 0; padding: 0;}
            .mini_calendar h2 {margin: 0; padding: 0; line-height: 100%; display: none;}
            .mini_calendar p {margin: 0; padding: 0;}
            #mo_yr_nav {padding: 135px 0px 10px 0px; margin: 0 0 15px 0; }
            #mo_yr_nav select {border: 1px dotted #cad1d2; padding: 2px; margin-right: 5px;}
            #mo_yr_nav #mo {width: 115px;}
            #mo_yr_nav .submit_btn {background: #cc3300; color: #fff1b3; border: 1px solid #cad1d2; font-weight: bold;}
            .calendar { background: #fff; text-align: center; margin: 0px 2px 25px 2px; width: 228px;}
            .calendar td, .calendar th { border: 1px solid #c1c1b9;  padding: .3em .2em .2em .2em; text-align: center;}
            .calendar th {background: #ccdcdc; }
            .calendar td, .calendar td a {color: #333; font-size: .95em;}
            .calendar .dayName th {width: 26px;}
            .calendar #prev a, .calendar #next a {color: #0066cc;}
            .calendar td a:hover {border-bottom: none;}
            .calendar caption {font-size: 1.2em; font-weight:bold;}
            .calendar td.otherMonth {color: #ccc;}
            .calendar tr.monthName th {background: #3a8282; color: #fff;}
            .calendar tr.monthName a {padding: 0 5px; color: #ffd204;}
            .calendar tr.monthName a:hover {border-bottom: none; color: #ff7a04;}
            
            td.cal_cat-1, td.cal_cat-2, td.cal_cat-3, td.cal_cat-4, td.cal_cat-5, td.cal_cat-6, td.cal_cat-7, td.specialDay {font-weight: normal; color: #000;}
         
            .cal_cat-5 {background: #fff url(/images/misc/cat1.gif) no-repeat 50% 50%;}
            .cal_cat-6 {background: #fff url(/images/misc/cat3.gif) no-repeat 50% 50%;}
            .cal_cat-7 {background: #fff url(/images/misc/cat4.gif) no-repeat 50% 50%;}
            .cal_cat-8 {background: #fff url(/images/misc/cat5.gif) no-repeat 50% 50%;}
            .cal_cat-9 {background: #fff url(/images/misc/cat6.gif) no-repeat 50% 50%;}
            .cal_cat-10 {background: #fff url(/images/misc/cat2.gif) no-repeat 50% 50%;}
            .cal_cat-11 {background: #fff url(/images/misc/cat11.gif) no-repeat 50% 50%;}
            .cal_cat-12 {background: #fff url(/images/misc/cat12.gif) no-repeat 50% 50%;}
            .cal_cat-multiple {background: #fff url(/images/misc/cat7.gif) no-repeat 50% 50%;}
            
            .cal_cat-5:hover {background: #ffdb36;}
            .cal_cat-6:hover {background: #71b0eb;}
            .cal_cat-7:hover {background: #4a9c0a;}
            .cal_cat-8:hover {background: #ea9502;}
            .cal_cat-9:hover {background: #368b96;}
            .cal_cat-10:hover {background: #a4c987;}
            .cal_cat-11:hover {background: #cc98f4;}
            .cal_cat-12:hover {background: #f37884;}
            .cal_cat-multiple:hover {background: #a4c141;}
            
            .calender h2 {margin: 15px 0 5px 0; text-align: center; font-size: 1.2em; margin: 0; padding: 3px 5px;}
            .filter {background: #fff; margin: 5px 0; padding: 5px; border: 1px solid #c1c1b9;}
            .filter a {color: #666; display: block; margin-bottom: 6px; padding: 3px 0 2px 5px; border-bottom: 1px dotted #c1c1b9;}
            .filter a:hover {color: #fff;}
            
            .category-5 a{border-left: 5px solid #ffdb36;}
            .category-6 a{border-left: 5px solid #71b0eb;}
            .category-7 a{border-left: 5px solid #4a9c0a;}
            .category-8 a{border-left: 5px solid #ea9502;}
            .category-9 a{border-left: 5px solid #368b96;}
            .category-10 a{border-left: 5px solid #a4c987;}
            .category-11 a{border-left: 5px solid #cc98f4;}
            .category-12 a{border-left: 5px solid #f37884;}
            .category-multiple a{border-left: 5px solid #a4c141;}
            .category-none a{border-left: 5px solid #666;}
            .filter-label {color: #666; display: block; margin-bottom: 6px; padding: 3px 0 2px 5px; border-left: 5px solid #fff;}
            
            .category-5 a:hover {background: #ffdb36;}
            .category-6 a:hover {background: #71b0eb;}
            .category-7 a:hover {background: #4a9c0a;}
            .category-8 a:hover {background: #ea9502;}
            .category-9 a:hover {background: #368b96;}
            .category-10 a:hover {background: #a4c987;}
            .category-11 a:hover {background: #cc98f4;}
            .category-12 a:hover {background: #f37884;}
            .category-multiple a:hover {background: #a4c141;}
            .category-none a:hover {background: #666;}
            
            .eventsList .eventTitle strong {padding-left: 5px; font-size: 1.25em;}
            .eventsList p.cal_cat-5 {background: #ffdb36;}
            .eventsList p.cal_cat-6 {background: #71b0eb;}
            .eventsList p.cal_cat-7 {background: #4a9c0a;}
            .eventsList p.cal_cat-8 {background: #ea9502;}
            .eventsList p.cal_cat-9 {background: #368b96;}
            .eventsList p.cal_cat-10 {background: #a4c987;}
            .eventsList p.cal_cat-11 {background: #cc98f4;}
            .eventsList p.cal_cat-12 {background: #f37884;}

            .hover_detail .eventTitle {padding-left: 5px; font-weight: bold;}
            .hover_detail p.cal_cat-5 {background: #ffdb36;}
            .hover_detail p.cal_cat-6 {background: #71b0eb;}
            .hover_detail p.cal_cat-7 {background: #4a9c0a;}
            .hover_detail p.cal_cat-8 {background: #ea9502;}
            .hover_detail p.cal_cat-9 {background: #368b96;}
            .hover_detail p.cal_cat-10 {background: #a4c987;}
            .hover_detail p.cal_cat-11 {background: #cc98f4;}
            .hover_detail p.cal_cat-12 {background: #f37884;}
            
            table.calendar td a {display: block;}
         table.calendar td:hover, table.calendar td.iehover {z-index: 99;}
         td.specialDay .hover_detail {position: absolute; display: none; width: 12em; z-index: 99; text-align: left; background: #fff; border: 1px solid #aaa; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; word-wrap: break-word; overflow: hidden;}
         td.specialDay:hover .hover_detail, td.iehover .hover_detail {display: block;}
         td.specialDay .hover_detail p {margin: 0.3em !important;}
              
          /*2.3.1.3.3 FAQ /ul.faq-cat */
            .faq-cat h5 {cursor: help;}
            ul.faq-cat {list-style: none; margin: 0; padding: 0;}
            ul.faq-cat .answer {margin-left: 20px;}


            ul.faq-cat li {padding-bottom: 8px;}
            ul.faq-cat h5 {margin-bottom: 0px;}
            ul.faq-cat li h5:first-letter {font-size: 1.5em; color: #4a9c0a;}
            ul.faq-cat ul {margin-left: 15px; padding-left: 0;}
            ul.faq-cat ul li {margin: 0; padding-left: 0px;}
            
            /* 2.3.1.3.3 Login/ Manage Account pages div#account   */
            #account form {border: 1px dotted #88a6e2;padding: 10px; background: #eef2f4;}
            #account form {margin-bottom:10px; text-align:left; clear:both;}
            #account label {float:left; width:135px; text-align:right; padding-right:10px; font-weight:bold;}  
            #account form div {margin-bottom: 10px;}
            #account form input {padding: 1px 2px;}
            #account input[value~="Login"], input[value~="Update"], input[value~="Reset"], input[value~="Rquest"] {font-weight: bold; background: #134066; color: #fff; padding: 2px 5px; border: 1px solid #ccc;}
            #account form p{text-align: center; margin-bottom: 15px;}
            #account .login_notice {color: #cc3300; font-weight: bold;}
            #account p.note {text-align: left !important;}
            
            /* 2.3.1.3.4 News Event Listings */
            div.newsEvent {margin-bottom: 1.5em;}
            
            /* 2.3.1.3.5 custom form */
            .threeColForm{}
            .threeColForm .form-field label {width: 120px!important;}
           
      /* 2.3.2 Second column / div#secondCol */
      #secondCol {float: left; display: inline; width: 245px; margin-left: -703px; overflow: hidden; padding: 5px 0 10px 0;}
      #home #secondCol {padding-top: 0;}
     .oneCol #secondCol {display: none;}
      .twoCol #secondCol {margin-left: 0;}
      .threeCol #secondCol {}
      /*#home  #secondCol {float: left; width: 300px; margin-left: -645px;}*/
      #home  #secondCol {float: left; width: 475px; margin-left: 0;}
      #secondCol .content {padding: 5px;}
                            
         /* 2.3.2.1   default sidebar item  /div.sidebar    */
         .sidebar {margin: 0 0 10px 0px;}
         .sidebar h2{font-size: 18px; font-weight: bold; margin: 0 0 .5em 0; padding: 6px 5px 10px 0; }
         .sidebar .inner {padding: 5px 5px 5px 5px;}
         .sidebar .inner img {max-width: 240px;}
         #home .sidebar .inner img {max-width: 410px;}
         .sidebar .sidebarImg {margin: 0;}
         .sidebar .sidebarImg img {margin: 10px auto;}
         .blog .sidebarImg, .news .sidebarImg, .features .sidebarImg, .community .sidebarImg, .events .sidebarImg {display: none;}
       
         /* 2.3.2.2 blog /div.blog */ 
         .blog {margin: 0 0 10px 0; padding-bottom: 10px; color: #231f20;}
         #home .blog {min-height: 173px;}
        .blog h2 {font-size: 18px; font-weight: bold; border-top: 1px dotted #3366cc; text-transform: uppercase; margin: 0 0 .5em 0; padding: 6px 6px 6px 10px; background: #d2eeee url(/images/background/blog_header_bg.jpg) repeat-x 0 0;}
        .blog .inner {padding: 5px 20px 5px 80px; background: url(/images/misc/quote_icon.jpg) no-repeat 5px 5px; }
        .blog ul {list-style: none; margin: 0; padding: 0; } 
        .blog ul li {list-style: none; padding:0; line-height: 120%;}
                    
         /*2.3.2.3 news / div.news */
         .news {margin: 0 0 10px 0; padding-bottom: 10px;}
         #home .news {min-height: 310px;}
         .news h2 {font-size: 18px; font-weight: bold; border-top: 1px dotted #3366cc; text-transform: uppercase; margin: 0 0 .5em 0; padding: 6px 6px 6px 10px; background: #b3cbee url(/images/background/news_header_bg.jpg) repeat-x 0 0;}
         .news .inner {padding: 5px 20px 5px 70px; background: url(/images/misc/folder_icon.jpg) no-repeat 5px 5px; }
         #home .news .inner {padding-left: 80px;}
         .news ul.list {list-style: none; margin: 0; padding: 0; line-height: 120%}
         .news ul.list li {list-style: none; padding-bottom: 7px;}
         .news .title {font-weight: bold; margin-top: 0px; text-transform: uppercase;}
         .news .date {color: #666; font-size: .95em; font-style: oblique;}
         .news .desc {margin: 10px 0 0 0; padding: 0px;}
         .news .desc p{display: inline; margin-bottom: 0px; padding-bottom: 0px;}
         .news .link {padding-bottom: 25px;}
       
        /*2.3.2.4 news / div.news */
         .community { margin: 0 0 10px 0; padding-bottom: 10px;}
         .community h2 {font-size: 18px; font-weight: bold; border-top: 1px dotted #3366cc; text-transform: uppercase; margin: 0 0 .5em 0; padding: 6px 6px 6px 10px; background: #f1b77b url(/images/background/community_header_bg.jpg) repeat-x 0 0;}
         .community .inner {padding: 0px 5px 5px 5px; }
         #home .community .inner {padding: 10px 70px 10px 70px;}
         .community .inner .video {margin: 0px 0 5px 0;}
         #home .community .inner .video {width: auto;}
         .community .inner ul{margin: 0; padding:0; list-style: none; font-size: 1.1em;}
         .community .inner ul li {margin: 0 0 6px 0; background: url(/images/background/arrow_blue.gif) no-repeat 0 .5em; padding-left: 10px;}
       
        /*2.3.2.5 about Great Start div.about */
        .about {margin: 0 0 10px 0; padding-bottom: 10px;}
        #home .about {min-height: 150px;}
        .about h2 {font-size: 18px; font-weight: bold; border-top: 1px dotted #3366cc; text-transform: uppercase; margin: 0 0 .5em 0; padding: 6px 6px 6px 10px; background: #f2e19c url(/images/background/about_header_bg.jpg) repeat-x 0 0;}
        .about .inner {font-size: 1.1em; padding: 10px 20px 5px 80px; background: url(/images/misc/logo_small.jpg) no-repeat 5px 5px; }
       
       /*2.3.2.6 family events sidebar div.events */
       .events {margin: 0 0 10px 0; padding-bottom: 10px;}
       #home .events {min-height:310px;}
       .events h2 {font-size: 18px; font-weight: bold; border-top: 1px dotted #3366cc; text-transform: uppercase; margin: 0 0 .5em 0; padding: 6px 6px 6px 10px; background: #c2e8a4 url(/images/background/events_header_bg.jpg) repeat-x 0 0;}
       .events .inner {padding: 5px 20px 5px 60px; background: url(/images/misc/calendar_icon.jpg) no-repeat 5px 5px; }
       #home .events .inner {padding-left: 80px;}
       .events ul{margin: 0; padding: 0;list-style: none;}
       .events ul li {padding: 0 0 10px 0; margin: 0;}
       .events .title {font-size: 1.1em; font-weight: bold;}
       .events .title a {color: #295606;}
       .events .date {color: #3b790b;font-weight: bold;}
       .events .desc }
       .events p.more {text-align: right; margin-bottom: 5px!important;}
       
       /* 2.3.2.7 Features div.features */
       .features {margin: 0 0 10px 0; padding-bottom: 10px;}
       .features h2 {font-size: 18px; font-weight: bold; border-top: 1px dotted #3366cc; text-transform: uppercase; margin: 0 0 .5em 0; padding: 6px 6px 6px 10px; background: #cacae6 url(/images/background/features_header_bg.jpg) repeat-x 0 0;}
       .features .inner {padding: 5px 5px 10px 5px;}
       #home .features .inner {padding: 10px 20px 5px 45px;}
       .features .inner  .imgRight img {float: right; margin: 0 0 10px 10px;}
       .features .inner  .imgLeft img {float: left; margin: 0 10px 10px 0px;}
       
       
         /*2.3.2.5 check out events / div.eventsCalendar */
         .eventsCalendar {margin: 0 0 20px 0;}
         .eventsCalendar img{margin: 5px auto 10px auto; display: block; text-align: center;}
         .eventsCalendar .link {color: #0054a6; padding: 5px 10px 10px 30px; font-size: 1.2em;}
         
         /*2.3.2.6 register Parent Coalition event/ div.registerEvent */
         .registerEvent {margin: 0 0 20px 0;}
         .registerEvent img{margin: 5px auto 10px auto; display: block; text-align: center;}
         
         /* 2.3.2.6     sub/local navigation /div#subNav  */                                                                  
         #subNav {background: #ffd204; margin: 0px 0px 20px 0px; line-height: 120%;}
         #subNav h2 {font-size: 1.2em; padding: 12px 5px 12px 10px; margin: 0; border-bottom: 3px solid #fff; color: #231f20; background: #ffd204;}
         #subNav ul {border-top: 1px solid #ffd204; padding: 0 5px 30px 5px; margin: 0; background: #ffd204;}
         #subNav ul a {border-bottom: 1px solid #fff;}
         #subNav li a {font-size: 1.1em; color: #231f20; display: block; background: #ffd204; padding: 7px 5px 7px 10px;}
         #subNav li a:hover, #subNav .current a {color: #000; background: #ffec94; }
         #subNav  ul li {display: inline; line-height: 120%;}
        
            /* 2.3.2.6.1     sub/local navigation the third level    */ 
            #subNav ul ul {padding: 0; background:  #ffd204; border: none;}
            #subNav li li a{padding-left: 40px; font-weight: normal;}
            #subNav .current li a, #subNav li li a {background: #ffd204;}
            #subNav .current .current a, #subNav li li a:hover, #subNav .current li a:hover, #subNav li .current a{ background: #fbe477 url(/images/navs/sub_hover.png) no-repeat 15px 50%;  }  

      /* 2.3.3 Third column / div#thirdCol */
      #thirdCol {float: left; display: inline; width: 245px; overflow: hidden; margin-left: 6px; padding: 5px 0 10px 0;}
      .oneCol #thirdCol {display: none;}
      .twoCol #thirdCol {display: none;}
      .threeCol #thirdCol {float: left; }
      #home  #thirdCol {width: 298px;}
     
         /* 2.3.3.1     online poll /div.poll  */     
         .poll {border-bottom: 1px dotted #3366cc; margin: 0 0 10px 0; padding: 5px 20px 15px 30px;}
         .poll h2 {font-size: 1.3em; font-weight: bold; text-transform: uppercase; width: 180px; margin: 0 0 .5em 0; padding: 5px 5px 10px 0; background: url(/images/background/poll_icon.gif) no-repeat 100% 0%;}
         .redTxt, .poll-question {margin: 6px auto; color: #cc3300; font-size: 1.1em; font-weight: bold;}    
         .poll label {padding: 0px 0px 0px 10px; font-weight: bold;}
         .poll input {margin: 5px 0 5px 0; vertical-align: middle; font-weight: bold;}
         
         /* 2.3.3.2    family events /div.events   */ 
         /*
       .events {margin: 0 0 10px 0; padding: 5px 20px 15px 30px;}
              .events h2 {font-size: 1.3em; font-weight: bold; text-transform: uppercase; width: 180px; margin: 0 0 .5em 0;  padding: 10px 5px 10px 0; background: url(/images//background/calendar_icon.gif) no-repeat 100% 0%;}
              .events ul.list {list-style: none; margin: 0; padding: 0; line-height: 120%}
              .events ul.list li {list-style: none; padding-bottom: 7px;}
              .events .title {font-weight: bold;}
              .events .date {color: #3b790b;font-weight: bold;}
               */
         /* 2.3.3.3    jointhe parent coaltion /div.join    */
         .join {margin: 0 0 10px 0px; padding: 0px 10px 0 10px;}
         .join h2 {color: #cc3300; padding: 5px; font-size: 1.3em; line-height: 110%; text-align: center; border-bottom: 3px solid #fff1b3; width: 100%;}
         .join img {margin: 0px auto 10px auto; display: block; text-align: center; border: 5px solid #ffd204;}
         .join .inner {padding: 5px 25px;}
         
         /* 2.3.3.4   planting the seeds blogg  /div.plantingBlog    */
         .plantingBlog {margin: 0 0 10px 0px; padding: 0px 10px 0 10px;}
         .plantingBlog h2 {font-size: 1.3em; font-weight: bold; margin: 0 0 .5em 0; padding: 13px 5px 12px 0; background: url(/images/background/blog_icon.gif) no-repeat 100% 0%;}
         
         /* 2.3.3.5   read the latest report  /div.report   */
         .report {margin: 0 0 10px 0px; padding: 0px 10px 0 10px;}
         .report h2 {font-size: 1.3em; font-weight: bold; margin: 0 0 .5em 0; padding: 13px 5px 12px 0;}
         .report img {margin-right: 5px; float: left;}
         
         /* 2.3.3.6 update password/profile */
         .update_password {width: 220px; border: 1px solid #79ac35; margin: 15px auto; display: block; padding: 2px; font-weight: bold; font-size: 1em; }
         .update_password h2{margin: 0; padding: 0; display:inline;}
         .update_password form {display: inline; margin: 0; padding: 0; }
         .update_password p {line-height: 100%; display: inline;}
         /*.update_password .login_notice {background: #5d9216;border-bottom: 2px solid #fff; color: #fff; padding: 4px 5px; text-align: center; font-weight: bold;}*/
         .update_password .login_notice {text-align: center; color: #446b10; font-weight: bold;}
         .update_password img {display: block; margin: auto;}
         .update_password .link { border-top: 2px solid #fff;}
         .update_password a {padding: 4px 5px; background: #79ac35; display: block; color: #fff; }
         .update_password a:hover {border-bottom: none; background: #ccdd91; color: #000;}

   /*..................................................................................
     2.4 Footer / div#footer  
     .................................................................................*/
    #footer {color: #666; overflow: hidden; margin: 0 0 10px 0; padding: 20px 15px; border-top: 1px dotted #3366cc;  width: 100%;}
   
      /* 2.4.1 Footer navigation / ul#footNav */
      #footNav {overflow: hidden; width: 600px; float: left; }
      #footNav ul {float: left; margin: 0; padding:0; background: url(/images/navs/foot_nav_divider.gif) no-repeat 0% 50%;}
      #footNav ul li {display: inline; padding: 0px 20px; background: url(/images/navs/foot_nav_divider.gif) no-repeat 100% 50%;}
      #footNav ul li a {text-transform: uppercase;font-size: 12px; font-weight: bold; color: #666; margin: 0;}
      #footNav ul li a:hover, #footNav ul li.current a {text-decoration: none; font-weight: bold; color: #0066cc;}
 
      /* 2.4.2 Footer copyright / div.copyright */
      #footer .copyright {color: #666; line-height: 110%; float: left; width: 280px; margin-right: 20px; overflow: hidden;}