@import url(reset.css);

html { font: normal 62.5% Helvetica, Arial, sans-serif;
       background-color: #ffffff; }
a, a span { color: #3357B0; font-weight: bold; }
a:hover, a:hover span { color: #4E85C5; text-decoration: none; }
.clearer { clear: both; }

/* CCS styles */
#content h1 { font-size: 2.0em; line-height: 1.3em; font-weight: bold; }
#content h2 { font-size: 1.7em; line-height: 1.3em; font-weight: bold; }
#content h3 { font-size: 1.3em; line-height: 1.3em; font-weight: bold; }
#content h4 { font-size: 1.1em; line-height: 1.3em; font-weight: bold; }
#content h5 { font-size: 1.0em; line-height: 1.3em; font-weight: bold; }
#content p { }
#content strong, #content b { font-weight: bold; }

#special-promotion { background-image: url('/images/interface/special_promotion/graphic_survey_rev.jpg'); background-repeat: no-repeat; 
                     width: 280px; height: 90px; padding: 60px 0 0 96px; font-size: 13px; text-transform: uppercase; }
#special-promotion li { line-height: 18px; }

.error { color: red; }
.notice { color: blue; }


#main { color: #383630; font-size: 1.6em; line-height: 1.6em; }
#main h2 { color: #646056; margin-bottom: 10px; }
#main h3 { font-size: 0.95em; text-transform: uppercase; }
#main p { color: #47342d; margin-bottom: 20px; }

#county-bar-container { height: 45px; background: url(/images/interface/county_bar_bg.png) left top repeat-x; }
#county-bar { width: 900px; height: 45px; margin: 0 auto; color: #ddd;
              font-size: 1.31em; line-height: 45px; text-transform: uppercase; }
/*
#county-bar * { float: right; }
#county-bar .separator { height: 10px; margin: 17px 18px 0; border-right: 1px solid #848174; }
*/
#county-bar a { color: #fff; text-decoration:none; font-weight: normal; }
#county-bar a:hover { text-decoration:underline; }

#county-bar #current-county { float: left; background: url('/images/interface/current_county.gif') no-repeat 63px 39px; }

#header { background: url(/images/interface/header.jpg) left top no-repeat;
          width: 900px; height: 40px; margin: 0 auto; padding-top: 175px; }
#header h1 { display: none; }
#header #navigation { height: 40px; width: 900px; background: url('/images/interface/background_navigation.png') top left repeat-x; }

#main-nav li { float: left; }
#main-nav li a.main-nav-item { display: block; overflow: hidden; height: 0; padding-top: 40px; float: left;
                               background: url(/images/interface/navigation.gif); background-repeat: no-repeat; }
#main-nav #main-nav-home a { width: 76px; background-position: 0px top; }
#main-nav #main-nav-home a:hover { width: 76px; background-position: 0px -40px; }
#main-nav #main-nav-home a.current { width: 76px; background-position: 0px -80px !important; }
#main-nav #main-nav-task_forces a { width: 130px; background-position: -76px top; }
#main-nav #main-nav-task_forces a:hover { width: 130px; background-position: -76px -40px; }
#main-nav #main-nav-task_forces a.current { width: 130px; background-position: -76px -80px !important; }
#main-nav #main-nav-advocacy a { width: 114px; background-position: -206px top; }
#main-nav #main-nav-advocacy a:hover { width: 114px; background-position: -206px -40px; }
#main-nav #main-nav-advocacy a.current { width: 114px; background-position: -206px -80px !important; }
#main-nav #main-nav-calendar a { width: 170px; background-position: -320px top; }
#main-nav #main-nav-calendar a:hover { width: 170px; background-position: -320px -40px; }
#main-nav #main-nav-calendar a.current { width: 170px; background-position: -320px -80px !important; }
#main-nav #main-nav-about a { width: 83px; background-position: -490px top; }
#main-nav #main-nav-about a:hover { width: 83px; background-position: -490px -40px; }
#main-nav #main-nav-about a.current { width: 83px; background-position: -490px -80px !important; }
#main-nav #main-nav-join a { width: 61px; background-position: -573px top; }
#main-nav #main-nav-join a:hover { width: 61px; background-position: -573px -40px; }
#main-nav #main-nav-join a.current { width: 61px; background-position: -573px -80px !important; }

