/* ----------------------------------------------------------------------- DRUPAL GHHI STYLES font-family: "museo-slab",serif; font-family: "refrigerator-deluxe",sans-serif; font-family: "league-gothic",sans-serif; ----------------------------------------------------------------------- */ @import url(reset.css); html { } body { width: 100%; background: #f9f9f9 url(../_images/bg-body.gif) 0 0 repeat; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; } .mobileOnly { display: none; } .tabletOnly { display: none; } .clear { clear: both; } p.clear { height: 1px; padding: 0px; margin: 0px; } .inner { width: 1140px; margin: 0 auto; position: relative; } #header { width: 100%; height: 152px; background-color: #dde8ee; position: relative; } #header .inner { height: 152px; } #header #logo { position: absolute; top: 35px; left: 30px; } #header #logo a { display: block; width: 205px; height: 99px; background: transparent url(../_images/logo-main.png) 0 0 no-repeat; text-indent: -9999px; } #header #auxNav { position: absolute; top: 0px; right: 120px; width: 425px; height: 35px; overflow: hidden; padding-top: 8px; } #header #auxNav ul { margin: 0px; padding: 10px 0 0 0; } #header #auxNav ul li { float: left; display: inline; color: #95b848; margin: 0 10px 0 0; padding: 0px; font-family: "museo-slab",serif; } #header #auxNav ul li a { color: #6ea8d0; font-size: 13px; text-decoration: none; padding: 0 10px 0 7px; display: inline; background: transparent url(../_images/blt-blue.png) left 5px no-repeat; transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s; -o-transition: color .3s; } #header #auxNav ul li a:hover { color: #18264e; text-decoration: none; } #header #auxNav ul li.active-trail a { color: #a1bdc7; background: transparent url(../_images/blt-peri.png) left 5px no-repeat; } #header #auxNav ul li.menu-450 { } #header #auxNav ul li.menu-450 a { color: #fff; font-size: 13px; text-decoration: none; padding: 8px 10px 8px 20px; display: inline; background: #6ea8d0 url(../_images/blt-white.png) 12px center no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background-color .3s; -moz-transition: background-color .3s; -webkit-transition: background-color .3s; -o-transition: background-color .3s; } #header #auxNav ul li.menu-450 a:hover { background-color: #18264e; color: #fff; } #header #search-block-form { position: absolute; top: 12px; right: 0px; width: 255px; height: 35px; overflow: hidden; } #header #search-block-form .form-type-textfield input { width: 235px; height: 29px; padding: 1px 10px; margin: 0px; position: absolute; right: 0px; top: 0px; border: none; background-color: #fff; z-index: 8; } #header #search-block-form #edit-actions input { position: absolute; right: 0px; top: 0px; height: 29px; width: 29px; margin: 0px; border: none; text-indent: -9999px; line-height: 0px; background: transparent url(../_images/bg-search.gif) right 0px no-repeat; cursor: pointer; line-height: 1px; text-transform: capitalize; z-index: 9;} #header #mainNav { height: 45px; width: 825px; overflow: hidden; position: absolute; bottom: 0px; right: 0px; } #header #mainNav ul { margin: 0px; padding: 0px; } #header #mainNav ul li { list-style-type: none; padding: 0px; float: left; display: inline; height: 45px; border-right: 1px solid #b3d1dd; margin: 0px; } #header #mainNav ul li a { font-family: "museo-slab",serif; color: #18264e; font-size: 17px; text-decoration: none; padding: 10px 12px; display: block; transition: background-color .3s, color .3s; -moz-transition: background-color .3s, color .3s; -webkit-transition: background-color .3s, color .3s; -o-transition: background-color .3s, color .3s; } #header #mainNav ul li.active-trail a, #header #mainNav ul li a:hover { background-color: #18264e; color: #dde8ee; } #header #mainNav ul li.active-trail a { color: #fff; } #header #mainNav ul li.last { border-right: none; } #interiorBanner { height: 170px; background-color: #18264e; position: relative; background-position: top center; } #interiorBanner .inner { height: 170px; } #interiorBanner h1 { color: #ffff99; text-transform: uppercase; font-size: 60px; font-weight: normal; position: absolute; bottom: 25px; left: 30px; margin: 0px; padding: 0px; font-family: "league-gothic",sans-serif; } #interiorBanner h1.hasSub { bottom: 55px; } #interiorBanner .breadcrumb { color: #999; font-size: 11px; position: absolute; left: 30px; top: 10px; } #interiorBanner .breadcrumb a { color: #bbe3f9; text-decoration: none; transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s; -o-transition: color .3s; } #interiorBanner .breadcrumb a:hover { color: #fff; } #interiorBanner #subNav { position: absolute; bottom: 0px; height: 52px; width: 100%; } #interiorBanner #subNav .bg { background-color: #000; opacity: .5; position: absolute; bottom: 0px; height: 52px; width: 100%; } #interiorBanner #subNav ul { margin: 0px; padding: 0px; } #interiorBanner #subNav ul li { list-style-type: none; padding: 0px; float: left; display: inline; height: 52px; margin: 0px; } #interiorBanner #subNav ul li a { font-family: "museo-slab",serif; color: #bbe3f9; font-size: 16px; text-decoration: none; padding: 14px 20px 14px 30px; display: block; transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s; -o-transition: color .3s; background: transparent url(../_images/blt-powder.png) 22px 23px no-repeat; } #interiorBanner #subNav ul li a:hover { color: #fff; } #interiorBanner #subNav ul li.active-trail a { color: #ffff99; background: #001f43 url(../_images/blt-yellow.png) 22px 23px no-repeat; } #topSpan { background-color: #fff; width: 1080px; margin: 0 auto; padding: 30px; border-bottom: 8px solid #f5f5f5; position: relative; } .tabs { background-color: #dde8ee; padding: 10px 10px; width: 1050px; margin: 0px auto 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .tabs ul.primary { border: none; margin: 0px; padding: 0px; } .tabs ul.secondary { border-bottom: none; margin: 0px; padding: 0px; } .tabs ul.primary li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/PIE.php); color: #0068b3; border: 1px solid #0068b3; padding: 3px 8px; font-size: 12px; font-weight: bold; } .tabs li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/PIE.php); color: #90b83d; border: 1px solid #18264e; } .messages { margin: 10px auto 0px; width: 990px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/PIE.php); } #actionAlert { height: 102px; width: 1080px; background: transparent url(../_images/bg-action-alert.jpg) 0 0 no-repeat; color: #fff; font-family: "museo-slab",serif; font-size: 16px; position: relative; } #actionAlert p { padding: 25px 190px 0; } #actionAlert p.btnRed a { position: absolute; right: 20px; top: 25px; } #main { background-color: #fff; min-height: 500px; width: 1080px; margin: 0 auto; padding: 30px; border-bottom: 8px solid #f5f5f5; position: relative; } a.redArrow { background: transparent url(../_images/blt-link-red.png) 0 5px no-repeat; padding-left: 9px; } a.yellowArrow { background: transparent url(../_images/blt-link-yellow.png) 0 5px no-repeat; padding-left: 9px; } a span.arrow { border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #000; height: 0px; width: 0px; display: inline-block; padding-right: 5px; margin-bottom: 1px;} a.pdfIcon { background: transparent url(../_images/icon-inline-pdf.png) top right no-repeat; padding-right: 19px; } a span.pdfIcon { background: transparent url(../_images/icon-inline-pdf.png) top right no-repeat; padding-right: 19px; } /* a span.yellow { border-left: 5px solid #ff9; } a span.red { border-left: 5px solid #CD1111; } */ #main.split { background: #fff url(../_images/bg-grey-vert-bar.gif) 770px top repeat-y; } #main #mainLeft { float: left; display: inline; width: 710px; min-height: 500px; margin: 0 30px 0 0; } #main #mainLeft .retailLeft { float: left; display: inline; width: 325px; margin-right: 40px; } #main #mainLeft .retailLeft h3 { margin-bottom: 15px; } #main #mainLeft .retailRight { float: left; display: inline; width: 325px; } #main #mainLeft .retailRight h3 { margin-bottom: 15px; } #main #mainLeft .calloutBox { background-color: #eef2f8; padding: 20px; margin: 10px 0; } #main #mainLeft .calloutBox h3 { text-transform: uppercase; color: #6bbcea; font-family: "league-gothic",sans-serif; font-size: 40px;} #main #mainLeft .calloutBox p { color: #000; } #main #mainLeft p img { margin: 0 15px 5px 0; } #main #mainRight { float: left; display: inline; width: 310px; min-height: 500px; margin: 0 0 0 30px; } #main #mainRight h4 { color: #6bbcea; font-size: 22px; line-height: 22px; font-weight: normal; margin-bottom: 15px; text-transform: uppercase; font-family: "museo-slab",serif; } #main #mainRight .sidebarPromo { margin-bottom: 25px; position: relative; } #main #mainRight .sidebarPromo .editPromo { position: absolute; top: 5px; right: 5px; font-size: 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #0068b3; border: 1px solid #0068b3; padding: 3px 8px; font-weight: bold; background-color: #fff; behavior: url(/PIE.php); } #main #mainRight .sidebarPromo ul.statesIcons { margin: 0px; padding: 0px; height: 550px;} #main #mainRight .sidebarPromo ul.statesIcons li { list-style-type: none; margin: 0px; padding: 0px; width: 145px; height: 62px; float: left; display: inline; margin-right: 5px; } #main #mainRight .sidebarPromo ul.statesIcons li a { padding: 17px 0 0 60px; display: block; height: 47px; width: 85px; font-family: "museo-slab",serif; height: 14px; line-height: 14px;} #main #mainRight .sidebarPromo ul.statesIcons li.ca { background: transparent url(../_images/icon-state-ca.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.ct { background: transparent url(../_images/icon-state-ct.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.dc { background: transparent url(../_images/icon-state-dc.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.de { background: transparent url(../_images/icon-state-de.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.il { background: transparent url(../_images/icon-state-il.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.ky { background: transparent url(../_images/icon-state-ky.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.ma { background: transparent url(../_images/icon-state-ma.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.md { background: transparent url(../_images/icon-state-md.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.me { background: transparent url(../_images/icon-state-me.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.mi { background: transparent url(../_images/icon-state-mi.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.nh { background: transparent url(../_images/icon-state-nh.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.nj { background: transparent url(../_images/icon-state-nj.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.nm { background: transparent url(../_images/icon-state-nm.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.ny { background: transparent url(../_images/icon-state-ny.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.oh { background: transparent url(../_images/icon-state-oh.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.pa { background: transparent url(../_images/icon-state-pa.png) 0 0 no-repeat; } #main #mainRight .sidebarPromo ul.statesIcons li.ri { background: transparent url(../_images/icon-state-ri.png) 0 0 no-repeat; } #main #mainRight #views-exposed-form-articles-view-articles-view-embed { margin-bottom: 30px; } #main #mainRight #views-exposed-form-articles-view-articles-view-embed label { color: #6BBCEA; font-family: "museo-slab",serif; font-size: 22px; text-transform: uppercase; font-weight: normal; } #main #mainRight #views-exposed-form-articles-view-articles-view-embed label.option { color: #000; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 12px; text-transform: none; font-weight: bold; } #main #mainRight #views-exposed-form-articles-view-articles-view-embed .bef-checkboxes .form-item { width: 145px; float: left; display: inline; } .views-exposed-widgets .views-submit-button input { border: none; cursor: pointer; } .views-exposed-widgets .views-reset-button input { border: none; text-align: center; color: #fff !important; font-size: 18px; font-family: "league-gothic",sans-serif; background-color: #c5c5c5; padding: 12px 9px; text-transform: uppercase; margin: 0 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; cursor: pointer; behavior: url(/PIE.php); } .views-exposed-widgets .views-reset-button input:hover { background-color: #aaa !important; } #main #mainRight #views-exposed-form-members-events-view-members-events-view-embed { margin-bottom: 30px; } #main #mainRight #views-exposed-form-members-events-view-members-events-view-embed label { color: #6BBCEA; font-family: "museo-slab",serif; font-size: 22px; text-transform: uppercase; font-weight: normal; } #main #mainRight #views-exposed-form-members-events-view-members-events-view-embed label.option { color: #000; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 12px; text-transform: none; font-weight: bold; } #main #mainRight #views-exposed-form-members-events-view-members-events-view-embed .bef-checkboxes .form-item { width: 145px; float: left; display: inline; } #topSpan #views-exposed-form-members-view-members-view-embed { position: relative; } #topSpan #views-exposed-form-members-view-members-view-embed label { color: #0068b3; font-family: "league-gothic",sans-serif; font-size: 28px; text-transform: uppercase; font-weight: normal; } #topSpan #views-exposed-form-members-view-members-view-embed label.option { color: #000; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 12px; text-transform: none; font-weight: bold; } #topSpan #views-exposed-form-members-view-members-view-embed .bef-checkboxes .form-item { width: 135px; float: left; display: inline; } #topSpan #views-exposed-form-members-view-members-view-embed .views-submit-button input { position: absolute; right: 0px; top: 20px; } #topSpan #views-exposed-form-members-view-members-view-embed .views-reset-button input { position: absolute; right: 0px; top: 70px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed { position: relative; height: 310px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed label { color: #0068b3; font-family: "league-gothic",sans-serif; font-size: 28px; text-transform: uppercase; font-weight: normal; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed label.option { color: #000; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 12px; text-transform: none; font-weight: bold; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .bef-checkboxes .form-item { width: 135px; float: left; display: inline; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed #edit-type-wrapper .bef-checkboxes .form-item { clear: left; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-submit-button input { position: absolute; right: 0px; top: 20px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-reset-button input { position: absolute; right: 0px; top: 70px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .form-type-textfield input { padding: 8px 2px; font-size: 14px; color: #999; float: left; display: inline; margin: 0px; border: 1px solid #999; width: 175px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_type_tid { position: absolute; top: 77px; left: 0px; width: 200px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-exposed-widget views-widget-filter-title { position: absolute; top: 0px; left: 0px; width: 300px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-exposed-widget views-widget-filter-title input { width: 175px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_related_states_2_tid { position: absolute; top: 0px; left: 205px; width: 540px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_tags_tid { position: absolute; top: 170px; left: 205px; width: 860px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_tags_tid .bef-checkboxes .form-item { width: 215px; float: left; display: inline; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_case_number_value { position: absolute; top: 0px; left: 750px; width: 300px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_case_number_value input { width: 220px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_date_value_1 { position: absolute; top: 77px; left: 750px; width: 125px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_date_value_1 input { width: 95px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_date_value { position: absolute; top: 77px; left: 870px; width: 125px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_date_value input { width: 95px; } #topSpan form { position: relative; } #topSpan form label { color: #0068b3; font-family: "league-gothic",sans-serif; font-size: 28px; text-transform: uppercase; font-weight: normal; } #topSpan form label.option { color: #000; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 12px; text-transform: none; font-weight: bold; } #topSpan form .bef-checkboxes .form-item { width: 135px; float: left; display: inline; } #topSpan form .form-item-funding .bef-checkboxes .form-item { width: 300px; float: left; display: inline; } #topSpan form .form-item-subby .bef-checkboxes .form-item { width: 180px; float: left; display: inline; } #topSpan form .form-item-type { width: 600px; } #topSpan form .form-item-type .bef-checkboxes .form-item { width: 200px; float: left; display: inline; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_type_tid { position: absolute; top: 77px; left: 0px; width: 200px; } #topSpan form .views-submit-button input { position: absolute; right: 0px; top: 20px; } #topSpan form .views-reset-button input { position: absolute; right: 0px; top: 70px; } #topSpan form .form-type-textfield input { padding: 8px 2px; font-size: 14px; color: #999; float: left; display: inline; margin: 0px; border: 1px solid #999; width: 175px; } #topSpan form .views-widget-filter-field_document_date_value_1 { position: absolute; top: 0px; left: 750px; width: 125px; } #topSpan form .views-widget-filter-field_document_date_value_1 input { width: 95px; } #topSpan form .views-widget-filter-field_document_date_value { position: absolute; top: 0px; left: 870px; width: 125px; } #topSpan form .views-widget-filter-field_document_date_value input { width: 95px; } #main .bluebg { position: relative; background: #4c89bb url(../_images/bg-blue-texture.jpg) center center repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; behavior: url(/PIE.php); } #main .bluebg h4 { font-size: 18px; color: #fff; line-height: 18px; margin-bottom: 5px; text-transform: uppercase; font-family: "museo-slab",serif; } #main #mainRight .bluebg h4 { font-size: 18px; color: #fff; margin-bottom: 5px; } #main .bluebg h4 span { font-size: 20px; color: #ffff99; display: block; } #main .bluebg p { font-size: 14px; color: #fff; margin-bottom: 5px; line-height: 20px; } #main .bluebg p.readMore { clear: both; margin: 0px; } #main .bluebg p.readMore a { font-weight: bold; color: #ffff99; } #main .bluebg p a { font-weight: bold; color: #ffff99; } #main .view-members-view .views-row { clear: both; background-color: #ededed; margin-bottom: 20px; padding: 15px; width: 645px; height: 120px; height: auto !important; min-height: 120px; font-size: 14px; display: block; position: relative; } #main .view-members-view h5 { font-family: "museo-slab",serif; font-size: 22px; font-weight: normal; margin-bottom: 0px; color: #d32c2c; } #main .view-members-view .states { font-size: 14px; } #main .view-members-view .states a { color: #0068b3; font-size: 14px; font-style: italic; } #main .view-members-view p.meta { font-size: 14px; margin: 0 0 5px 0; } #main .view-members-view .y { color: #999; } #main .view-members-view .views-row p.editBtn { position: absolute; bottom: 0px; right: 20px; font-size: 10px; } #main .view-members-view .views-row .memberContent { width: 405px; padding-left: 222px; } #main .view-members-view .views-row .memberContent .services { padding: 10px 0; } #main .view-members-view .views-row .memberContent .services img { margin-right: 5px; } #main .view-members-view .views-row .logoHolder { float: left; display: inline; width: 202px; } #main .view-articles-view .views-row { clear: both; color: #666; padding-bottom: 35px; font-size: 14px; } #main .view-articles-view .views-row .dateOuter { float: left; display: inline; width: 58px; } #main .view-articles-view h5 { font-size: 14px; color: #cd1111; margin-bottom: 0px; } #main .view-articles-view .states a { color: #0068b3; } #main .view-articles-view p.meta { font-size: 14px; margin: 0 0 5px 0; } #main .view-articles-view .y { color: #999; } #main #latestTitle { background-color: #f1f1f1; height: 12px; width: 100%; margin: 10px 0 20px; position: relative; } #main #latestTitle h5 { background-color: #fff; color: #999; margin: 0px; display: inline; padding: 0 5px 0 0; font-size: 12px; position: absolute; top: -3px; left: 0px; font-weight: normal; } #main #nonfiltered .view-articles-view .views-row-1 { float: left; display: inline; width: 435px; clear: none; margin-right: 20px; } #main #nonfiltered .view-articles-view .views-row-1 h5 { font-size: 22px; color: #cd1111; margin-bottom: 0px; font-family: "museo-slab",serif; text-transform: uppercase; font-weight: normal; line-height: 22px;} #main #nonfiltered .views-row-2, #main #nonfiltered .views-row-3 { float: right; display: inline; width: 245px; clear: none; clear: right; } #main #nonfiltered .views-row-4 { clear: both; border-top: 12px solid #f1f1f1; padding-top: 20px; } #main #mainRight .view-sidebar-latest-news { } #main #mainRight .view-sidebar-latest-news .views-row { clear: left; color: #666; } #main #mainRight .view-sidebar-latest-news h5 { font-size: 14px; color: #cd1111; margin-bottom: 0px; } #main #mainRight .view-sidebar-latest-news p.readMore { clear: both; margin: 0px; } #main #mainRight .view-sidebar-latest-news p.readMore a { font-weight: bold; } /* #edit-state-wrapper { border: 1px solid red; } #edit-state-wrapper .form-item label { color: #CD1111; } #edit-state-wrapper .form-item input:checked { margin: 10px; } */ #main .dateBox { float: left; display: inline; background-color: #dde5f2; width: 50px; height: 82px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; margin: 0 8px 10px 0; position: relative; behavior: url(/PIE.php); } #main .dateBox span { display: block; color: #0068b3; font-family: "league-gothic",sans-serif; } #main .dateBox hr { color: #fff; background-color: #fff; height: 3px; width: 27px; padding: 0px; margin: 0 auto; position: absolute; top: 45px; left: 12px; } #main .dateBox .m { font-size: 18px; text-transform: uppercase; position: absolute; bottom: 6px; text-align: center; width: 50px; } #main .dateBox .d { font-size: 28px; position: absolute; top: 8px; text-align: center; width: 50px; } #main #benefitsVidHolder { float: left; display: inline; width: 683px; } #main #benefitsVidHolder iframe { width: 658px; } #main #vidRightHolder { float: left; display: inline; width: 330px; } #main #vidRightHolder .bluebg { margin-bottom: 15px; } #main h2 { color: #266592; font-size: 24px; line-height: 27px; font-family: "museo-slab",serif; font-weight: normal; margin-bottom: 15px; text-transform: uppercase; } #main h3 { color: #266592; font-size: 22px; font-family: "museo-slab",serif; font-weight: normal; margin-bottom: 5px; } #main p { color: #666; font-size: 14px; } #main p.callout, #main li.callout { color: #266592; font-size: 16px; line-height: 20px; font-family: "museo-slab",serif; } #main a { color: #cd1111; text-decoration: none; } #main a:hover { text-decoration: underline; } #main ul.mapBullets { margin: 0px; padding: 0px; height: 50px;} #main ul.mapBullets li { float: left; display: inline; width: 255px; background: transparent url(../_images/blt-red.gif) left 6px no-repeat; padding-left: 10px; } #main .view-states-dropdown { position: absolute; top: 150px; left: 30px; z-index: 12; } #main #mainLeft ul li, #main #mainLeft ol li { font-size: 14px; color: #666; } #main #mapOuter { border-top: 12px solid #f1f1f1; position: relative; padding-top: 15px; } #main #mapOuter #mapLegend { background: #fff url(../_images/bg-map-legend.gif) 0 0 no-repeat; position: absolute; z-index: 9; bottom: 120px; right: 20px; width: 132px; height: 110px; } #main #vmap { margin: 0 auto; width: 990px; height: 660px; background: #fff url(../_images/bg-map.png) -9px 1px no-repeat; } /* #main #vmap { background-position: -14px -5px; } */ .ie8 #main #vmap, .ie7 #main #vmap, .ie6 #main #vmap { background-position: -19px -5px; } #main #vmap svg { position: absolute; top: 0px; left: 0px; } #main #underMap { margin-top: 20px; } #main #underMap .underMapPromos { float: left; display: inline; width: 260px; color: #fff; } #main #underMap .underMapPromos h3 { color: #fff; font-size: 30px; text-transform: uppercase; margin-bottom: 20px; font-family: "league-gothic",sans-serif; } #main #underMap .underMapCol { float: left; display: inline; width: 220px; padding: 0 20px 0 10px; color: #666; border-right: 4px solid #f4f4f4; margin-left: 20px; } #main #underMap .underMapCol h3 { color: #86c8ee; font-size: 22px; text-transform: uppercase; } #main #underMap .underMapCol h3 span { font-size: 13px; } #main #underMap .underMapCol h3.iconify { height: 62px; padding-left: 60px; margin-left: -10px; } #main #underMap .underMapCol h3.ca { background: transparent url(../_images/icon-state-ca.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.ct { background: transparent url(../_images/icon-state-ct.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.dc { background: transparent url(../_images/icon-state-dc.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.de { background: transparent url(../_images/icon-state-de.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.il { background: transparent url(../_images/icon-state-il.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.ky { background: transparent url(../_images/icon-state-ky.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.ma { background: transparent url(../_images/icon-state-ma.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.md { background: transparent url(../_images/icon-state-md.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.me { background: transparent url(../_images/icon-state-me.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.mi { background: transparent url(../_images/icon-state-mi.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.nh { background: transparent url(../_images/icon-state-nh.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.nj { background: transparent url(../_images/icon-state-nj.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.nm { background: transparent url(../_images/icon-state-nm.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.ny { background: transparent url(../_images/icon-state-ny.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.oh { background: transparent url(../_images/icon-state-oh.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.pa { background: transparent url(../_images/icon-state-pa.png) 0 0 no-repeat; } #main #underMap .underMapCol h3.ri { background: transparent url(../_images/icon-state-ri.png) 0 0 no-repeat; } #main #underMap .underMapCol ul { margin: 0px; padding: 0px; } #main #underMap .underMapCol ul li { list-style-image: none; list-style-type: none; background: transparent url(../_images/blt-grey.png) left 7px no-repeat; margin: 0px; padding: 0 0 10px 10px; font-size: 14px; } #main #underMap .last { border: none !important; } #main .view-latest-news-by-state { padding: 20px 20px 10px 20px; } #main .view-latest-news-by-state .views-row { clear: left; color: #666; margin-bottom: 15px; } #main .view-latest-news-by-state h5 { font-size: 14px; color: #cd1111; margin-bottom: 0px; } #main .view-latest-documents-by-state { padding: 20px 20px 10px 20px; } #main .view-latest-documents-by-state .views-row { clear: left; color: #666; margin-bottom: 15px; } #main .view-latest-documents-by-state h5 { font-weight: bold; font-size: 14px; color: #666; } #main .view-latest-documents-by-state p { margin: 0px; } #main .view-latest-documents-by-state p.meta { font-size: 12px; } #main .view-latest-documents-by-state p.meta a { color: #0068b3; } #main #stateTop { padding: 0 0 25px 385px; min-height: 385px; background-repeat: no-repeat;} #main #stateTop h2 { color: #0068b3; font-size: 48px; font-family: "league-gothic",sans-serif; text-transform: uppercase; margin: 0px; line-height: 60px; } #main #stateTop #serviceIcons { float: left; display: inline; padding: 0 10px 0px 0; } #main #stateTop #serviceIcons img { margin-right: 5px; display: inline; } #main #stateTop p.btnRed { padding: 5px 0; } #main #stateContact { float: left; display: inline; width: 335px; min-height: 500px; } #main #stateMid { height: 375px; height: auto !important; min-height: 375px; width: 695px; float: right; display: inline; } #main #stateMid .leftCol { float: left; display: inline; width: 335px; margin-right: 31px; height: 335px; height: auto !important; min-height: 335px;} #main #stateMid .leftCol h3 { color: #fff; font-size: 30px; text-transform: uppercase; margin-bottom: 20px; font-family: "league-gothic",sans-serif; } #main #stateMid .midCol { float: left; display: inline; width: 331px; margin-right: 31px; background-color: #f4f4f4; height: 375px; height: auto !important; min-height: 375px; padding-bottom: 40px; } #main #stateMid .midCol h3 { background-color: #eaeaea; padding: 20px 20px 10px; color: #0068b3; text-transform: uppercase; } #main #stateMid p.readMore { clear: both; margin: 0px; padding: 0 0 0 20px; } #main #stateMid p.readMore a { font-weight: bold; } #main #stateMid .rightCol { float: left; display: inline; width: 331px; background-color: #f4f4f4; height: 375px; height: auto !important; min-height: 375px; padding-bottom: 40px; } #main #stateMid .rightCol h3 { background-color: #eaeaea; padding: 20px 20px 10px; color: #0068b3; text-transform: uppercase; } #main #stateMid p.readMore { clear: both; } #main #stateBottom { height: 200px; height: auto !important; min-height: 200px; width: 695px; float: right; display: inline; } #main #stateBottom h3 { color: #6bbcea; } #main #stateBottom .leftCol { float: left; display: inline; width: 375px; margin-right: 21px; height: 250px; height: auto !important; min-height: 250px; } #main #stateBottom .rightCol { float: left; display: inline; width: 695px; height: 250px; height: auto !important; min-height: 250px; } #main #stateBottom .rightCol .contentHolder { clear: both; padding-bottom: 35px; } #main #stateBottom .rightCol .contentHolder img { float: left; display: inline; padding: 0 15px 30px 0; } #main #stateBottom .rightCol .contentHolder p { margin-bottom: 2px; } #main #stateBottom .rightCol .contentHolder ul { margin: 0px; padding: 0px; display: block; } #main #stateBottom .rightCol .contentHolder ul li { list-style-image: none; list-style-type: none; background: transparent url(../_images/blt-grey.png) left 7px no-repeat; margin: 0px; padding: 0px; font-size: 14px; } /* POLICY / ISSUES */ #main .view-policy-issues-view .views-row-odd { background-color: #ededed; } #main .view-policy-issues-view .views-row-even { background-color: #fafafa; } #main .view-policy-issues-view .views-row { position: relative; } #main .view-policy-issues-view .views-row a { color: #0068b3; } #main .views-row h5 { margin-bottom: 0px; } #main .view-policy-issues-view p.editBtn { position: absolute; bottom: 0px; right: 20px; font-size: 8px; } #main .view-policy-issues-view .views-row h4 { font-size: 14px; font-weight: bold; margin: 0px; } #main .view-policy-issues-view .views-row .typeHolder { float: left; display: inline; width: 120px; background-color: #e3e3e3; padding: 20px 0; position: relative; height: 150px; height: auto !important; min-height: 100px; } #main .view-policy-issues-view .views-row-even .typeHolder { background-color: #f3f3f3; } #main .view-policy-issues-view .views-row .typeHolder a { text-align: center; color: #d32c2c !important; font-size: 10px; background-color: #fff; padding: 5px 10px; text-transform: uppercase; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; position: absolute; top: 80px; left: 19px; behavior: url(/PIE.php); } #main .view-policy-issues-view .views-row .typeHolder a:hover { color: #961e1e !important; } #main .view-policy-issues-view .views-row .typeHolder { background-image: url(../_images/icon-dl-pdf.png); background-repeat: no-repeat; background-position: center 20px; } #main .view-policy-issues-view .views-row .doc { background-image: url(../_images/icon-dl-doc.png) !important; } #main .view-policy-issues-view .views-row .fileContent { padding: 20px 20px 20px 140px; width: 550px; } #main .view-policy-issues-view .views-row .fileContent .fileMeta span { display: inline; margin-right: 10px; } /* Member Resources */ #main .view-members-resources-view .views-row-odd { background-color: #ededed; } #main .view-members-resources-view .views-row-even { background-color: #fafafa; } #main .view-members-resources-view .views-row { position: relative; } #main .view-members-resources-view .views-row a { color: #0068b3; } #main .views-row h5 { margin-bottom: 0px; } #main .view-members-resources-view p.editBtn { position: absolute; bottom: 0px; right: 20px; font-size: 8px; } #main .view-members-resources-view .views-row h4 { font-size: 14px; font-weight: bold; margin: 0px; } #main .view-members-resources-view .views-row .typeHolder { float: left; display: inline; width: 120px; background-color: #e3e3e3; padding: 20px 0; position: relative; height: 150px; height: auto !important; min-height: 100px; } #main .view-members-resources-view .views-row-even .typeHolder { background-color: #f3f3f3; } #main .view-members-resources-view .views-row .typeHolder a { text-align: center; color: #d32c2c !important; font-size: 10px; background-color: #fff; padding: 5px 10px; text-transform: uppercase; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; position: absolute; top: 80px; left: 19px; behavior: url(/PIE.php); } #main .view-members-resources-view .views-row .typeHolder a:hover { color: #961e1e !important; } #main .view-members-resources-view .views-row .typeHolder { background-image: url(../_images/icon-dl-pdf.png); background-repeat: no-repeat; background-position: center 20px; } #main .view-members-resources-view .views-row .doc { background-image: url(../_images/icon-dl-doc.png) !important; } #main .view-members-resources-view .views-row .fileContent { padding: 20px 20px 20px 140px; width: 550px; } #main .view-members-resources-view .views-row .fileContent .fileMeta span { display: inline; margin-right: 10px; } /* Members Resources Short */ #main .view-members-resources-short .views-row-odd { background-color: #ededed; } #main .view-members-resources-short .views-row-even { background-color: #fafafa; } #main .view-members-resources-short .views-row { position: relative; } #main .view-members-resources-short .views-row a { color: #0068b3; } #main .views-row h5 { margin-bottom: 0px; } #main .view-members-resources-short .views-row h4 { font-size: 14px; font-weight: bold; margin: 0px; } #main .view-members-resources-short .views-row .typeHolder { float: left; display: inline; width: 120px; background-color: #e3e3e3; padding: 20px 0; position: relative; height: 25px; height: auto !important; min-height: 25px; } #main .view-members-resources-short .views-row-even .typeHolder { background-color: #f3f3f3; } #main .view-members-resources-short .views-row .typeHolder a { text-align: center; color: #d32c2c !important; font-size: 10px; background-color: #fff; padding: 5px 10px; text-transform: uppercase; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; position: absolute; top: 20px; left: 19px; behavior: url(/PIE.php); } #main .view-members-resources-short .views-row .typeHolder a:hover { color: #961e1e !important; } #main .view-members-resources-short .views-row .typeHolder { background-image: none; background-repeat: no-repeat; background-position: center 20px; } #main .view-members-resources-short .views-row .doc { background-image: url(../_images/icon-dl-doc.png) !important; } #main .view-members-resources-short .views-row .fileContent { padding: 20px 20px 20px 140px; width: 550px; } #main .view-members-resources-short .views-row .fileContent .fileMeta span { display: inline; margin-right: 10px; } #main #membersLeft { float: left; display: inline; width: 380px; margin-right: 30px; } #main #membersRight { float: left; display: inline; width: 280px; } /* NEWS MEDIA */ #main #prClips { float: left; display: inline; width: 370px; margin-right: 20px; } #main #itnClips { float: right; display: inline; width: 300px; } #main #prClips .views-row, #main #itnClips .views-row { clear: both; padding-bottom: 10px;} #main #prClips h5, #main #itnClips h5 { font-size: 14px; } #main #prClips .states a { color: #0068b3; font-style: italic; } #main #itnClips .date { color: #0068b3; font-style: italic; font-size: 14px; } #main #prClips p.readMore, #main #itnClips p.readMore { clear: both; margin: 0px; padding: 0; } #main #prClips p.readMore a, #main #itnClips p.readMore a { font-weight: bold; } #homepageBanner { height: 397px; position: relative; background-color: #000e33; background-position: top center; background-repeat: no-repeat; } #homepageBanner h2 { text-align: center; color: #fff; font-size: 55px; font-family: "league-gothic",sans-serif; text-transform: uppercase; margin: 0px; padding: 65px 0 5px 0; line-height: 60px;} #homepageBanner h2 span { color: #ffff99; } #homepageBanner p { text-align: center; color: #fff; font-size: 20px; font-family: "museo-slab",serif; margin: 0 0 15px; line-height: 24px; } #homepageBanner p.btnRed { padding-top: 15px; } #homepageBanner p.btnRed a { font-size: 21px; } #secondaryBanner { height: 310px; margin: 18px; clear: both; } #secondaryBanner.promoContent .inner { width: auto; padding: 50px 100px 0 330px; } #secondaryBanner.promoContent h4 { font-family: "museo-slab",serif; font-size: 32px; color: #ffff99; text-transform: uppercase; line-height: 32px; margin: 0 0 10px 0; } #secondaryBanner.promoContent h4 span { font-size: 30px !important; color: #fff; display: block; line-height: 42px !important; } #secondaryBanner.promoContent p { color: #fff; line-height: 18px; margin: 0 0 20px 0; } #secondaryBanner.promoContent p.readMore a { color: #ffff99; } p.btnRed { padding: 15px 0; } p.btnRed a, .views-exposed-widgets .views-submit-button input { position: relative; text-align: center; color: #fff !important; font-size: 18px; font-family: "league-gothic",sans-serif; background-color: red; padding: 12px 25px; text-transform: uppercase; margin: 0 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; background: #ec1a1a; /* Old browsers */ background: -moz-linear-gradient(top, #ec1a1a 0%, #900c0c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec1a1a), color-stop(100%,#900c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ec1a1a 0%,#900c0c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ec1a1a 0%,#900c0c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ec1a1a 0%,#900c0c 100%); /* IE10+ */ background: linear-gradient(to bottom, #ec1a1a 0%,#900c0c 100%); /* W3C */ -pie-background: linear-gradient(#ec1a1a,#900c0c); /* PIE */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1a1a', endColorstr='#900c0c',GradientType=0 ); /* IE6-9 */ behavior: url(/PIE.php); } p.btnRed a:hover, .views-exposed-widgets .views-submit-button input:hover { position: relative; text-decoration: none !important; background: #900c0c; /* Old browsers */ background: -moz-linear-gradient(top, #900c0c 54%, #ec1a1a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(54%,#900c0c), color-stop(100%,#ec1a1a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #900c0c 54%,#ec1a1a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #900c0c 54%,#ec1a1a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #900c0c 54%,#ec1a1a 100%); /* IE10+ */ background: linear-gradient(to bottom, #900c0c 54%,#ec1a1a 100%); /* W3C */ -pie-background: linear-gradient(#900c0c,#ec1a1a); /* PIE */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900c0c', endColorstr='#ec1a1a',GradientType=0 ); /* IE6-9 */ behavior: url(/PIE.php); } p.btnWhite a { position: relative; text-align: center; color: #d32c2c !important; font-size: 18px; font-family: "league-gothic",sans-serif; background-color: #fff; padding: 12px 25px; text-transform: uppercase; margin: 0 0 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; white-space: nowrap; behavior: url(/PIE.php); } p.btnWhite a:hover { color: #961e1e !important; text-decoration: none !important; } .front #main { top: -120px; margin-bottom: -120px; z-index: 20; min-height: auto; padding: 0px; width: 1140px; background: #fff url(../_images/bg-grey-bar.gif) 0px 1px repeat-x; } .front #main #homeLeft { float: left; display: inline; width: 570px; height: 250px; } .front #main #homeLeft .promoContent { margin: 22px 0 0 17px; width: 260px; height: 156px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; padding: 25px 15px 25px 270px; } .front #main #homeLeft .promoContent p { color: #fff; line-height: 18px; margin: 0px; } .front #main #homeLeft .promoContent p.readMore a { color: #ffff99; } .front #main #homeRight { float: left; display: inline; width: 570px; height: 250px; } .front #main #homeRight .promoContent { margin: 22px 0 0 8px; width: 380px; height: 156px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; padding: 25px 15px 25px 150px; position: relative; } .view-homepage-news .views-row { width: 545px; height: 206px; display: none;} .view-homepage-news .views-row p.readMore a { background: transparent url(../_images/blt-link-yellow.png) 0 5px no-repeat; padding-left: 9px; } .front #main #homeRight .promoContent .dateBox { background-color: #fff; } .front #main #homeRight .promoContent .dateBox hr { color: #0068B3; background-color: #0068B3; } .front #main #homeRight .promoContent h5 { color: #fff; font-size: 14px; font-weight: normal; } .front #main #homeRight .promoContent p.readMore a { color: #ffff99; } .front #main #homeRight .flex-control-nav { position: absolute; bottom: 1px; right: 33px; height: 25px; width: 115px; margin: 0px; list-style-type: none; z-index: 11; padding: 10px 0 0 0; } .front #main #homeRight .flex-control-nav li { float: left; display: inline; margin: 0 4px } .front #main #homeRight .flex-control-nav li a { background-color: #fff; display: block; text-indent: -9999px; height: 14px; width: 14px; -o-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; behavior: url(/PIE.php); } .front #main #homeRight .flex-control-nav li a.flex-active { background-color: #ffff99; } .front #main #homeRight .flex-direction-nav { position: absolute; bottom: 0px; right: 0px; height: 40px; width: 185px; margin: 0px; padding: 0px; z-index: 10; } .front #main #homeRight .flex-direction-nav li { list-style-type: none; } .front #main #homeRight .flex-direction-nav li a { display: block; text-indent: -9999px; height: 0px; width: 0px; } .front #main #homeRight .flex-direction-nav li a.flex-prev { position: absolute; bottom: 12px; left: 15px; border-right: 15px solid #ffff99; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .front #main #homeRight .flex-direction-nav li a.flex-next { position: absolute; bottom: 12px; right: 15px; border-left: 15px solid #ffff99; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .front #main #homeRight .promoContent .navbg { position: absolute; z-index: 9; bottom: 0px; right: 0px; height: 40px; width: 185px; background-color: #000; opacity: .2; } .front #main .promoContent h4 { font-family: "museo-slab",serif; font-size: 32px; color: #ffff99; text-transform: uppercase; line-height: 32px; margin: 0 0 10px 0; } .front #main .promoContent h4 span { font-size: 18px; color: #fff; display: block; line-height: 20px; } .front #main #homeBottom { height: 180px; clear: both; padding: 30px 5px 0; } .front #main #homeBottom #leftCol { float: left; display: inline; width: 320px; height: 155px; padding: 0 25px; border-right: 4px solid #f1f1f1; } .front #main #homeBottom #midCol { float: left; display: inline; width: 320px; height: 155px; padding: 0 25px; border-right: 4px solid #f1f1f1; } .front #main #homeBottom #rightCol { float: left; display: inline; width: 325px; height: 155px; padding: 0 25px; } .front #main #homeBottom h3 { color: #266592; font-size: 30px; font-family: "league-gothic",sans-serif; text-transform: uppercase; margin: 0 0 7px 0; } .front #main #homeBottom p { color: #666; font-size: 14px; margin: 0 0 5px 0; } .front #main #homeBottom #rightCol #docSearch { padding-top: 15px; } .front #main #homeBottom #rightCol #docSearch #searchInput { padding: 8px 2px; font-size: 14px; color: #999; float: left; display: inline; margin: 0px; border: 1px solid #999; width: 145px;} .front #main #homeBottom #rightCol #docSearch #searchSubmit { border: none; text-align: center; color: #d32c2c !important; font-size: 18px; font-family: "league-gothic",sans-serif; background-color: #e7e7e7; padding: 7px 15px; text-transform: uppercase; margin: 0 0 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; cursor: pointer; float: left; display: inline; behavior: url(/PIE.php); } .front #main #homeBottom #rightCol #docSearch #searchSubmit:hover { color: #961e1e !important; } .front #main #homeBottom #rightCol #docSearch p { font-size: 14px; float: left; display: inline; width: 80px; line-height: 16px; margin-left: 10px; } .page-node-10 #main h3 { font-weight: bold; margin-bottmo: 15px; } .page-node-10 #main h4 { color: #266592; font-size: 22px; font-family: "museo-slab",serif; font-weight: normal; margin-bottom: 0px; } .page-node-10 #main p.quickLinks { color: #266592; } .page-node-10 #main p.quickLinks a { font-weight: bold; margin-left: 8px; } #main .aboutLeft { width: 345px; float: left; display: inline; } #main .aboutRight { width: 345px; float: right; display: inline; } #main .aboutSmallCol { float: left; display: inline; width: 230px; margin-right: 15px;} #main .aboutSmallCol h3 { font-size: 20px; color: #6BBCEA; } #main .aboutSmallColLast { float: left; display: inline; width: 220px; } #main .aboutSmallColLast h3 { font-size: 20px; color: #6BBCEA; } .page-node-14 #main h3 { text-transform: uppercase; } #main fieldset.search-advanced { display: none; } #main .search-form { height: 100px; margin-top: 30px; } #main .search-form .form-item-keys label { float: left; display: inline; color: #0068b3; font-family: "league-gothic",sans-serif; font-size: 28px; text-transform: uppercase; font-weight: normal; margin-right: 15px; } #main .search-form .form-item-keys input { padding: 8px 2px; font-size: 14px; color: #999; float: left; display: inline; margin: 0px; border: 1px solid #999; } #main .search-form #edit-submit { border: none; text-align: center; color: #d32c2c !important; font-size: 18px; font-family: "league-gothic",sans-serif; background-color: #e7e7e7; padding: 7px 15px; text-transform: uppercase; margin: 0 0 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; cursor: pointer; float: left; display: inline; behavior: url(/PIE.php); } #main ol.search-results { padding: 10px 0 10px; } #main ol.search-results li { border-bottom: 5px solid #EDEDED; padding: 10px 0; } #main ol.search-results li h4 { color: #0068b3; font-size: 16px; font-family: "museo-slab",serif; text-transform: uppercase; font-weight: normal; margin-bottom: 5px; } #main p.searchString { color: #266592; font-size: 14px; font-weight: bold; border-bottom: 12px solid #f1f1f1; padding-bottom: 20px; } #main p.searchString span { color: #999; font-size: 18px; font-style: normal; } #main #webform-client-form-216 { } #main #webform-client-form-216 .webform-component-textfield input { padding: 8px 2px; font-size: 14px; color: #999; margin: 0px; border: 1px solid #999; width: 475px; } #main #webform-client-form-216 .webform-component-email input { padding: 8px 2px; font-size: 14px; color: #999; margin: 0px; border: 1px solid #999; width: 475px; } #main #webform-client-form-216 label { color: #0068b3; font-family: "museo-slab",serif; font-size: 18px; text-transform: uppercase; font-weight: normal; height: 25px; } #main #webform-client-form-216 .webform-component-textarea textarea { padding: 8px 2px; font-size: 14px; color: #999; margin: 0px; border: 1px solid #999; width: 475px; height: 80px;} #main #webform-client-form-216 #edit-submit { border: none; text-align: center; color: #d32c2c !important; font-size: 18px; font-family: "league-gothic",sans-serif; background-color: #e7e7e7; padding: 10px 25px; text-transform: uppercase; margin: 10px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; cursor: pointer; behavior: url(/PIE.php); } #main #user-login .description { display: none; } #main #user-login input#edit-name { padding: 8px 2px; font-size: 14px; color: #999; margin: 0px; border: 1px solid #999; width: 475px; } #main #user-login input#edit-pass { padding: 8px 2px; font-size: 14px; color: #999; margin: 0px; border: 1px solid #999; width: 475px; } #main #user-login label { color: #0068b3; font-family: "museo-slab",serif; font-size: 18px; text-transform: uppercase; font-weight: normal; height: 25px; } #main #user-login input#edit-submit { border: none; text-align: center; color: #d32c2c !important; font-size: 18px; font-family: "league-gothic",sans-serif; background-color: #e7e7e7; padding: 10px 25px; text-transform: uppercase; margin: 10px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; cursor: pointer; behavior: url(/PIE.php); } /* FOOTER */ #footer { background-color: #e5e5e5; border-top: 2px solid #d6d6d6; margin: 0 auto; width: 1080px; height: 300px; padding: 30px; clear: both; } #footer h3 { color: #266592; text-transform: uppercase; font-size: 16px; font-family: "museo-slab",serif; margin: 0 0 8px 0; } #footer a { color: #666; text-decoration: none; transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s; -o-transition: color .3s; } #footer a:hover { color: #000; } #footer ul { margin: 0 0 20px 0; padding: 0px; } #footer ul li { list-style-image: none; list-style-type: none; background: transparent url(../_images/blt-grey.png) left 5px no-repeat; margin: 0px; padding: 0 0 3px 10px; } #footer #leftCol { float: left; display: inline; width: 250px; height: 255px; border-right: 2px solid #d0d0d0; } #footer #leftCol ul li.btnLogin { padding: 0px; background-image: none; margin: 15px 0 10px 0; } #footer #leftCol ul li.btnLogin a { background-color: #0068b3; color: #fff; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: background-color .3s; -moz-transition: background-color .3s; -webkit-transition: background-color .3s; -o-transition: background-color .3s; behavior: url(/PIE.php); } #footer #leftCol ul li.btnLogin a:hover { background-color: #18264e; color: #fff; } #footer #midCol { float: left; display: inline; width: 210px; height: 255px; padding: 0px 20px; border-right: 2px solid #d0d0d0; border-left: 2px solid #fefefe; } #footer #rightCol { float: left; display: inline; width: 500px; height: 255px; border-left: 2px solid #fefefe; padding-left: 20px; } #footer #rightCol ul { float: left; display: inline; width: 150px;} #footer p.copyright { color: #666; clear: both; } #footer #midCol p.email { margin-bottom: 10px; } #footer #midCol p.email a { color: #266592; font-size: 14px; margin-bottom: 10px; } #footer #midCol p.email a:hover { color: #000; } #footer #midCol a.social { margin: 0 10px 0 0; } .jqvmap-label { position: absolute; display: none; background: #fff; color: #d32c2c; font-family: "museo-slab",serif; font-size: smaller; padding: 45px 15px 10px; height: 45px; min-width: 205px; font-size: 26px; text-transform: uppercase; text-align: left; box-shadow: 1px 1px 10px #000; -moz-box-shadow: 1px 1px 10px #000; -webkit-box-shadow: 1px 1px 10px #000; } .jqvmap-label .iconsHolder { position: absolute; top: 16px; left: 16px; height: 28px; width: 65px; } .jqvmap-label .iconsHolder span.gas { height: 30px; width: 30px; float: left; display: block; background: transparent url(../_images/icon-gas.gif) 0 0 no-repeat; margin-right: 5px; } .jqvmap-label .iconsHolder span.elec { height: 30px; width: 30px; float: left; display: block; background: transparent url(../_images/icon-electric.gif) 0 0 no-repeat; } .jqvmap-label h2 { font-size: 36px; } #footer img.imaImg { float: left; display: inline; margin: 0 20px 10px 0; } /* * RESPONSIVE -- ADD #footer .inner -- ADD .mobileOnly controls -- MOVE #search */ /* ANYTHING SMALLER THAN 1200px */ @media only screen and (max-width : 1200px) { .inner { width: 100%; } .tabletOnly { display: block; } .front #main { width: auto; padding: 20px; margin: 0px; top: 0px; } .front #main #homeLeft { width: auto; height: auto; float: none; display: block; margin-bottom: 20px; } .front #main #homeRight { width: auto; height: auto; float: none; display: block; } .front #main #homeLeft .promoContent { width: auto; height: auto; margin: 0px; padding: 15px; background: url("../_images/bg-blue-texture.jpg") repeat scroll center center #4C89BB !important; border-radius: 3px 3px 3px 3px; } .front #main #homeRight .promoContent { width: auto; height: 160px; margin: 0px; padding: 15px; background: url("../_images/bg-blue-texture.jpg") repeat scroll center center #4C89BB !important; border-radius: 3px 3px 3px 3px; } .front #main #homeBottom { height: auto; } .front #main #homeBottom #leftCol { float: none; display: block; border: none; padding: 20px 0px; height: auto; width: auto; border-bottom: 3px solid #f5f5f5; } .front #main #homeBottom #midCol { float: none; display: block; border: none; padding: 20px 0px; height: auto; width: auto; border-bottom: 3px solid #f5f5f5; } .front #main #homeBottom #rightCol { float: none; display: block; border: none; padding: 20px 0px; height: auto; width: auto; border-bottom: 3px solid #f5f5f5; } .front #main #homeBottom #rightCol #docSearch { height: 40px; float: none; } #homepageBanner { height: auto; position: relative; background-color: #000e33; background-position: top center; background-repeat: no-repeat; background-size: auto 100%; display: block; padding: 20px; } #homepageBanner h2 { font-size: 36px; margin: 0px; padding: 0px; line-height: 40px; text-align: left; } #homepageBanner p { text-align: center; color: #fff; font-size: 20px; font-family: "museo-slab",serif; margin: 0 0 15px; line-height: 24px; text-align: left; } #homepageBanner p.btnRed { margin: 15px 0px; text-align: left; margin: auto; } #header { width: 100%; height: 120px; background-color: #dde8ee; position: relative; } #header .inner { height: 120px; } #header #logo { position: absolute; top: 25px; left: 20px; } #header #logo a { display: block; width: 150px; height: 72px; background: transparent url(../_images/logo-main.png) 0 0 no-repeat; background-size: 152px 72px; text-indent: -9999px; } #header #mainNav { position: absolute; bottom: 0px; right: 20px; width: auto !important; } #header #mainNav ul li a { font-size: 15px; padding: 12px; } #header #auxNav { right: 145px; } #header #search-block-form { position: absolute; top: 12px; right: 20px; width: 255px; height: 35px; overflow: hidden; } #header #search-block-form .form-type-textfield input { width: 235px; height: 29px; padding: 1px 10px; margin: 0px; position: absolute; right: 0px; top: 0px; border: none; background-color: #fff; z-index: 8; } #header #search-block-form #edit-actions input { position: absolute; right: 0px; top: 0px; height: 29px; width: 29px; margin: 0px; border: none; text-indent: -9999px; line-height: 0px; background: transparent url(../_images/bg-search.gif) right 0px no-repeat; cursor: pointer; line-height: 1px; text-transform: capitalize; z-index: 9;} #interiorBanner { width: 100%; height: auto; background-size: auto 100%; background-position: top center; background-repeat: no-repeat; } #interiorBanner .inner { height: auto; } #interiorBanner .breadcrumb { display: none; } #interiorBanner h1 { position: static; padding: 10px 20px; } #interiorBanner #subNav { background-color: transparent; height: auto; position: static; } #interiorBanner #subNav .bg { display: none; } #interiorBanner #subNav ul li { float: left; display: inline; margin-right: 10px; height: 40px; } #interiorBanner #subNav ul li a { background-color: #18264E; font-size: 13px; padding: 6px 14px 6px 20px; background-position: 11px 12px; } #interiorBanner #subNav ul li.active-trail a { background-position: 11px 12px; } #interiorBanner #subNav .inner { width: auto; padding: 10px 20px 0; } #topSpan { width: 100%; padding: 20px 0; display: none; } .tabs { width: 100%; display: none;} .messages { width: 100%; } #main { width: 100%; padding: 20px 0; } #main.split { background-image: none; } #main .content { padding: 0 20px; } #main p.loggedIn { padding: 0 20px; } #main #mainLeft { width: 100%; display: block; margin: 0px; min-height: auto; } #main #mainRight { float: none; clear: both; margin: 0px; padding: 30px 0px 0px; width: auto; border-top: 3px solid #f5f5f5; display: block; min-height: 0px; } #main #mainRight .sidebarPromo { width: 100%; max-width: 300px; float: left; display: inline; margin-right: 20px; } #main #mainLeft .retailLeft { width: auto; float: none; display: block; margin-right: 0px !important; } #main #mainLeft .retailRight { width: auto; float: none; display: block; } #main #mainLeft .aboutLeft { width: auto; float: none; display: block; margin-right: 0px !important; } #main #mainLeft .aboutRight { width: auto; float: none; display: block; } #main #mainLeft #prClips { width: auto; float: none; display: block; margin-right: 0px !important; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px solid #f5f5f5; } #main #mainLeft #itnClips { width: auto; float: none; display: block; margin-bottom: 20px; } #main #mapOuter { padding: 0px; } #main #mapOuter #mapLegend { display: none; } #main #vmap { display: none; } #main #vmap svg { display: none; } #main ul.mapBullets { height: auto; margin-bottom: 10px; } #main ul.mapBullets li { float: none; clear: left; display: block; margin-right: 20px; } #main #node-3 .view-states-dropdown { position: static; margin: 0px 0 20px; padding: 0px; } #main #node-3 .view-states-dropdown select { width: 100%; font-size: 16px; border: 3px solid #18264E; padding: 3px; } #main #underMap .underMapPromos { float: none; width: auto; clear: both; display: block; height: auto !important; min-height: 0px !important; } #main #underMap .underMapCol { margin: 0px; float: none; clear: both; display: block; width: auto; border-bottom: 3px solid #f5f5f5; border-right: none; margin: 20px 0px; height: auto !important; min-height: 0px !important; } .page-node-5 #topSpan, .page-node-507 #topSpan { width: auto; padding: 20px; display: block; } .page-node-5 #topSpan a.tabletOnly, .page-node-507 #topSpan a.tabletOnly { color: #D32C2C; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none; } #topSpan form { position: relative; height: 0px !important; padding: 0px; overflow: hidden; transition: height .3s; -moz-transition: height .3s; -webkit-transition: height .3s; -o-transition: height .3s; } #topSpan form.openFilters { height: auto !important; transition: height .3s; -moz-transition: height .3s; -webkit-transition: height .3s; -o-transition: height .3s; } #topSpan form label { color: #0068b3; font-family: "league-gothic",sans-serif; font-size: 28px; text-transform: uppercase; font-weight: normal; } #topSpan form label.option { color: #000; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 12px; text-transform: none; font-weight: bold; } #topSpan form .bef-checkboxes .form-item { width: 135px; float: left; display: inline; } #topSpan form .views-submit-button { position: static; clear: left; } #topSpan form .views-submit-button input { position: static; clear: left; } #topSpan form .views-reset-button input { position: static; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .form-type-textfield input { padding: 8px 2px; font-size: 14px; color: #999; float: left; display: inline; margin: 0px; border: 1px solid #999; width: 175px; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_type_tid { position: static; width: auto; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-exposed-widget views-widget-filter-title { position: static; width: auto; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_related_states_2_tid { position: static; width: auto; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_case_number_value { position: static; width: auto; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_date_value_1 { position: static; width: auto; clear: left; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_date_value { position: static; width: auto; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_tags_tid { position: static; width: auto; } #topSpan #views-exposed-form-policy-issues-view-policy-issues-view-embed .views-widget-filter-field_document_tags_tid .bef-checkboxes .form-item { width: 215px; float: left; display: inline; } #main #stateTop { padding: 0px; min-height: 0px; height: auto; background-image: none !important; } #main #stateTop h2 { font-size: 42px; line-height: 45px; } #main #stateContact { float: none; display: block; width: auto; height: auto; min-height: 0px; border-top: 3px solid #f5f5f5; margin: 20px 0 0; padding: 20px 0 0; } #main #stateMid { height: auto; width: auto; float: none; display: block; } #main #stateMid .midCol { float: left; display: inline; width: 300px; margin-right: 20px; margin-bottom: 20px; min-height: 0px; padding-bottom: 20px; } #main #stateMid .rightCol { float: left; display: inline; width: 300px; min-height: 0px; margin-bottom: 20px; padding-bottom: 20px; } #main #stateMid p.readMore { padding: 0 10px 0 20px; } #main #stateBottom { min-height: 0px; width: auto; float: none; display: block; } #main #stateBottom .rightCol { float: none; display: block; width: auto; min-height: 0px; } #main #stateBottom .rightCol .contentHolder img { display: none; } #footer { width: 100%; min-height: 200px; height: auto !important; height: 200px; padding: 30px 0px; } #footer .inner { width: auto; padding: 0 20px; } #footer #leftCol { float: left; clear: none; width: 50%; display: inline; height: auto; padding: 0px; border: none; } #footer #midCol { float: right; clear: none; width: 50%; display: inline; height: auto; padding: 0px; border: none; } #footer #rightCol { float: right; clear: right; width: 50%; display: inline; height: auto; padding: 0px; border: none; } #footer #rightCol p.aboutResa { display: none; } #footer #rightCol p.copyright { margin: 0px; } #footer #rightCol ul { display: none; } #footer #rightCol h3 { display: none; } #footer img.imaImg { display: none; } } /* iPads (portrait and landscape) */ @media only screen and (max-width : 1023px) { #header { width: 100%; height: 120px; background-color: #dde8ee; position: relative; } #header .inner { height: 120px; } #header #logo { position: absolute; top: 31px; left: 10px; } #header #logo a { display: block; width: 103px; height: 50px; background: transparent url(../_images/logo-main.png) 0 0 no-repeat; background-size: 100% 100%; text-indent: -9999px; } #header #mainNav { position: absolute; bottom: 0px; right: 10px; height: 38px; } #header #mainNav ul li { height: 38px; } #header #mainNav ul li a { font-size: 12px; padding: 10px 8px; } #header #auxNav { right: 90px; } #header #auxNav ul li a { font-size: 11px; padding: 0 3px 0 7px; } #header #auxNav ul li.menu-450 a { display: none; } #interiorBanner h1 { position: static; padding: 10px 10px; } #interiorBanner #subNav .inner { padding: 10px 10px 0; } #main .view-members-view .views-row { width: auto; } #main .view-members-view .views-row .memberContent { width: auto; } #main #benefitsVidHolder { width: 100%; margin-bottom: 30px; } #main #benefitsVidHolder iframe { width: 100%; } #main #node-14 #mainLeft p img { display: none; } #main .aboutSmallCol { width: auto; float: none; } #main .aboutSmallColLast { width: auto; float: none; } #main #nonfiltered .view-articles-view .views-row-1 { float: none; width: auto; height: auto; } #main #nonfiltered .view-articles-view .views-row-2 { float: none; width: auto; height: auto; } #main #nonfiltered .view-articles-view .views-row-3 { float: none; width: auto; height: auto; } #footer #leftCol { float: left; clear: none; width: 50%; display: inline; height: auto; padding: 0px; border: none; } #footer #midCol { float: right; clear: none; width: 50%; display: inline; height: auto; padding: 0px; border: none; } #footer #rightCol { float: right; clear: right; width: 50%; display: inline; height: auto; padding: 0px; border: none; } } @media only screen and (max-width : 1023px) { #secondaryBanner { background-position: 100% 0; margin: 18px 0; } #secondaryBanner.promoContent .inner { padding: 50px 50px 50px 150px; } } @media only screen and (max-width : 735px) { #secondaryBanner.promoContent .inner { padding: 20px; } } /* Smartphones (portrait and landscape) */ @media only screen and (max-width : 639px) { html{ -ms-text-size-adjust: none; -webkit-text-size-adjust: none; } .mobileOnly { display: block; } #header #mobileSearch { position: absolute; top: 32px; right: 15px; display: block; height: 37px; width: 37px; text-indent: -9999px; background: #fff url(../_images/bg-search.gif) center center no-repeat; } #header #mobileNav { position: absolute; top: 32px; right: 65px; display: block; height: 37px; width: 50px; text-indent: -9999px; background: #6da9d2 url(../_images/bg-mobile-nav.gif) center center no-repeat; } #header #logo { position: absolute; top: 20px; left: 10px; } #main .content { padding: 0 10px; } #header { width: 100%; height: auto; } #header .inner { width: 100%; height: auto; } #main #mainLeft p img { width: 300px !important; height: auto !important; margin-right: 0px; float: none; } #header #mainNav { height: 0px; width: auto; overflow: hidden; position: static; padding-top: 85px; transition: height .3s; -moz-transition: height .3s; -webkit-transition: height .3s; -o-transition: height .3s; } #header #mainNav ul { margin: 0px; padding: 0px; padding: 0 10px; width: auto; } #header #mainNav ul li { width: 47%; border-right: none; margin: 0px; margin-right: 2%; } #header #mainNav ul li a { font-size: 12px; } #header #mainNav.dropNav { height: 125px; transition: height .3s; -moz-transition: height .3s; -webkit-transition: height .3s; -o-transition: height .3s; } #header #auxNav { right: 0px; top: 5px; padding: 0px; width: auto; } #header #auxNav ul { margin: 0px; padding: 0px; } #header #search-block-form { height: 0px; position: relative; margin: 0px; transition: height .3s; -moz-transition: height .3s; -webkit-transition: height .3s; -o-transition: height .3s; left: 10px; top: 0px; } #header #search-block-form.dropSearch { height: 50px; transition: height .3s; -moz-transition: height .3s; -webkit-transition: height .3s; -o-transition: height .3s; } #interiorBanner { /* background-image: none !important; */ width: 100%; height: auto; } #interiorBanner h1 { font-size: 45px; } #interiorBanner #subNav { background-color: transparent; } #interiorBanner #subNav ul li a { } #main .views-row .fileContent { width: auto !important; } .front #main #homeRight .promoContent { padding-bottom: 45px; } #main .view-members-view .views-row { width: auto !important; } #main .view-members-view .views-row .memberContent { clear: both; float: none; width: auto !important; padding-left: 0px; } #main #webform-client-form-216 { } #main #webform-client-form-216 .webform-component-textfield input { width: 100%; } #main #webform-client-form-216 .webform-component-email input { width: 100%; } #main #webform-client-form-216 .webform-component-textarea textarea { width: 100%; } #footer .inner { width: auto; padding: 0 30px; } #footer { width: 100%; height: auto; padding: 30px 0; clear: both; display: block; } #footer #leftCol { float: none; clear: left; width: 100%; border-right: none; display: block; height: auto; padding: 0px; } #footer #midCol { float: none; clear: left; width: 100%; border-right: none; border-left: none; display: block; height: auto; padding: 0px; } #footer #rightCol { float: none; clear: left; width: 100%; border-right: none; border-left: none; display: block; height: auto; padding: 0px; } }