@charset "utf-8"; /* -------------------------------------------------- Site: [site name] Author: [author name] ([author email]) Last modified: [date] Copyright © [year] CIVIC -------------------------------------------------- [example table of contents follows] 1. GLOBAL 1.1 Generic settings (,

, , etc.) 1.2 Helper Settings 2. BODY 2.1 Header 2.2 Content 2.3 Footer 3. MISCELLANEOUS CLASSES (e.g. styles used by jQuery plugins) -------------------------------------------------- */ /* 1. GLOBAL */ /* 1.1 Generic Settings */ /* 1.2 Helper Settings */ .placeholder { color: #808080; } .clear { clear:both; } /* 2. BODY */ body { font-family:Calibri, Arial, Helvetica, sans-serif; } /* 2.1 Header */ #top-blue-barre { background-color:#1e3b75; height:4px; width:100%; } #header-tab-slab { float:right; width:60px; height:25px; } #header-tab-slab a { color:#FFF; text-decoration:none; font-size:12px; display:block; width:60px; height:18px; background-color:#1e3b75; text-align:center; padding-top:7px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; } #header-tab-slab a:hover { text-decoration:underline; } #header { width:940px; height:100px; margin-top:6px; margin-bottom:20px; } #header-logo { float:left; width:520px; height:50px; } #header-logo a { display:block; width:520px; height:90px; background-image:url(/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/CLAOlogoforwebsiteheader.jpg); background-repeat:no-repeat; } #browsealoud { float:right; } #header-search-bar { float:right; padding-top:70px; } .search-bar-field { float:left; width:200px; height:30px; color:#1e3b75; font-size:14px; border:#1e3b75 solid 1px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; padding-left:20px; padding-right:20px; } .search-bar-btn { float:left; width:50px; height:34px; background-color:#1e3b75; background-image:url(/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/search-btn.jpg); background-repeat:no-repeat; background-position:16px 9px; border:#1e3b75 solid 1px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; cursor:pointer; } #main-menu { width:940px; height:50px; background-image:url(/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/bg-menu-01.jpg); background-repeat:repeat-x; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:20px; } #main-menu ul { } #main-menu ul li { float:left; } #main-menu ul li.li-link { height:50px; padding-right:2px; background-image:url(/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/bg-menu-barre.jpg); background-repeat:no-repeat; background-position:right; } #main-menu ul li a { display:block; color:#FFF; text-decoration:none; font-size:16px; font-weight: bold; text-align:center; height:32px; } #main-menu ul li .link-menu { text-shadow: #585858 1px 1px 0px; padding-top:18px; } #main-menu ul li a img { padding-top:14px; } #main-menu ul li a.link-0 { width:68px; height:50px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; } #main-menu ul li.hot, #main-menu ul li.leaf, #main-menu ul li.open { height:50px!important; diplay:block; background:transparent url("/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/bg-menu-barre.jpg") no-repeat center left; } #main-menu ul li.hot a, #main-menu ul li.leaf a, #main-menu ul li.open a { diplay:block; height:30px!important; text-shadow: #585858 1px 1px 0px; padding:18px 21px 2px 22px; margin-left:2px; } #main-menu ul li:first-child { background:none; } #main-menu ul li:first-child a { background: transparent url("/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/icon-home.png") no-repeat center center; text-indent:2000px; overflow:hidden; width:25px; white-space:nowrap; padding:18px 20px 2px 20px; } /* #main-menu ul li:last-child a { padding:18px 26px 2px 26px; }*/ #main-menu ul li a.link-2 {width:150px; } #main-menu ul li a.link-3 {width:115px;} #main-menu ul li a.link-4 {width:123px;} #main-menu ul li a.link-5 {width:82px;} #main-menu ul li a.link-6 {width:78px;} #main-menu ul li a.link-7 {width:75px;} #main-menu ul li a.link-8 { width:108px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; } #main-menu ul li a:hover { padding-bottom:3px; border-bottom:#3c558e solid 3px; -moz-border-radius:0px; -webkit-border-radius:0px; } #main-menu ul li a.current { background-image:url(/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/bg-menu-02.jpg); background-repeat:repeat-x; } /* 2.2 Content */ #website { width:940px; } .auto-center-website { margin:auto; } .breadcrumb { margin-bottom:20px; } .breadcrumb ul li { color: #3C558E; float: left; font-weight: bold; font-size:14px; } .breadcrumb ul li.breadcrumb-arrow { padding-right:22px; background-image:url(/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/arrow-breadcrumb.jpg); background-repeat:no-repeat; background-position:right; margin-right:6px; font-weight: normal; } .breadcrumb ul li a { font-size:14px; color:#5a5a5a; text-decoration:none; } .breadcrumb ul li:last-child { color:#3c558e; font-weight:bold; } .breadcrumb ul li a.link-current { color:#3c558e; font-weight:bold; } #breadcrumb ul li a.link-current { color:#3c558e; font-weight:bold; } .breadcrumb ul li a:hover { text-decoration:underline; } /* 2.2.1 Sub Navigation */ .sub-navigation { float:left; width:220px; } .sub-navigation ul li { margin-bottom:1px; } .sub-navigation ul li.open a { background-color:#616161; } .sub-navigation ul li.hot a { background-color:#3c558e; } .sub-navigation ul li.hot a:hover { background-color:#50679f; } .sub-navigation ul li.open a:hover { background-color:#757575; } .sub-navigation ul li.open ul li.leaf a { background-color:#6078b1; } .sub-navigation ul li.open ul li.leaf a:hover { background-color:#849ad1; } .sub-navigation ul li.open ul li.hot a { background-color:#3c558e; } .sub-navigation ul li.open ul li.hot a:hover { background-color:#50679f; } .sub-navigation ul li ul { margin-top:1px; } .sub-navigation ul li a { display:block; width:180px; color:#FFF; font-size:14px; text-decoration:none; background-color:#949494; -moz-border-radius:4px; -webkit-border-radius:4px; padding-left:20px; padding-right:20px; padding-top:17px; padding-bottom:13px; } .sub-navigation ul li a.hot { background-color:#3c558e; } .sub-navigation ul li a.sub-nav-current { background-color:#3c558e; } .sub-navigation ul li a.sub-nav-current:hover { background-color:#49629b; } .sub-navigation ul li a:hover { text-decoration:underline; background-color:#a1a1a1; } .sub-page-banner { width:940px; height:220px; margin-bottom:20px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden; } .sub-page-banner img { width:940px; } /* 2.2.2 ONE COLUMN */ .content-one-column { width:940px; } .content-one-column-header { width:940px; min-height:20px; padding-bottom:15px; border-bottom:#1e3b75 solid 1px; margin-bottom:15px; } .content-one-column-title { color:#31487e; font-size:22px; font-weight:bold; } /* 2.2.3 TWO COLUMNS */ .content-two-columns { float:left; width:700px; min-height:200px; margin-left:20px; } .content-two-columns-header { width:700px; height:20px; padding-top:20px; padding-bottom:15px; border-bottom:#1e3b75 solid 1px; margin-bottom:15px; } .content-two-columns-title { float:left; color:#31487e; font-size:22px; font-weight:bold; } .content-two-columns-info { float:right; padding-top:2px; } .content-two-columns-info ul li { float:left; margin-left:22px; color:#3c558e; font-size:14px; font-weight:bold; padding-left:36px; padding-top:4px; padding-bottom:4px; background-repeat:no-repeat; background-position:left; } .content-two-columns-info ul li.info-number { background-image:url(/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/icon-number.jpg); } .content-two-columns-info ul li.info-email { background-image:url(/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/icon-email.jpg); } .content-two-columns-text .content-intro { color:#414040; font-size:16px; padding-bottom:30px; font-weight:bold; line-height:20px; width:450px; } .content-intro p { color:#414040; font-size:16px; padding-bottom:20px; font-weight:bold; line-height:20px; } .content-intro { color:#414040; font-size:16px; padding-bottom:20px; font-weight:bold; line-height:20px; } .content-body p { color:#5a5a5a; font-size:14px; padding-bottom:20px; line-height:20px; } .content-body a { color:#003978; } .content-body a:hover { color:#3178c5; } .content-body ul { margin-bottom:20px; margin-top:-10px; } .content-body ul li { color: #4B6290; list-style-type: disc; margin-bottom: 10px; margin-left: 60px; font-size:14px; } .content-body ul li p { margin-bottom:10px; } .content-body h2 { color:#4b6290; font-size:16px; font-weight:bold; margin-bottom:10px; } .content-body h2 a { color:#4b6290; font-size:16px; font-weight:bold; margin-bottom:10px; text-decoration:none; } .content-body h2 a:hover { color:#4b6290; font-size:16px; font-weight:bold; margin-bottom:10px; text-decoration:none; } .content-body h3 { color:#4b6290; font-size:14px; font-weight:bold; margin-bottom:10px; } .content-body h4 { color:#4b6290; font-size:14px; font-weight:bold; margin-bottom:10px; } .content-body h5 { color:#4b6290; font-size:12px; font-weight:bold; margin-bottom:10px; } .content-body h6 { color:#4b6290; font-size:12px; font-weight:bold; margin-bottom:10px; } .block-right { float:right; width:180px; min-height:160px; margin-left:20px; margin-bottom:20px; background-image:url(/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/bg-block-right.jpg); background-position:top right; background-repeat:no-repeat; background-color:#384e88; -moz-border-radius:4px; -webkit-border-radius:4px; padding:20px; } .block-right p { color:#ffffff; font-size:14px; margin-bottom:20px; line-height:20px; } .block-right-title { color:#FFF; font-size:22px; font-weight:bold; border-bottom:#FFF solid 1px; padding-bottom:15px; margin-bottom:20px; } .block-right ul { list-style-type:disc; color:#FFF; padding-left:20px; font-size:12px; line-height:16px; } /* 2.3 Footer */ #footer { width:940px; margin:auto; border-top:#898989 solid 1px; margin-top:30px; margin-bottom:50px; padding-top:20px; font-size:12px; color:#898989; } #footer-copyright { float:left; } #footer-copyright a { text-decoration:none; color:#3eb8e8; } #footer-nav { float:right; } #footer-nav li { float:left; margin-left:4px; } #footer-nav li a { color:#898989; text-decoration:none; } #footer-nav li a:hover, #footer-copyright a:hover { text-decoration:underline; } #rss-icon { float:right; } #rss-icon a { display:block; height:28px; width:28px; background-image:url(/public/20210415001221oe_/https://www.clao.org.uk/assets/images/backgrounds/rss-footer.jpg); background-repeat:no-repeat; background-position:0px 0px; } #rss-icon a:hover { background-position:0px -28px; } /* 3. MISCELLANEOUS CLASSES */ table.table__bordered, .table__bordered th, .table__bordered td { border: 1px solid #5a5a5a; } .table__bordered th, .table__bordered td { padding: 5px 10px; }