#search-container { line-height: 40px; float: right; padding-right: 8px;
                    color: #E0EBF3; text-transform: uppercase; font-size: 1.2em; font-weight: bold; }
#search-container * { vertical-align: middle; }
#search-container input[type='text'] { border: 2px solid #E0EBF3; width: 140px; margin-left: 5px; }

#content { min-height: 300px; margin-bottom: 35px; }
#main { width: 900px; margin: 0 auto;  margin-top: 25px; }

#section-nav { line-height: 1.1em; background-color: #ffb13a; width: 160px; padding: 10px 0; float: left; }
#section-nav h3 { margin: 0 10px; font-size: 1.6em; line-height: 1.1em; font-weight: lighter; font-style: normal; color: #ffe8c4; text-transform: uppercase; }
#section-nav ul { border-top: 1px solid #ffd89d; }
#section-nav ul li ul { border-top: none; }
#section-nav li div { padding: 10px 10px 7px 10px; text-transform: uppercase; border-bottom: 1px solid #ffd89d; }
#section-nav li a { color: #fff; text-decoration: none; }
#section-nav li a:hover { color: #fff393; }
#section-nav li.current { background-color: #fff; color: #ff9600; }
#section-nav li.current li { background-color: #ffb13a; }
#section-nav li.current a { color: #ff9600; text-decoration: none; }
#section-nav li.current li a { color: #fff; text-decoration: none; }
#section-nav li.section-nav-item { padding-left: 15px; font-size: 0.85em; }


#main-content { float: left; width: 580px; margin-right: 20px; background: url('/images/interface/background_section_content.gif') top left repeat-y; }

#section-content { float: right; width: 400px; }
#section-content ul { list-style-type: disc; margin: 10px 30px; }
#section-content ol { list-style-type: decimal; margin: 10px 30px; }
#section-content li { line-height: 1.3em; margin-bottom: 10px; }

#section-content blockquote { font-size: 0.85em; line-height: 1.15em; }

#section-content a.file-pdf { background-position: right center; background-repeat: no-repeat; background-image: url('/images/interface/icon_pdf.gif'); padding-right: 30px; }


#right-sidebar { float: right; width: 300px; line-height: 1.3em; }
#sidebar-content { padding: 10px; }
#sidebar-content h3 { font-weight: normal; font-size: 1.1em; text-transform: uppercase; color: #5e84c0; border-bottom: solid 1px #5e84c0; margin: 20px 0 10px 0; }
#sidebar-content ul { list-style-type: disc; margin: 10px 30px; }

#sidebar-content .pdf-list { padding-left: 50px; position: relative; min-height: 80px; margin: 7px 0 0 0; }
#sidebar-content .pdf-list .thumb { position: absolute; left: 0; top: 0; }
#sidebar-content .pdf-list p.title { margin-bottom: 5px; }
#sidebar-content .pdf-list p.description { color: #8d877c; line-height: 1.1em; }


#footer { background: #ccdfeb;
          width: 860px; padding: 20px; margin: 0 auto; }
#footer #sponsors { font-family: Helvetica, Arial, sans-serif; color: #123456;
                    text-align: center; font-size: 1.55em; }
#footer #sponsors strong { font-weight: normal; }
#footer .separator { width: 860px; height: 3px; margin: 10px auto 20px; background-color: #b0cee1; }
#footer #footer-nav { font-size: 1.5em; color: #4268a3;
                      text-transform: uppercase; text-align: center; }
#footer #copyright-info { font-size: 1.18em; line-height: 1.4em; color: #4268a3;
                          text-align: center; margin-top: 10px; margin-bottom: 20px; }

#site-info { text-align: right; width: 900px; margin: 4px auto 0;
             font-size: 1.2em; color: #4268a3; }



/* home page */
#task-force-features { background-color: #ffecc5; height: 396px; position: relative; }
#task-force-features .task-force-feature { position: absolute; width: 380px; padding: 20px; }
#task-force-features .task-force-feature img { border: 3px solid white; margin-bottom: 8px; }

