/* General ---------------------------------------*/ img, div { behavior: url('/images/iepngfix.htc') } body, ul, li, h1, h2, h3, h4, h5, h6, p { margin:0px; padding:0px; } body, input, td, th, textarea { font-family: Arial, Helvetica, sans-serif; } img { border:0px; } td, th { vertical-align:top; text-align:left } /* Font sizes */ body { font-size: 69%; color:#333; } a { text-decoration:none; color:#52721C } a:hover { text-decoration:underline; } table, ul, dl, h2, p { margin-bottom:1.5em; } ul { margin:3px 0 15px 17px; } li { margin-bottom:3px; } h1 { } #main h2 { font-size: 2.1em; margin-bottom:0.75em; color:#68871F; padding-bottom:10px; border-bottom:1px dashed #969696; } #main .wrapper2 h2 { margin-top:-5px; padding-bottom:5px; margin-bottom:10px; } h3, #sidebar h3 { font-size: 1.5em; margin-bottom:0.5em; color:#68871F; } h4 { font-size: 1.2em; margin-bottom:1em; color:#68871F; } #sidebar h4 { font-size:1.5em; margin-bottom:0.5em; color:#444444 } p, li { font-size:1em; line-height:1.4em; } li p { font-size:1em; } textarea { font-size:1.1em } p { margin-bottom:15px; } .center { text-align:center } #main p { font-size:1.2em } /* Structure ---------------------------------------*/ body { text-align:center } #utility, #navigation, #header, #content, #features, #footer, #copyright { min-width:880px; } #utility { min-height:27px; height: auto; } * html #utility { height: 27px; } #utility .wrapper { width:880px; margin:0 auto; text-align:right; } #navigation { min-height:62px; height: auto; background:#B0C626 url('images/template/nav_bg.gif') top left repeat-x; border-bottom:1px solid #C9DA36 } * html #navigation { height: 62px; } #navigation .wrapper { width:880px; margin:0 auto; text-align:left; } #header { background:#1A3915 url('/images/template/header_bg_lines.jpg') top left repeat-x; border-top:1px solid #4D6E03 } #header .wrapper { min-height:134px; height: auto; width:880px; margin:0 auto; text-align:left; background:url('images/template/header_bg_overlay.gif') bottom left no-repeat; } * html #header .wrapper { height:134px; } #header #logo, #header #intro { float:left; display:inline; } #header #logo { width:224px; margin-left:7px; margin-top:21px; } #header #intro { margin:20px 0 0 30px; padding-bottom:1px; width:615px; float:left; display:inline; color:#fff; font-family:"Trebuchet MS"; font-weight:bold; } #header #intro h1 { font-size:2.2em; margin:0; padding:0; color:#ffffff } #header #intro p { font-size:1.45em; color:#A0D12D; line-height:1.3em; margin:0 0 1em; font-family:"Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif} #content { background:#F5F7EC; } #content .wrapper { min-height:300px; height: auto; width:880px; margin:0 auto; text-align:left; } * html #content .wrapper { height:300px; } #main, #sidebar { display:inline; float:left } #main { width:532px; margin-left:17px; } #sidebar { float:right; width:295px; margin-right:1px; } #sidebar h2, #video #sidebar h4, #info #sidebar h2 { color:#fff; text-indent:-9999px; height:21px; font-size:1em; font-family:"Trebuchet MS"; text-align:center; margin:0; background:url('/images/template/right_sidebar_heading2.jpg') top right no-repeat; font-weight:normal; } #info #sidebar h2 {background-image:url('/images/template/right_sidebar_heading_info.jpg'); margin-bottom:5px; height:39px; } #video #sidebar h4 {background-image:url('/images/template/right_sidebar_heading_video.jpg'); margin-bottom:5px; } #video #sidebar p { margin:0 20px 0px 22px; color:#515443; font-weight:bold; } #features { min-height:143px; height: auto; background:#F5F7EC url('images/template/main_bg.gif') bottom left repeat-x;} * html #features { height:143px; } #features .wrapper { width:880px; margin:0 auto; text-align:left; padding-top:30px; } #features .wrapper2 { background: #E4EBC9 url('images/template/feature_bg.jpg') top left repeat-x; float:left; display:inline; width:100%; } #footer { min-height:134px; height: auto; background:url('images/template/footer_bg.jpg') top left repeat-x; } * html #footer { height:134px; } #footer .wrapper { width:880px; margin:0 auto; text-align:left; } #copyright { min-height:40px; height: auto; line-height:40px; color:#688A1E; font-weight:bold } * html #copyright { height:40px; } #copyright .wrapper { width:880px; margin:0 auto; text-align:left; } /* Navigation Lists ---------------------------------------*/ #utility ul, #utility li { margin:0; padding:0; list-style-type:none } #utility li { display:inline; font-size:1.2em; font-weight:bold; margin-left:15px; margin-right:7px; line-height:30px; } #utility li a { color:#92986F; } #header_search { width:155px; float:right; display:inline; margin-top:17px; position:relative; right:-30px; } #header_search input.field_search { width:120px; margin-right:5px; padding:3px 0; float:left; display:inline; } #header_search input.btn_search { padding:0; float:left; display:inline; width:20px; } #navigation ul, #navigation li { margin:0; padding:0; list-style-type:none } #navigation li { float:left; display:inline; font-size:1.4em; font-weight:bold; } #navigation li a { /*color:#2C4D18;*/ color:#fff; display:block; padding:0px 21px 0px; line-height:60px; background-position:bottom center; background-repeat:no-repeat; text-decoration:none } #navigation li a:hover { color:#fff; } /* Highlighting Nav Items */ #navigation li.home a:hover, #home #navigation li.home a, #home #navigation ul:hover li.home a:hover { background:#819E23 url(images/template/nav_item1_hover.jpg) bottom center repeat-x; color:#fff; } #navigation li.video a:hover, #video #navigation li.video a, #video #navigation ul:hover li.video a:hover { background:#147FA1 url(images/template/nav_item2_hover.jpg) bottom center repeat-x; color:#fff; } #navigation li.info a:hover, #info #navigation li.info a, #info #navigation ul:hover li.info a:hover { background:#9D822E url(images/template/nav_item3_hover.jpg) bottom center repeat-x; color:#fff; } #navigation li.find a:hover, #search #navigation li.find a, #search #navigation ul:hover li.find a:hover { background:#FEAB27 url(images/template/nav_item4_hover.jpg) bottom center repeat-x; color:#fff; } #home #navigation ul:hover li.home a, #video #navigation ul:hover li.video a, #info #navigation ul:hover li.info a, #search #navigation ul:hover li.find a { background:none; color:#fff; } ul.features, .features li { margin:0; padding:0; list-style-type:none } ul.features { padding:19px 0 0 21px;} ul.features li { display:inline; float:left; background-position:top left; background-repeat:no-repeat; min-height:63px; height: auto; } * html ul.features li { height: 63px; } ul.features li.video { width:208px; background-image:url('images/template/icon_video.jpg') } ul.features li.listing { margin-left:5px; width:208px; background-image:url('images/template/icon_listing.jpg') } ul.features li.info { margin-left:18px; width:192px; background-image:url('images/template/icon_info.jpg') } ul.features li.help { width:207px; background-image:url('images/template/icon_help.jpg') } ul.features li h3, ul.features li p { } ul.features li h3 { color:#52721C; font-size:1.5em; margin:8px 0 0; padding:0; } ul.features li h3 a { color:#52721C; text-decoration:none; } ul.features li h3 a, ul.features li p a { padding-left:71px; display:block; text-decoration:none } ul.features li h3 a:hover { text-decoration:underline } ul.features li p { color:#583B11; font-size:1.2em; line-height:1.2em } ul.features li p a { color:#583B11; padding-top:3px; } #sidebar ul.features li.video, #sidebar ul.features li.listing, #sidebar ul.features li.info, #sidebar ul.features li.help { margin-left:0; width:310px; margin-bottom:20px;} #sidebar ul.features li h3, #sidebar ul.features li p { float:right; display:inline; width:240px; } #sidebar ul.features li.video { background-image:url('images/template/icon_video_plain.jpg') } #sidebar ul.features li.listing { background-image:url('images/template/icon_listing_plain.jpg') } #sidebar ul.features li.info { background-image:url('images/template/icon_info_plain.jpg') } #sidebar ul.features li.help { background-image:url('images/template/icon_help_plain.jpg') } #footer ul, #footer li { list-style-type:none; margin:0; padding:0; } #footer ul { padding-top:20px; } #footer li { float:left; display:inline; margin-left:20px; font-size:1em } #footer li.first { margin-left:2px; } #footer li a { color:#fff; font-weight:bold; } #accreditation_list { margin:10px 20px 20px 20px; padding: 10px; height: 325px; overflow: scroll; display: block; border: 1px solid #999999 ; background-color: #ffffff; } #accreditation_list ul, #accreditation_list li { margin:0; padding:0; list-style-type:none } #accreditation_list li { font-weight:bold; font-size:14px; line-height:17px; margin-bottom:15px; background:url('images/template/bullet_tick.gif') top left no-repeat; padding-left:25px; } #accreditation_list li, #accreditation_list li a { color:#68871F; } /* Specific Pages ---------------------------------------*/ #main { width:460px; } #sidebar { width:360px; } #header .wrapper { background-image:url('images/template/content_top_bg_about.gif'); background-repeat:top center; background-repeat:no-repeat } /*#sidebar { background: url('images/template/right_sidebar_heading_about.gif') top left no-repeat; }*/ #sidebar { background:#F5F7EC url('images/template/sidebar_bg.jpg') top left no-repeat; margin-top:20px; } #main { width:565px; margin:0; background:url('/images/template/leftcol_bg.gif') top left repeat-y; } /*#home #main { background:url('/images/template/content_leftcol_footer_bg.gif') bottom center no-repeat; }*/ #main .wrapper2 { background:url('/images/template/content_leftcol_footer_bg.gif') bottom center no-repeat; padding:0 16px 30px 17px; } #sidebar {background: url('/images/template/right_sidebar_bg_fill.gif') top right repeat-y; width:295px; margin-top:0; padding-top:0 } #sidebar .wrapper2 { background: url('/images/template/right_sidebar_bg.jpg') bottom right no-repeat; /*background:url('/images/template/content_rightcol_footer_bg.gif') bottom center no-repeat; */ padding-bottom:15px; } #header .wrapper { background-image:url('/images/template/header_bg_overlay2.png'); } #home_search { width:275px; margin-left:10px; } #home_search fieldset, #home_search legend { border:0; } #home_search fieldset label { font-size:1.6em; color:#fff; font-weight:bold; display:block } #info #header .wrapper { background-image:url('/images/template/header_bg_overlay2_info.png'); } #video #header .wrapper { background-image:url('/images/template/header_bg_overlay2_video.png'); } /*#info #main, #video #main { width:495px; margin:0; } #info #main, #video #main { background:url('/images/template/content_bg_about.gif') top left repeat-y; } #info #main .wrapper2 , #video #main .wrapper2 { background:url('/images/template/content_leftcol_footer_bg.gif') bottom center no-repeat; padding:0 16px 30px 17px; } #info #sidebar, #video #sidebar { background:url('/images/template/sidebar_bg_video.gif') top right repeat-y; margin-top:0; margin-right:3px; } #info #sidebar .wrapper2, #video #sidebar .wrapper2 { background:url('/images/template/content_leftcol_footer_bg.gif') bottom center no-repeat; padding:0 20px 30px 20px; }*/ #video .youtube { margin-left:20px; } #search #sidebar { width:295px; margin-left:35px; } #search #header .wrapper { background-image:url('images/template/content_top_bg_search.gif'); } #search #content .wrapper { background-image:url('images/template/content_bg_search.gif');} #search #main { float:left; width:841px; margin-right:0; background:url('images/template/search/wrapper-bottom.jpg') bottom right repeat-y; padding-bottom:1px; } #search #search-panel { float:left; display:inline; width:841px; background:url('images/template/search/wrapper-bg.jpg') top left no-repeat; } #search #sidebar { display:none } #search #content .wrapper { min-height:250px; } * html #search #content .wrapper { height:250px; } #page-register #header .wrapper { background-image:url('/images/template/header_bg_overlay_wide.png'); } #page-register #content .wrapper { background-image:url('/images/template/content_bg_register.gif'); background-repeat:repeat-y; } #page-register #features .wrapper { background-image:url('/images/template/content_wide_footer_bg.gif'); background-repeat:no-repeat; } #page-register #main { float:left; width:841px; margin-right:0; padding-bottom:1px; background:none } #page-register #main .wrapper2 { background:none } #page-register #register #search-panel { float:left; display:inline; width:841px; background:url('images/template/search/wrapper-bg.jpg') top left no-repeat; } #page-register #sidebar { display:none } #instructions { float:left; width:286px; padding-top:0; height:245px; font-family:"Trebuchet MS"; color:#fff; font-weight:bold; font-size:1.4em } #instructions h2, #instructions p { padding-left:24px; width:240px; } #instructions h2 { color:#fff; font-size:2em; line-height:1em; margin:50px 0 10px; border:0; font-weight:normal; } #instructions h2 strong { font-weight:bold } #directorysearch { float:left; display:inline; width:550px; color:#fff; padding-top:20px; } #directorysearch #step1, #directorysearch #step2, #directorysearch #step3 { width:260px; float:left; display:inline; background-position:top left; background-repeat:no-repeat; } #directorysearch #step2 { margin-bottom:35px; } #directorysearch h3 { color:#525442; line-height:30px; margin-bottom:1px; font-size:1.6em } #step2 select#county { width:240px; } #step3 .button { width:240px; } #directorysearch select#services { width:240px; height:100px; } select#services[] option { text-transform:capitalize } #directorysearch p { margin-bottom:6px; } #directorysearch p.note { font-size:1em; font-weight:bold; } #directorysearch .button, #register #submitform { border:1px solid #2F6D02; background:#559405 url('/images/template/button_submit_bg.jpg') top left repeat-x; padding:4px 10px; color:#fff; font-weight:bold; font-size:1em; } #sidebar #directorysearch { float:left; display:inline; width:260px; color:#fff; padding-top:0; margin-left:20px; margin-bottom:15px; } #sidebar #directorysearch #step1, #sidebar #directorysearch #step2, #sidebar #directorysearch #step3 { margin:10px 0 0 0; } form#register #submitform { width:140px; margin-left:190px; } form#register p { clear:both; } form#register label { width:160px; margin-right:20px; float:left; display:inline; padding-bottom:5px; font-weight:bold } form#register label span { font-size:0.8em; font-weight:normal; color:#666 } form#register input.long, form#register textarea { border:1px solid #7F9DB9; padding:2px; width:250px; } form#register input.long:focus, form#register textarea:focus { border:1px solid #000 } .columns2 { /*width:405px;*/ width:50%; float:left; display:inline; } .columns3 { /*width:270px;*/ width:33%; float:left; display:inline; } .columns4 { /*width:202px;*/ width:25%; float:left; display:inline; } form#register ul.choice, ul.choice li { margin:0; padding:0; list-style-type:none } form#register ul.choice { margin-bottom:15px; } form#register ul.choice li { font-size:1.1em; margin-bottom:5px; } form#register ul.choice label { font-weight:normal; display:inline; width:auto; float:none } form#register .section { clear:both; border-bottom:20px solid #fff; padding:10px 5px 5px 10px; background-color:#efefef } /* ++++++++++++++++++++ Inside Sidebar Video ++++++++++++++++++++ */ .playlist { margin:10px 20px 20px 20px; padding: 10px; height: 325px; overflow: scroll; display: block; border: 1px solid #999999 ; background-color: #ffffff; } .playlist ul, .playlist li { margin:0; padding:0; list-style-type:none } .playlist li { clear: both; } .playlist li img { float: left; margin-bottom: 10px; margin-right: 10px; } #map { margin: none; width: 237px; height: 300px; float: left; margin-bottom: 10px; } .search-result { padding:0px 10px 4px; margin-bottom:5px; } #main .search-result h3 { font-size:1.4em; margin-bottom:0px; font-weight:normal; text-decoration:underline; } #main .search-result h3 a { color:#68871F; text-decoration:none; font-weight:bold; } #main .search-result a { color:#008000; text-decoration:none; } #main .search-result a:hover { text-decoration:none; } .search-result p { margin-bottom:2px; line-height:1.3em; } ul.paging, ul.paging li { margin:0; padding:0; list-style-type:none } ul.paging { margin-bottom:20px; text-align:right } ul.paging li { display:inline; font-size:1.2em; } ul.paging li a { font-weight:bold; } ul.paging li.first { margin-left:5px; float:left; } .member-details h4 { margin-bottom:2px; border-top:1px solid #ddd; padding-top:15px; } .member-details .associations li { font-size:1.1em } /* janine videos */ #main .actions { background:url('/images/template/icon_text_toggle.gif') center left no-repeat; line-height:28px; padding-left:30px; } #video #main .actions { margin: 1em 0; font-size: 1.3em;} #toggle { display: none; cursor: pointer; font-weight: bold; } /* Hacks ---------------------------------------*/ .clear { clear:both; height:0; }