/* /////// ------- LAYOUT.CSS ------- \\\\\\\ */ /* Author: Chad Fontaine @ Chameleon Creative Author URI: http://www.chameleoncreative.com/ Version: 5.0 Last Revision: NOV 2020 Revision By: CHAD FONTAINE Project: ------------- Description: Drupal 7 - Structural css only. All the heavy lifting is done here. */ /*-------------------------------------------------------- TABLE OF CONTENTS 1. -- RESETS (zeros out and levels the playing field for, hopefully, consistant diplay across browsers) 2. -- VARIOUS 3. -- FIXES (possibly categorized as kludges ...no hacks) 4. -- SEMANTICS (refers to the aspects of meaning that are expressed in a language, code, or other form of representation of information) 4.1 GENERALIZED GROUPING 4.2 COLUMNS 4.3 FOOTER 4.4 CREDITS 5. -- DRUPAL (Styling the various drupal specific tags and selectors) 5.1 LOGIN FORM 5.2 SITE ADMIN MENU 5.3 PAGE EDIT TABS 5.4 BLOCKS PAGE ---------------------------------------------------------*/ /*############################################################################################################################################################################################################## # # 1. RESETS # ################################################################################################################################################################################################################*/ body { line-height: 1; color: black; background: white; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*############################################################################################################################################################################################################## # # 2. VARIOUS # ################################################################################################################################################################################################################*/ .clear { clear: both; margin: 0; padding: 0; } .none {} #prop { height: 312px; float: left; width: 1px; } .prop_clear { clear: both; height: 1px; overflow: hidden; } .devnotes { color: red; font-size: 14px; font-weight: bold; } /* developer notes */ a.cta { text-decoration:none !important; color:#fff !important; vertical-align:middle; display:inline-block; word-spacing:5px; padding: 5px 40px 5px 40px; color:#fff; margin:0px; font: normal 17px/24px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; background: #033c4f url(../images/layout/plus.gif) no-repeat 10px center;} a.cta:hover { text-decoration:none; color:#129795;} /* 2.1 CSS WILDCARD -------------------------------------------------------------------------------*/ div[id^="someprefix-"]{ width:200px; height:200px; float:left; margin:3px; padding:3px; border:1px solid blue; background:#000;} /* 2.2 OPACITY --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #something {opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} /*############################################################################################################################################################################################################## # # 3. FIXES # ################################################################################################################################################################################################################*/ :focus { outline: 0; } /* remember to define focus styles! */ #toolbar { clear: none !important; z-index:5000 !important; } /*############################################################################################################################################################################################################## # # 4. SEMANTICS # ################################################################################################################################################################################################################*/ body { background: #fff; text-align: center; margin: 0px; padding: 0px; font: 12px Verdana, Arial, Helvetica, sans-serif; } #nav_bar { width: 100%; height:120px; background-color: rgba(255, 255, 255, 0.7); position:absolute; top:25px; left:0px; z-index:500; } #background { width:100%; height:100%; float:left; z-index:1000; position:relative; } #container { width: 1002px; margin: 0px auto; text-align:left; } #outer_wrapper { width:1002px; float:left; z-index:1000;} #wrapper { /*width:1002px; float:left;*/} #inner_wrapper { width:1002px; float:left;} #header { width:1002px; height:305px; float:left;} #secondary_navigation { width:1002px; height:60px; float:left; } #search { width:712px; height:30px; float:left; text-align:right; color:#fff; margin: 10px 0px 10px 0px;} #navigation { width:712px; height:30px; float:left; } #logo, #logo a, #logo a:hover { width:290px; height:81px; float:left; text-decoration:none; display:block; text-indent:-2000em; overflow:hidden;} #logo { background:url(../images/layout/logo.png) no-repeat top center; margin: -5px 0 0 -20px; background-size: contain; } #search, #logo { z-index:3000; position:relative;} #content_wrapper { width:1002px; float:left; clear:both;} #interior_background { width:100%; float:left; height:305px; overflow:hidden; position:absolute; left:0px; top:0px;} #interior_background img.bg { width: 100%; display: block; min-height:305px; min-width:1397px; position:absolute; bottom: -100px; } /* H1 ISNIDE PAGE TITLE FOR INTERIOR PAGES */ #page_title { width:1002px; height:155px; overflow:hidden; float:left;} #page_title h1 { font: normal 36px/42px 'bebasregular', Arial, sans-serif; margin: 110px 0px 0px 0px; padding: 0px; color:#fff; text-transform:uppercase; word-spacing: .3em;} /* CSS3 */ #page_title h1 { text-shadow: 0 0 5px #000000;} /* 4.1 GENERALIZED GROUPING --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #something, #anotherthinglikethefirstthing { display:block;} /* 4.2 COLUMNS --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #column_one { width:242px; float:left; overflow:hidden; padding: 0 0 0 0px;} #column_one .padding { margin: 30px 30px 20px 0px; } #column_two { width:760px; float:right; overflow:hidden;} #column_two .padding { margin: 30px 40px 20px 30px; } body#page-no-sidebar #column_two { width:1002px; } body.page-node-260 #column_two { width:1002px; } body.page-node-245 #column_one { display:none; } body.page-node-245 #column_two { width:1002px; } /* 4.3 FOOTER --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer_wrapper, #footer { height:110px; z-index:3000;} #footer_wrapper { width:100%; float: left; background: url(../images/layout/footer.gif) repeat-x 0px 0px; margin-top:20px; } #footer_background { margin:0px auto; padding:0px; width:1002px; text-align:left; } #footer { width:1002px; float:left; background:url(../images/layout/footer_logo.gif) no-repeat 840px 43px;} /* 4.4 CREDITS --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #credits { width: 401px; float: left; text-align: left; background:url(../images/layout/chameleon_creative.gif) no-repeat 13px 0px; margin-top:40px} #credits a, #credits a:active, #credits a:link, #credits a:visited { margin: 0px 0px 0px 38px; color: #fff; text-decoration: none; display: block; font: normal 11px/10px Arial, Helvetica, sans-serif; } #credits a:hover { color: #129795; text-decoration: none; } /* 4.5 COPYRIGHT --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #copyright { width: 601px; float: right; text-align: right; color: #fff; margin: 0px 0px 0px 0px; } #copyright strong { margin: 40px 170px 0px 0px; display:block; font: normal 11px/11px Arial, Helvetica, sans-serif;} #footer_top { width:1002px; height:32px; float:left; text-align:right;} #footer_top a img { border:none; display:inline-block; margin: 4px 5px 0px 0px;} /*############################################################################################################################################################################################################### # # 5. DRUPAL # ################################################################################################################################################################################################################*/ /* 5.0 SLEEPER SEMANTIC --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #drupal_sleeper_wrapper { display:compact;} /* IF YOU HAVE FOUND THIS AND ARE PLANNING ON SCAMMING PRE-BAKED CODE... GET A BOOK... GO TO SCHOOL... LEARN CSS ON YOUR OWN ...THIEF!!! /* 5.1 LOGIN FORM --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ form#user-login-form { color: #000; margin: 10px 0px; padding:0px 0px; text-align:left; } form#user-login-form a { color: #b9b9be; text-decoration:none; } form#user-login-form a:hover { color:#000; text-decoration:underline; } form#user-login-form input { background:#999; border:1px solid #000; color:#fff } /* 5.2 PAGE EDIT TABS --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #tabs-wrapper a { background:#170901; color:#fff; } #tabs-wrapper a:hover { background:#faf2d8; color: #170901; } #tabs-wrapper a.active { background:#faf2d8; color:#0a1c50; } /* 5.3 BLOCKS PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ table #blocks td.block { color:#000; } div.block-region { background:red; color:white; }/* block regions shown on layout */ td.region { background:#07396b; color:#fff; padding-left:5px; }/* block region titles */ table#blocks td a { color:#C00; } /* configure / delete link */ table#blocks td a:hover { color:#000; } td.block { color:#000; }/* block title */ table#blocks select { width:200px; margin-left:10px; }/* select boxes */ table#blocks td em { color: #F60; padding-left:20px; } table#blocks thead { background:#000; margin-top:10px; } table#blocks thead th { color:#fff; font-weight:bold; font-size:14px; padding:3px; } /* 5.4 SEARCH IN HEADER --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #search .edit-actions {} #search .form-item { margin:0px; padding:0px; vertical-align:top;} #search .form-text, #search .form-submit { border:none; font: normal 12px/28px 'bebasregular', Arial, sans-serif;/*padding-top:10px; padding-bottom:8px;*/ height:28px; vertical-align:middle;} #search .form-text { background:#033c4f; color:#fff; width:200px; padding-left:20px; padding-right:20px;} #search .form-submit { background:#129795; color:#fff; cursor:pointer;} #search .form-submit:hover { background:#033c4f; color:#fff;} /* 5.5 PROJECTS PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body.projects #column_two .padding { margin: 30px 40px 20px 30px; } #project_row_one { width:1002px; float:left;} #project_row_one h2 { color:#129795; font:normal 31px/normal Arial, Helvetica, sans-serif; margin:35px 0px 5px 14px; padding:0px;} .project_box { width:307px; float:left; text-align:center;} .project_box_wrapper { width:277px; margin: 0px auto;} /* .project_box { width:250px; float:left; text-align:center;} .project_box_wrapper { width:220px; margin: 0px auto;} */ #project_row_one .project_box a { text-decoration:none; background:#129795; height:195px; display:inline-block} .project_box a img {border:1px solid #129795;} .project_box a h3 { color:#fff; text-transform:uppercase; text-decoration:none; font:normal 15px/normal Arial, Helvetica, sans-serif; padding: 3px 0px 0px 8px; margin:0px; text-align:center;} .project_box a:hover h3 { text-decoration:none;} #project_row_one .project_box a:hover { background:#0b817f} #project_row_one .project_box a:hover img { border:1px solid #0b817f} #project_row_two { width:1002px; float:left;} #project_row_two h2 { color:#033b4f; font:normal 31px/normal Arial, Helvetica, sans-serif; margin:35px 0px 5px 14px; padding:0px;} #project_row_two .project_box a img {border:1px solid #033b4f;} #project_row_two .project_box a { text-decoration:none; background:#033b4f; height:195px; display:inline-block} #project_row_two .project_box a:hover { background:#002836} #project_row_two .project_box a:hover img { border:1px solid #002836} /* body.projects .transportation h2 { color:#0098a8 !important;} body.projects .transportation .project_box a { background:#008896 !important;} body.projects .transportation .project_box a img { border:1px solid #008896 !important;} body.projects .transportation .project_box a:hover { background:#004951 !important;} body.projects .transportation .project_box a:hover img { border-bottom:1px solid #004951 !important;} body.projects .business-and-productivity h2 { color:#b14600 !important;} body.projects .business-and-productivity .project_box a { background:#b14600 !important;} body.projects .business-and-productivity .project_box a img { border:1px solid #b14600 !important;} body.projects .business-and-productivity .project_box a:hover { background:#5e2100 !important;} body.projects .business-and-productivity .project_box a:hover img { border-bottom:1px solid #5e2100 !important;} body.projects .tourism h2 { color:#1f9508 !important;} body.projects .tourism .project_box a { background:#1f9508 !important;} body.projects .tourism .project_box a img { border:1px solid #1f9508 !important;} body.projects .tourism .project_box a:hover { background:#116800 !important;} body.projects .tourism .project_box a:hover img { border-bottom:1px solid #116800 !important;} */ /* 5.6 CATEGORY PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #category_intro {} body.projects #column_two #category_intro .padding { margin:0px 0px 20px 0px; color:#3a3a3a; font:normal 17px/normal Arial, Helvetica, sans-serif;} #featured_projects {} #featured_projects table {} #featured_projects h4 { color: #006D79; font: 20px/24px Verdana,Arial,Helvetica,sans-serif; margin: 10px 0px 5px 0px; padding: 0;} #featured_projects table td { border-bottom:1px solid #d0c592; padding-bottom:10px;} .featured_box { width:172px; float:left; text-align:center; margin:0px 0px 10px 0px; } .featured_box_wrapper { width:162px; margin: 0px auto;} .featured_box_wrapper a { text-decoration:none !important; height:132px; background: #008896; display:inline-block;} .featured_box a img { border:1px solid #008896; width:160px; height:85px} .featured_box_wrapper a h3 { color:#fff; text-transform:none; text-decoration:none !important; font:normal 12px/normal Arial, Helvetica, sans-serif; padding: 3px 0px 0px 5px; margin:0px; text-align:left;} .featured_box_wrapper a:hover h3 { text-decoration:none;} .featured_box_wrapper a:hover { background:#005861;} .featured_box_wrapper a:hover img { border:1px solid #005861;} .projects-view-all-link {float: left;} /* 5.7 INDIVIDUAL PROJECT PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 690 */ body.node-type-project #page_title h1 { display:none;} /* HIDING REGULAR TITLE */ #project_title { width:690px; float:left; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #d9cda2;} #project_title h1 { color: #333333; font: normal 24px/28px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #project_title h2 { color: #006d79; font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #project_gallery { width:390px; float:right; /*border-left: 1px solid #d9cda2;*/} #project_gallery .padding { margin:0px 0px 0px 0px;} #project_gallery .galleryformatter-greenarrows .gallery-thumbs { padding: 0px; } #project_funders { width:300px; float:left;} #project_funders .padding { margin:30px 0px 0px 0px;} #project_funders div#project-titlez { color: #008896; font-size: 18spx; font-weight: normal; text-decoration: none;} #project_funders table {width:280px;} #project_funders table tr.icet-funded td { font-weight:bold; color:#000; text-align:right;} #project_funders table tr.icet-funded td.name { text-align:left;} #project_funders table td.name { width:210px; font: normal 15px/normal Arial, Helvetica, sans-serif; color:#5e2100; border-bottom:1px solid #d9cda2;} #project_funders table td.price { width:70px; font: bold 15px/normal Arial, Helvetica, sans-serif; color:#008896; border-bottom:1px solid #d9cda2; text-align:right;} #project_funders .field-collection-container { border-bottom: none; margin-bottom: 0px;} #project_facts { width:300px; float:left;} #project_facts .padding { margin:50px 20px 20px 0px; padding:10px 20px; border:1px solid #d9cda2; background:#feffed; font:normal 15px/normal Arial, Helvetica, sans-serif; color:#5e2100;} #project_details { width:490px; float:left;} #project_details .padding { margin:0px 20px 0px 0px; color: #3A3A3A; font: 17px Arial,Helvetica,sans-serif;} #project_attachments { width:600px; float:left;} #project_attachments a.more { display:inline-block; width:275px; text-align:center; /*padding:5px 20px 0px 35px;*/ padding: 5px 0px 0px 0px; color:#fff; margin: 5px 0px 0px 0px; font: normal 17px/22px 'bebasregular', Arial, sans-serif; text-transform:uppercase; text-decoration:none; background: #033c4f url(../images/layout/plus.gif) no-repeat 10px center;} #project_attachments a:hover.more { text-decoration:underline; color:#00cde3;} /* FIREFOX ONLY */ @-moz-document url-prefix() { #project_attachments a.more { /*padding:1px 20px 3px 35px;*/ padding:1px 0px 3px 0px;} } #project_news { width:200px; float:left;} #project_news .padding { margin:0px 0px 0px 0px;} #project_news .date-display-single { font:normal 11px/normal Arial, Helvetica, sans-serif; color:#999; margin-top:20px; display:inline-block;} #project_news a { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#333333; text-decoration:underline; word-spacing:.3em;} #project_news a:hover { color:#006d79;} /* CSS3 */ #project_details a.more { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #project_facts .padding { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* 5.8.2 CHILD MENU --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #child_menu { width:242px; float:left; overflow:hidden;} #child_menu .padding { margin:30px 0px 0px 0px; } #child_menu ul.menu, #child_menu ul.menu li { margin:0px; padding:0px; list-style-image:none; list-style-image:none; list-style-type:none; position:relative;} #child_menu > div > div > ul.menu > li { margin-bottom:10px} body.page-taxonomy #child_menu > div > div > ul.menu > li { margin-bottom:0px} body.page-taxonomy #child_menu > div > div> ul.menu > li { margin-top:30px;} /* LEVEL ONE */ #child_menu ul.menu li a { font: bold 20px/normal Arial, Helvetica, sans-serif; color: #129795; text-decoration: none; } body.page-taxonomy #child_menu ul.menu li a { font: bold 20px/normal Arial, Helvetica, sans-serif; color:#153e50; text-decoration:none;} /* LEVEL TWO */ #child_menu ul.menu ul.menu { margin:10px 0px 10px 15px;} /*#child_menu ul.menu ul.menu li { margin-bottom:5px; padding-bottom:5px; border-bottom: 1px #dcd0a8 dashed; }*/ #child_menu ul.menu ul.menu li a { /*color:#129795;*/ color: #2d8695; font-size: 18px; text-decoration:none; font-weight:normal;} /* LEVEL THREE */ #child_menu ul.menu ul.menu ul.menu { margin:0px 0px 10px 15px;} #child_menu ul.menu ul.menu ul.menu li { } #child_menu ul.menu ul.menu ul.menu li a { /*color:#129795;*/ color: #3a3a3a; font-size: 16px; text-decoration:none; font-weight:normal;} #child_menu ul.menu li a.active, #child_menu ul.menu ul.menu li a.active, #child_menu ul.menu ul.menu ul.menu li a.active { color:#000; font-weight:bold;} #child_menu ul.menu li a:hover, #child_menu ul.menu ul.menu li a:hover, #child_menu ul.menu ul.menu ul.menu li a:hover { color:#000; text-decoration:none; } #child_menu ul.menu li a.active:before, #child_menu ul.menu ul.menu li a.active:before, #child_menu ul.menu ul.menu ul.menu li a.active:before, #child_menu ul.menu li a:hover:before, #child_menu ul.menu ul.menu li a:hover:before, #child_menu ul.menu ul.menu ul.menu li a:hover:before { content:'\25A0'; position:absolute; left: -12px; top:-2px; color:#2d8695;} #child_menu ul, #child_menu ul li { margin:0px; padding:0px; list-style-image:none; list-style-image:none; list-style-type:none;} #child_menu ul li { } #child_menu ul li a { /*font: normal 18px/24px 'bebasregular', Arial, sans-serif; word-spacing:.2em;*/ font:bold 18px/25px Arial, Helvetica, sans-serif; color:#5e2100; text-decoration:none;} #child_menu ul li a.active, #child_menu ul ul li a.active, #child_menu ul li a:hover, #child_menu ul ul li a:hover { color:#000; text-decoration:none;} #child_menu ul ul { margin:0px 0px 10px 10px;} #child_menu ul ul li { /*margin-bottom:5px; padding-bottom:5px; border-bottom: 1px #dcd0a8 dashed;*/ } #child_menu ul ul li a { color:#008896; /*font: normal 16px/22px 'bebasregular', Arial, sans-serif; word-spacing:.2em;*/ font-size: 16px; text-decoration:none; font-weight:normal;} /* CHILD MENU ON ANNUAL REPORTS and STRATEGIC PLAN PAGES --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* TURNED OFF body.page-node-256 #child_menu ul.menu li a, body.page-node-248 #child_menu ul.menu li a { display:inline-block; width:210px; text-align:center; padding: 5px 0px 0px 0px; color:#fff; margin: 5px 0px 0px 0px; font: normal 17px/22px 'bebasregular', Arial, sans-serif; text-transform:uppercase; text-decoration:none; background: #033c4f url(../images/layout/plus.gif) no-repeat 10px center;} body.page-node-256 #child_menu ul.menu li a:hover, body.page-node-248 #child_menu ul.menu li a:hover { text-decoration:underline; color:#00cde3;} body.page-node-256 #child_menu ul.menu li a.active, body.page-node-248 #child_menu ul.menu li a.active { color:#00cde3;} /* FIREFOX ONLY @-moz-document url-prefix() { body.page-node-256 #child_menu ul.menu li a, body.page-node-248 #child_menu ul.menu li a { padding:1px 0px 3px 0px;} } /* CSS3 */ body.page-node-256 #child_menu ul.menu li a, body.page-node-248 #child_menu ul.menu li a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } */ /* ANNUAL REPORTS PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #table_annual_reports {} #table_annual_reports td { text-align:center; padding:10px 0px;} #table_annual_reports td a { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#006d79; text-decoration:none;} #table_annual_reports td a:hover { color:#333333;} #table_annual_reports td a img { border:1px solid #099;} #table_annual_reports td a:hover img { border:1px solid #000;} td#table_annual_reports_current { background:#fff;} /* STRATEGIC PLAN PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #table_strategic_plan {} #table_strategic_plan td { text-align:center; padding:10px 0px;} #table_strategic_plan td a { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#006d79; text-decoration:none;} #table_strategic_plan td a:hover { color: ;} #table_strategic_plan td a img { border:1px solid #099;} #table_strategic_plan td a:hover img { border:1px solid #000;} td#table_strategic_plan_current { background:#fff;} /* NEWS PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body.news {} body.news .view-id-news .views-row { margin-bottom:20px; padding-bottom:10px; border-bottom: 4px solid #e6e6e6; font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#033b4f; word-spacing: 5px;} body.news .view-id-news a { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#006d79; text-decoration:none; word-spacing: 5px;} body.news .view-id-news a:hover { color:#333333;} /* ECONOMIC ANALYSIS PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body.resources {} body.resources .view-id-news .views-row { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #d9cda2; font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#333333;word-spacing: 5px;} body.resources .view-id-news a { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#006d79; text-decoration:none; word-spacing: 5px;} body.resources .view-id-news a:hover { color:#333333;} /* PRESS RELEASES PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body.news {} body.news .view-id-display_press_releases .views-row { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #d9cda2; font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#333333;} body.news .view-id-display_press_releases a { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#006d79; text-decoration:none; word-spacing:.3em} body.news .view-id-display_press_releases a:hover { color:#333333;} /* NEWSLETTER PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body.news {} body.news .view-id-display_newsletters .views-row { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #d9cda2; font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#333333;} body.news .view-id-display_newsletters a { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#006d79; text-decoration:none; word-spacing:.3em} body.news .view-id-display_newsletters a:hover { color:#333333;} /* REGION MAP PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body, html { margin:0px; padding:0px;} #map-outer-wrapper, #map-outer-wrapper div { padding:0px; margin:0px;} .map-wrapper { position:relative; /*max-width:1024px;*/} .map-buttons-wrapper { position:absolute; left:0px; top:0px; right:0px;} .map-wrapper a { display:block; float:left; color:#fff; height:130px; text-indent:-2000px; overflow:hidden;} a.map-button-one { width: 33%;} a.map-button-two { width: 66%;} /*a.map-button-one { background-color: rgba(215, 44, 44, 0.6);} a.map-button-two { background-color: rgba(215, 44, 137, 0.6);}*/ #map-preloader { position:absolute; top: 0px; left: 0px; z-index:10;} #map-preloader img { width:1px; height:1px;} #myImage { z-index:500;} .map-wrapper { z-index:1000;} .map-buttons-wrapper { z-index:2000;} .map-wrapper img { width:100%; height:auto;} #map-outer-wrapper .map-mobile { display:none;} #map-outer-wrapper .map-desktop { display:block;} @media (min-width : 320px) and (max-width: 768px) { #map-outer-wrapper .map-mobile { display:block;} #map-outer-wrapper .map-desktop { display:none;} } @media (min-width : 768px) { #map-outer-wrapper .map-mobile { display:none;} #map-outer-wrapper .map-desktop { display:block;} } #map-outer-wrapper a.more { background:#033c4f url(../images/layout/plus-small.gif) no-repeat 4px center; text-align:center; font: normal 18px/normal Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:4px 20px 4px 30px; margin-top:10px; text-transform:uppercase;} #map-outer-wrapper a:hover.more { text-decoration:none; color:#129795;} /* GRANTS PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #grants_boxes { width:1002px; float:left; text-align:center;} .grants_box_inner_wrapper { } #grant-01 { margin: 0 2px 0 0; } #grant-02 { margin: 0 0px 0 2px; } .grants_box_wrapper { width:483px; float:left;} #grants_boxes h2 { background:#033b4f; color:#fff; font: normal 18px/normal Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; margin:0px; padding: 10px 0px 10px 0px;} #grants_boxes .content { background:#e6e6e6; text-align:center;} #grants_boxes .content p { margin:0px; padding: 10px 20px 20px 20px; color:#3a3a3a; font:normal 17px/normal Arial, Helvetica, sans-serif;} /* #grants_boxes .more { margin: -10px auto 0px auto; vertical-align:top;} #grants_boxes .more a { display:inline-block; padding:5px 35px 0px 35px; color:#fff; margin:0px; word-spacing:5px; font: normal 17px/22px 'bebasregular', Arial, sans-serif; text-transform:uppercase; text-decoration:none; background: #033c4f url(../images/layout/plus.gif) no-repeat 10px center;} #grants_boxes .more a:hover { text-decoration:underline; color:#00cde3;} */ #grants_boxes .more { margin: -10px auto 0px auto; vertical-align:top; } #grants_boxes .more a { vertical-align:middle; display:inline-block; word-spacing:5px; padding: 5px 40px 5px 40px; color:#fff; margin:0px; font: normal 17px/24px Arial, Helvetica, sans-serif; /*font: normal 17px/33px 'bebasregular', Arial, sans-serif; */ text-transform:uppercase; text-decoration:none; background: #033c4f url(../images/layout/plus.gif) no-repeat 10px center;} #grants_boxes .more a:hover { text-decoration:none; color:#129795;} /* FIREFOX ONLY */ @-moz-document url-prefix() { #grants_boxes .more a { padding:1px 35px 3px 35px;} } /* CSS3 #grants_boxes h2 { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } #grants_boxes .content { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } #grants_boxes .more a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }*/ /* ECONOMIC DAHSBOARD --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .economic_dashboard_row { width:1002px; float:left; clear:both; margin:20px 0px 10px 0px; padding-bottom:20px; border-bottom:1px solid #d7cea3;} .economic_dashboard_col_one { width:233px; float:left; text-align:center;} .economic_dashboard_col_one h2 { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#333333; word-spacing:.3em; margin-bottom:10px;} .economic_dashboard_col_one a {} .economic_dashboard_col_two { width:302px; float:left; text-align:center;} .economic_dashboard_col_two img { width:280px; height:167px;} .economic_dashboard_col_three { width:233px; float:left; text-align:center;} .economic_dashboard_col_three h3 { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#006d79; word-spacing:.3em;} .economic_dashboard_col_three h4 { font: normal 24px/32px 'bebasregular', Arial, sans-serif; color:#006d79; word-spacing:.3em;} .economic_dashboard_col_four { width:233px; float:left; text-align:center;} .economic_dashboard_col_four h3 { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#006d79; word-spacing:.3em;} .economic_dashboard_col_four h4 { font: normal 24px/32px 'bebasregular', Arial, sans-serif; color:#006d79; word-spacing:.3em;} .economic_dashboard_col_three div, .economic_dashboard_col_four div { width:233px; height:80px; background: url(../images/layout/arrow-no-change.png) no-repeat center top;} .economic_dashboard_col_three div.arrow_up_red, .economic_dashboard_col_four div.arrow_up_red { background:url(../images/layout/arrow-up-red.png) no-repeat center top;} .economic_dashboard_col_three div.arrow_up_green, .economic_dashboard_col_four div.arrow_up_green { background:url(../images/layout/arrow-up-green.png) no-repeat center top;} .economic_dashboard_col_three div.arrow_down_red, .economic_dashboard_col_four div.arrow_down_red { background:url(../images/layout/arrow-down-red.png) no-repeat center top;} .economic_dashboard_col_three div.arrow_down_green, .economic_dashboard_col_four div.arrow_down_green { background:url(../images/layout/arrow-down-green.png) no-repeat center top;} /* Sidebar 3 */ #block-block-5 {padding: 0 0 0 0px;} /* SIDEBAR STATISTICS */ #block-views-side-statistics-block { padding: 0 0 0 0px; width: 200px; height: 228px; background-color:#129694; /*background:url(../images/layout/side-block-05-statistic-09.png) no-repeat center top;*/} #block-views-side-statistics-block h2 { font: normal 16px/22px Arial, Helvetica, sans-serif; color: #fff; background: #033b4f; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 10px; text-align:center;} #side-statistic {float: left;} #side-statistic #large {font-size: 36px; color: #ffffff; text-align: center; width: 164px; float: left; padding: 56px 18px 10px 18px;} #side-statistic #small {font-size: 17px; line-height: 20px; color: #ffffff; text-align: center; width: 160px; float: left; padding: 5px 20px 2px 20px;} /* SIDEBAR ANNUAL REPORT */ #annual-report-icon { padding: 0 0 0 0px; margin: 20px 0px; width: 200px; height: auto; background-color:#129694; /*background:url(../images/layout/side-block-05-statistic-09.png) no-repeat center top;*/ text-align:center} #annual-report-icon h2 { font: normal 16px/22px Arial, Helvetica, sans-serif; color: #fff; background: #033b4f; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 10px; text-align:center;} #annual-report-icon a { display:block; padding:10px;} #annual-report-icon img { max-width: 100%; height: auto; display:block;} /* SIDEBAR NEWSLETTER SIGNUP */ /* #block-simplenews-5 { width: 180px; height: 154px; background:url(../images/layout/3-blocks-5-NEWS_01-200.png) no-repeat center top; padding: 26px 10px 10px 10px; font-size: 17px; line-height: 20px; color: #ffffff; text-align: center; } body.not-logged-in #block-simplenews-5 { width: 180px; height: 239px; background:url(../images/layout/3-blocks-5-NEWS-not-logged-in_01.png) no-repeat center top; padding: 26px 10px 10px 5px; font-size: 17px; line-height: 20px; color: #ffffff; text-align: center; } #block-simplenews-5 .content {margin: 0 0 0 6px;} #block-simplenews-5 .issues-link {display: none;} */ #block-simplenews-5 .content { margin: 0px 10px 0px 0px;} #block-simplenews-5 p { font: normal 16px/22px Arial, Helvetica, sans-serif; color: #fff; background: #3c3c3c; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 10px; display:block; } #block-simplenews-5 form { background-color: #129694; border-top:none; padding:10px; text-align:center; } #block-simplenews-5 g-recaptcha { text-align:center;} #block-simplenews-5 .g-recaptcha div { margin: 0px auto; text-align:center;} #block-simplenews-5 .g-recaptcha div div { margin-left:1px} #block-simplenews-5 { text-align:center;} #block-simplenews-5 iframe { margin: 0px auto;} #block-simplenews-5 label { font-size:16px; color:#fff; margin-bottom:5px;} #block-simplenews-5 input { width:152px;} #block-simplenews-5 #edit-submit--2 { width:155px; margin-bottom:20px; background:#033b4f; border:none; text-align:center; font: normal 14px/normal Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:5px 20px; text-transform:uppercase;} #block-simplenews-5 #edit-submit--2 more { text-decoration:none; color:#fff; background-color:#002532;} #block-simplenews-5 .form-item, #block-simplenews-5 .form-actions { margin-top: 0px; } #search .captcha-admin-links { display:none !important;} span.highlightz {font-size: 20px;color: #e37f43; font-weight:normal;} /* REMOVE HOMEPAGE TITLE */ body.front #column_two h1 {display: none;} /* SUPER SIDEBAR MENU ACTION */ #block-menu-menu-board-menu li a { display:inline-block; width:210px; text-align:center; padding: 5px 0px 5px 0px; color:#fff; margin: 3px 0px 0px 0px; font: normal 17px/22px 'bebasregular', Arial, sans-serif; text-transform:uppercase; text-decoration:none; background: #033c4f url(../images/layout/plus.gif) no-repeat 6px center;} #block-menu-menu-board-menu li a:hover { text-decoration:none; color:#129795;} #block-menu-menu-board-menu li a:active { color:#129795;} /* FIREFOX ONLY @-moz-document url-prefix() { #block-block-2.contextual-links-region li a, #block-menu-menu-board-menu li a { padding:1px 0px 3px 0px;} } */ /* CSS3 #block-menu-menu-board-menu li a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }*/ /* Board Menu Fixes */ #block-menu-menu-board-menu ul {list-style:none; margin: 0; padding: 0;} #block-menu-menu-board-menu ul li {list-style:none; margin: 0; padding: 0;} /* Sidebar Menu Titles */ .region-sidebar h2 { text-align: center; font: 24px/28px Verdana,Arial,Helvetica,sans-serif; padding: 0 0 0 12px;} /* Board Menu Revised */ #board-menu-div {width: 582px; float: left; height: 60px; padding: 10px 0 0 10px; position: relative; z-index: 1000;} #board-menu-div li {display: inline; z-index: 1000;} #board-menu-div li a {word-spacing: 8px;} #board-menu-div #block-menu-menu-board-menu li a {width: 188px;} /* Strategy Objectives Page */ #strategic-box {float: left; padding: 20px; width: 120px; height: 120px; margin: 10px 0px 30px 0; background-color: #e37f43; font-size: 28px; color: #ffffff; text-align:center; line-height: 108px; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } #strategic-box-02 {float: left; padding: 20px; width: 120px; height: 120px; margin: 10px 0px 30px 0; background-color: #006d79; font-size: 28px; color: #ffffff; text-align:center; line-height: 108px; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } #strategic-content {float: left; width: 480px; padding: 0px 0px 0px 30px; } #strat-box-holder { width: 165px; float: left;} ul#valuez li {line-height: 45px;} #strategic-content hr {height: 2px; background-color: #E37F43; border:none;} /* Sidebar list Stuff */ #block-block-4 ul li, #block-block-2 ul li { list-style: none; margin: 0; padding: 0; } #block-block-4 ul li a, #block-block-2 ul li { color: #5E2100; font: bold 18px/25px Arial,Helvetica,sans-serif; text-decoration: none; } #block-block-4 ul li a.active, #block-block-4 ul li a.active, #block-block-4 ul li a:hover, #block-block-4 ul li a:hover, #block-block-2 ul li a.active, #block-block-2 ul li a.active, #block-block-2 ul li a:hover, #block-block-2 ul li a:hover { color: #000000; text-decoration: underline; } /* Projects */ #featured_projects {} /* Economic Infrastructure Program */ /* Economic Infrastructure Program MENU --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #program_menu .padding { margin: 30px 0 0 15px; } #program_menu { width:242px; float:left; overflow:hidden;} #program_menu.padding { margin:30px 0px 0px 15px; } #program_menu ul.menu, #program_menu ul.menu li { margin:0px; padding:0px; list-style-image:none; list-style-image:none; list-style-type:none;} #program_menu ul.menu li { } #program_menu ul.menu li a { /*font: normal 18px/24px 'bebasregular', Arial, sans-serif; word-spacing:.2em;*/ font:bold 18px/25px Arial, Helvetica, sans-serif; color:#5e2100; text-decoration:none;} #program_menu ul.menu li a.active, #program_menu ul.menu ul.menu li a.active, #program_menu ul.menu li a:hover, #program_menu ul.menu ul.menu li a:hover { color:#000; text-decoration:underline;} #program_menu ul.menu ul.menu { margin:0px 0px 10px 10px;} #program_menu ul.menu ul.menu li { /*margin-bottom:5px; padding-bottom:5px; border-bottom: 1px #dcd0a8 dashed;*/ } #program_menu ul.menu ul.menu li a { color:#008896; /*font: normal 16px/22px 'bebasregular', Arial, sans-serif; word-spacing:.2em;*/ font-size: 16px; text-decoration:none; font-weight:normal;} .page-node-1010 #column_two h2 { clear:both;} .page-node-1010 #column_two hr { border:none; border-bottom:1px solid #CCC; clear:both; height:auto;} /* Media Holders */ div.media-holder {width: 230px; float: left; margin: 0px 0px 25px 0px; height: 300px;} div.media-holder { text-align:center; padding:10px 0px;} div.media-holder a { font: normal 16px/22px 'bebasregular', Arial, sans-serif; color:#006d79; text-decoration:none; word-spacing:2px;} div.media-holder a:hover { color:#333333;} div.media-holder a img { border:1px solid #099;} div.media-holder a:hover img { border:1px solid #000;} /* Simple News titles too long fix'ems */ body.node-type-simplenews #header { height: 205px;} /* Title News Page Fix */ body.node-type-simplenews div#inner_wrapper div#content_wrapper {margin: 110px 0 0 0;} body.node-type-simplenews h1 {font: 27px Arial,Helvetica,sans-serif;} /* Multi Subscribe widget */ #block-simplenews-0 { width: 170px; height: 320px; background:url(../images/layout/news-sign-multi4.png) no-repeat center top; /* background-color: pink; */ padding: 26px 15px 10px 15px; font-size: 14px; line-height: 17px; color: #ffffff; text-align: center; } #block-simplenews-0 .content {margin: 0 0 0 6px;} #admin-menu { z-index: 99999; } /* Title News/Press Release Page Fix */ #newz {font-size: 18px;} .view-display-all-projects-by-term .views-row-3 .featured_box h3 {font-size: 11px;}