#task-force-nav { float: right; width: 160px; height: 396px; background-color: #FFD054; }
#task-force-nav li { float: left; }
#task-force-nav li a { width: 160px; display: block; overflow: hidden; height: 0; padding-top: 61px; float: left;
                       background: url(/images/interface/btn_task_forces.png); background-repeat: no-repeat; }
#task-force-nav #task-force-nav-header a { padding-top: 30px; background-position: left top; }
#task-force-nav #task-force-nav-built_environment a { background-position: left -30px; }
#task-force-nav #task-force-nav-built_environment a:hover,
#task-force-nav #task-force-nav-built_environment a.selected { background-position: -160px -30px; }
#task-force-nav #task-force-nav-nutrition a { background-position: left -91px; }
#task-force-nav #task-force-nav-nutrition a:hover,
#task-force-nav #task-force-nav-nutrition a.selected { background-position: -160px -91px; }
#task-force-nav #task-force-nav-worksite_wellness a { background-position: left -152px; }
#task-force-nav #task-force-nav-worksite_wellness a:hover,
#task-force-nav #task-force-nav-worksite_wellness a.selected { background-position: -160px -152px; }
#task-force-nav #task-force-nav-healthcare a { background-position: left -213px; }
#task-force-nav #task-force-nav-healthcare a:hover,
#task-force-nav #task-force-nav-healthcare a.selected { background-position: -160px -213px; }
#task-force-nav #task-force-nav-schools a { background-position: left -274px; }
#task-force-nav #task-force-nav-schools a:hover,
#task-force-nav #task-force-nav-schools a.selected { background-position: -160px -274px; }
#task-force-nav #task-force-nav-rural_outreach a { background-position: left -335px; }
#task-force-nav #task-force-nav-rural_outreach a:hover,
#task-force-nav #task-force-nav-rural_outreach a.selected { background-position: -160px -335px; }

#upcoming-activities { margin-top: 20px; }
#upcoming-activities .event { position: relative; min-height: 50px; padding: 6px 0 0 70px; height: 70px; overflow: hidden; }
#upcoming-activities span { display: block; }
#upcoming-activities .category { font-size: 0.9em; }
#upcoming-activities a span { display: inline; font-weight: normal; }
#upcoming-activities a:hover span { color: #4E85C5; }

#upcoming-activities .event-date { position: absolute; left: 8px; top: 6px; background-position: left top; background-repeat: no-repeat;
                                   width: 50px; height: 43px; padding-top: 7px; text-align: center;
                                   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }
#upcoming-activities .event-date .month { font-size: 0.8em; text-transform: uppercase; line-height: 11px; margin-top: 3px; }
#upcoming-activities .event-date .day { font-size: 1.25em; line-height: 21px; }

#upcoming-activities .title { text-transform: uppercase; font-size: 0.90em; line-height: 1.1em; }
#upcoming-activities .description, #upcoming-activities .description p { color: #8d877c; font-size: 1.05em; line-height: 1.2em; margin-bottom: 15px; }
#upcoming-activities .description a { font-weight: normal; }
#upcoming-activities .event-date { background-image: url('/images/interface/date_box.png'); }



#upcoming-meetings { margin-top: 20px; }
#upcoming-meetings .event { position: relative; min-height: 50px; padding: 6px 0 0 70px; height: 70px; overflow: hidden; }
#upcoming-meetings span { display: block; }
#upcoming-meetings .category { font-size: 0.9em; }
#upcoming-meetings a span { display: inline; font-weight: normal; }
#upcoming-meetings a:hover span { color: #4E85C5; }

#upcoming-meetings .event-date { position: absolute; left: 8px; top: 6px; background-position: left top; background-repeat: no-repeat;
                                   width: 50px; height: 43px; padding-top: 7px; text-align: center;
                                   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }
#upcoming-meetings .event-date .month { font-size: 0.8em; text-transform: uppercase; line-height: 11px; margin-top: 3px; }
#upcoming-meetings .event-date .day { font-size: 1.25em; line-height: 21px; }

#upcoming-meetings .title { text-transform: uppercase; font-size: 0.90em; line-height: 1.1em; }
#upcoming-meetings .description, #upcoming-meetings .description p { color: #8d877c; font-size: 1.05em; line-height: 1.2em; margin-bottom: 15px; }
#upcoming-meetings .description a { font-weight: normal; }
#upcoming-meetings .event-date { background-image: url('/images/interface/date_box.png'); }


#activity-calendar { margin-top: 20px; }
#activity-calendar .event { position: relative; min-height: 33px; padding: 6px 0 0 70px; }
#activity-calendar span { display: block; }
#activity-calendar a span { display: inline; font-weight: bold; }
#activity-calendar .category { font-size: 0.9em; }
#activity-calendar a span { display: inline; font-weight: normal; }
#activity-calendar a:hover span { color: #4E85C5; }

#activity-calendar .event-date { position: absolute; left: 8px; top: 6px; background-position: left top; background-repeat: no-repeat;
                                   width: 50px; height: 43px; padding-top: 7px; text-align: center;
                                   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }
#activity-calendar .event-date .day { font-size: 1.25em; line-height: 21px; margin-top: 7px; }

#activity-calendar .title { text-transform: uppercase; font-size: 0.90em; line-height: 1.1em; }
#activity-calendar .description, #activity-calendar .description p { color: #8d877c; font-size: 1.05em; line-height: 1.2em; margin-bottom: 15px; }
#activity-calendar .description a { font-weight: normal; }
#activity-calendar .event-date { background-image: url('/images/interface/date_box.png'); }

#activity-calendar h3.month-header { background-color: #CADAEA; padding: 5px 10px 3px 10px; margin: 20px 0 10px 0; }




#meeting-calendar { margin-top: 20px; }
#meeting-calendar .event { position: relative; min-height: 33px; padding: 6px 0 0 70px; }
#meeting-calendar span { display: block; }
#meeting-calendar .category { font-size: 0.9em; }
#meeting-calendar a span { display: inline; font-weight: normal; }
#meeting-calendar a:hover span { color: #4E85C5; }

#meeting-calendar .event-date { position: absolute; left: 8px; top: 6px; background-position: left top; background-repeat: no-repeat;
                                   width: 50px; height: 43px; padding-top: 7px; text-align: center;
                                   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }
#meeting-calendar .event-date .day { font-size: 1.25em; line-height: 21px; margin-top: 7px; }

#meeting-calendar .title { text-transform: uppercase; font-size: 0.90em; line-height: 1.1em; }
#meeting-calendar .description, #meeting-calendar .description p { color: #8d877c; font-size: 1.05em; line-height: 1.2em; margin-bottom: 15px; }
#meeting-calendar .description a { font-weight: normal; }
#meeting-calendar .event-date { background-image: url('/images/interface/date_box.png'); }

#meeting-calendar h3.month-header { background-color: #CADAEA; padding: 5px 10px 3px 10px; margin: 20px 0 10px 0; }


/*#upcoming-activities a:hover .title { color: #81368a; }*/
/*#upcoming-activities a:hover .event-date { background-image: url('/images/interface/ue_purple.png'); }*/

#join-form fieldset { background-color: #d9ecf7; display: block; width: 560px; margin-bottom: 10px; padding: 10px; }
#join-form label { width: 200px; float: left; text-align: right; padding: 8px 20px 0 0; margin: 0;
                   text-transform: uppercase; font-size: .9em; }
#join-form input[type='text'] { width: 322px; height: 22px; padding: 5px 3px 1px; border: 1px solid #5e84c0; margin-bottom: 10px; font-size: 14px; }
#join-form select { font-size: 14px; margin-top: 7px; }

ul.pdf { padding: 0px 0px 0px 40px; margin: 0; list-style-image: url('/images/interface/icon_pdf.gif'); }


/* directory */
.directory-member { padding: 20px 0; border-bottom: 1px solid #ccc; }
.directory-member .member-name { font-size: 1.1em; font-weight: bold; }
.directory-member .member-title { display: block; font-size: .85em; text-transform: uppercase; line-height: 1.0; margin-bottom: 10px; }
.directory-member .member-address { display: block; line-height: 1.2; margin-bottom: 8px; }
.directory-member .county-name { text-transform: uppercase; color: #666; display: block; font-size: .8em; font-weight: bold; }
.directory-member .task-forces a,
  .directory-member .task-forces a span { font-weight: normal; }
.directory-member.individual {}
.directory-member.organization {}