@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 */ body { font-family:Verdana, Geneva, sans-serif;} body.subpage { background-image:url(background-subpage.jpg); background-repeat:repeat-x; background-position:0px 50px; } .center-width{width:940px; margin:auto;} .clear {clear:both;} /* 1.1 Generic Settings */ /* 1.2 Helper Settings */ .placeholder { color: #808080; } /* 2. BODY */ /* 2.1 Header */ /* ---------- HEADER BAR ---------- */ body.homepage .header-bar { margin-bottom:2px; } .header-bar { width:100%; height:50px; background-color:#fff; } .header-bar-left { float:left; margin-top:20px; } .header-bar-left .icon-mail { display:block; height:30px; width:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -4px; float:left; } .header-bar-left a { color:#0072bc; font-size:12px; text-decoration:none; float:left; padding-top:4px; } .header-bar-right { float:right; } .header-bar-right ul { float:left; padding-top:20px; } .header-bar-right ul li { float:left; } .header-bar-right ul li a { color:#757575; text-decoration:none; font-size:12px; } .header-bar-right ul li a:hover { text-decoration:underline; } .header-bar-right ul li a.current { color:#0072bc; } .header-bar-right ul li .header-line { color:#898989; font-size:12px; margin-left:5px; margin-right:5px; } /* ---------- SEARCH BAR HEADER SUBPAGE ---------- */ .search-header { float:right; height:38px; width:180px; border-bottom:#34b2f1 solid 2px; margin-left:10px; padding-top:12px; } .search-header input.search-bar-header { color:#34b2f1; font-size:14px; padding-left:10px; padding-right:10px; width:130px; padding-top:10px; border:none; float:left; } .search-header input.btn-search { width:30px; height:30px; background-color:#FFF; border:none; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -62px; cursor:pointer; margin-top:6px; float:left; font-size:0px; } /* ---------- BANNER ---------- */ #home-banner { width:990px; height:435px; margin:auto; overflow:hidden; } #home-banner-content { position:relative; width:990px; height:420px; background-color:#ebebeb; z-index:1; } .lte7 #home-banner-content {height: 420px !important;} #home-banner-content .home-banner-text { position:absolute; width:396px; height:69px; background-color:#acacac; margin-left:496px; margin-top:280px; padding-left:22px; padding-right:22px; padding-top:25px; z-index:100; } #home-banner-content .home-banner-text-noback { position:absolute; width:396px; height:69px; margin-left:496px; margin-top:280px; padding-left:22px; padding-right:22px; padding-top:25px; z-index:100; } #home-banner-content .home-banner-text p { text-align:right; color:#FFF; } #home-banner-content .home-banner-text p.text-1 { font-size:24px; } #home-banner-content .home-banner-text p.text-2 { margin-top:4px; font-size:16px; } #home-banner-content .home-banner-text p.text-2 a { color:#fff; } #home-banner-content .home-banner-nav { position:absolute; z-index:100; margin: 0; right: 40px; bottom: 10px; font-size:0px; height: 23px; } #home-banner-content .home-banner-nav li { float:left; margin-left:-6px; } #home-banner-content .home-banner-nav li a { display:block; width:30px; height:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:-31px 0px; } #home-banner-content .home-banner-nav li a:hover, #home-banner-content .home-banner-nav li.current a:hover { background-position:-31px -31px; } #home-banner-content .home-banner-nav li.current a { background-position:0px -31px; } #home-banner-content .home-banner-image { position:relative; z-index:1; } #home-banner-content .home-banner-image img { display:block; width:990px; height:auto; } #home-banner-content li {height: 420px;} #home-banner-bar { width:940px; height:15px; background-color:#0072bc; margin:auto; } /* ---------- MAIN NAVIGATION ---------- */ .homepage .main-navigation { position:absolute; z-index:2; margin-left:25px; } .main-navigation { width:940px; height:80px; margin:auto; padding-top:30px; } .main-navigation ul { width:940px; height:80px; } .main-navigation ul li { float:left; } .main-navigation ul li a { color:#363636; font-size:14px; text-decoration:none; display:block; margin-right:2px; height:26px; background-color:#FFF; padding-bottom:20px; padding-top:34px; text-align:center; } .main-navigation ul li a.main-link-1 { background-image:url(logo-main-nav.jpg); background-repeat:no-repeat; background-color:#0072bc; width:119px; font-size:0px; } .main-navigation ul li a.main-link-2 {width:141px;} .main-navigation ul li a.main-link-3 {width:198px;} .main-navigation ul li a.main-link-4 {width:165px;} .main-navigation ul li a.main-link-5 {width:133px;} .main-navigation ul li a.main-link-6 {width:172px;} .main-navigation ul li a.main-link-last { margin-right:0px; } .main-navigation ul li a:hover { color:#0072bc; } .main-navigation ul li a.current { border-bottom:#0072bc solid 2px; color:#0072bc; } /* ---------- BEADCRUMB ---------- */ .breadcrumb { width:940px; height:26px; font-size:12px; color:#555555; padding-top:14px; } .breadcrumb ul {} .breadcrumb ul li { float:left; margin-right:6px; } .breadcrumb ul li a { text-decoration:none; color:#555555; } .breadcrumb ul li a:hover { text-decoration:underline; } .breadcrumb ul li a.current { color:#0072bc; } /* 2.2 Content */ #main-content { width:940px; height:auto; margin:auto; margin-bottom:50px; } /* ---------- CONTENT - FULL WIDTH ---------- */ /* ---------- bar - info ---------- */ #info-bar { width:888px; height2:40px; background-color:#FFF; border:#0072bc solid 1px; margin-top:16px; padding-left:25px; padding-right:25px; padding-top:15px; } #info-bar p { color:#0072bc; } #info-bar p.title { font-size:14px; font-weight:bold; float:left; margin-top:5px; margin-right:10px; } #info-bar p.content { font-size:12px; float:left; margin-top:7px; } #info-bar p a{ color:#0072bc; } #info-bar .close a { display:block; width:30px; height:30px; float:right; background-image:url(icons.png); background-repeat:no-repeat; background-position:-31px -62px; font-size:0px; } /* ---------- bar search ---------- */ #search-bar-home { width:940px; height:80px; background-color:#34b2f1; margin-top:16px; padding-top:20px; } #search-bar-text { color:#FFF; font-size:26px; float:left; margin-left:38px; margin-top:18px; } #search-bar-field { float:left; margin-left:33px; } #search-bar-field input { width:440px; height:60px; padding-left:30px; padding-right:30px; font-size:18px; color:#333; border:none; } #search-bar-button { float:left; margin-left:10px; } #search-bar-button input { width:90px; height:62px; background-color:#0072bc; border:none; color:#fff; font-size:16px; cursor:pointer; } #search-bar-button input:hover { background-color:#333; } /* ---------- bar - links ---------- */ #green-bar { width:940px; height:100px; margin-top:20px; margin-bottom:20px; } #green-bar ul { width:940px; } #green-bar ul li { float:left; } #green-bar ul li a { display:block; width:312px; height:100px; background-color:#80c342; text-decoration:none; } #green-bar ul li a .center-link { margin:auto; padding-top:30px; } #green-bar ul li a.green-link-1 .center-link {width:270px;} #green-bar ul li a.green-link-2 .center-link {width:300px;} #green-bar ul li a.green-link-3 .center-link {width:260px;} #green-bar ul li a.green-link-1 { width:312px; margin-right:1px; } #green-bar ul li a.green-link-2 { width:313px; margin-right:1px; } #green-bar ul li a.green-link-3 { width:313px; margin-right:0px; } #green-bar ul li a .icon-green { display:block; float:left; height:40px; width:40px; background-image:url(round-icons.png); background-repeat:no-repeat; } #green-bar ul li a .icon-arrow { display:block; float:left; height:30px; width:30px; background-image:url(icons.png); background-repeat:no-repeat; margin-top:6px; } #green-bar ul li a.green-link-1 .icon-green{background-position:0px 0px;} #green-bar ul li a.green-link-2 .icon-green{background-position:-41px 0px;} #green-bar ul li a.green-link-3 .icon-green{background-position:-82px 0px;} #green-bar ul li a .icon-arrow {background-position:0px -124px;} #green-bar ul li a p { color:#FFF; font-size:24px; font-weight:bold; line-height:14px; float:left; margin-left:15px; margin-right:5px; } #green-bar ul li a.green-link-1 p {padding-top:12px;} #green-bar ul li a.green-link-2 p, #green-bar ul li a.green-link-3 p {padding-top:12px;} #green-bar ul li a p .second-text { font-size:14px; font-weight:normal; } #green-bar ul li a p .third-text { font-weight:bold; font-size:16px; } #green-bar ul li a:hover {background-color:#72b733;} /* ---------- CONTENT - TWO COLUMNS ---------- */ #content-two-columns { width:940px; height:auto; font-family:Helvetica, Arial, sans-serif; } .column-left { width:620px; height:auto; float:left; margin-right:20px; background-color:#FFF; } .column-right { width:300px; height:auto; float:left; } /* ---------- COLUMN RIGHT ---------- */ /* ---------- SUB NAVIGATION ---------- */ .sub-navigation { width:300px; margin-bottom:20px; } .sub-navigation ul { width:300px; } .sub-navigation ul li { margin-bottom:1px; } .sub-navigation ul li.level-1 a { display:block; width:300px; height2:60px; background-color:#0072bc; color:#fff; font-size:16px; text-decoration:none; } .sub-navigation ul li.level-1 a:hover, .sub-navigation ul li.level-1 a.current:hover { background-color:#252525; } .sub-navigation ul li.level-1 a.current { background-color:#003663; } .sub-navigation ul li.level-1 a .link-text { float:left; margin-left:30px; margin-top:20px; margin-bottom:20px; border: thin none #006666; width:220px; line-height:18px; } .sub-navigation ul li.level-1 a .arrow { float:right; width:30px; height:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -124px; margin-right:14px; margin-top:14px; } .sub-navigation ul li.level-2 { } .sub-navigation ul li.level-2 a { display:block; width:288px; height:58px; background-color:#7da7d9; color:#fff; font-size:16px; text-decoration:none; margin-left:5px; border:#7da7d9 solid 1px; } .sub-navigation ul li.level-2 a:hover, .sub-navigation ul li.level-2 a.current:hover { background-color:#252525; color:#fff; border:#252525 solid 1px; } .sub-navigation ul li.level-2 a.current { background-color:#ffffff; border:#7da7d9 solid 1px; color:#7da7d9; } .sub-navigation ul li.level-2 a .link-text { float:left; margin-left:30px; margin-top:24px; } .sub-navigation ul li.level-2 a .arrow, .sub-navigation ul li.level-2 a.current:hover .arrow { float:right; width:30px; height:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -124px; margin-right:14px; margin-top:16px; } .sub-navigation ul li.level-2 a.current .arrow { float:right; width:30px; height:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:-31px -248px; margin-right:14px; margin-top:16px; } /* ---------- PANELS ---------- */ .panel-right { width:300px; height:auto; margin-bottom:20px; } .panel-image .panel-right-image { width:300px; background-color:#ebebeb; } .panel-image .panel-right-image img { display:block; width:300px; height:auto; } .panel-image .panel-right-image embed { border: thin none #006666; display:block; width:300px; height:auto; } .panel-image .panel-right-image iframe { border: thin none #006666; display:block; width:300px; height:168px; } .panel-image .panel-right-text { width:260px; height:auto; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:14px; font-size:14px; } .panel-image-1 .panel-right-text { background-color:#898989; } .panel-image-1 .panel-right-text p.text-1{color:#e1e1e1;} .panel-image-1 .panel-right-text p.text-2{color:#fff; font-weight:bold;} .panel-image-1 .panel-right-text p.text-2 a{color:#fff; font-weight:bold; text-decoration:none;} .panel-image-2 .panel-right-text { background-color:#34b2f1; } .panel-image-2 .panel-right-text p.text-1{color:#d0e9fc;} .panel-image-2 .panel-right-text p.text-2{color:#fff; font-weight:bold;} .panel-image-2 .panel-right-text p.text-2 a{color:#fff; font-weight:bold; text-decoration:none;} .panel-right-text .arrow-panel { display:block; float:right; } .panel-right-text .arrow-panel a { display:block; width:30px; height:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -124px; margin-top:-7px; font-size:0px; } .panel-right-text { width:260px; height:auto; padding-top:40px; padding-bottom:40px; padding-left:20px; padding-right:20px; } .panel-right-text-1 { background-color:#ed155b; } .panel-right-text-2 { background-color:#00a99d; } .panel-right-text-1 p.text-1 { font-size:16px; color:#FFF; } .panel-right-text-2 p.text-1 { font-size:36px; font-weight:bold; color:#FFF; } .panel-right-text-1 p.text-2 { font-size:26px; margin-top:10px; line-height:36px; font-weight:bold; color:#FFF; } .panel-right-text-2 p.text-2 { font-size:24px; margin-top:10px; line-height:24px; color:#FFF; } .panel-right-text-1 p.text-2 .dark { color:#7a0026; } .panel-right-number { height:auto; width:260px; padding:20px; text-align:center; } .panel-right-number-1 { background-color:#9e0039; padding-left:60px; width:220px; } .panel-right-number-2 { background-color:#008a80; } .panel-right-number p { float:left; color:#FFF; font-weight:bold; margin-left:10px; } .panel-right-number-1 p { font-size:30px; margin-top:3px; } .panel-right-number-2 p { font-size:26px; margin-top:5px; } .phone-icon { float:left; width:30px; height:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:-31px -124px; } /* ---------- RIGHT - GREEN LINKS ---------- */ .right-green-links { width:300px; margin-top:20px; margin-bottom:10px; } .right-green-links ul { width:300px; } .right-green-links ul li { margin-bottom:10px; } .right-green-links ul li a { display:block; width:300px; height:100px; background-color:#80c342; text-decoration:none; } .right-green-links ul li a .center-link { margin:auto; padding-top:30px; } .right-green-links ul li a.green-link-1 .center-link {width:270px;} .right-green-links ul li a.green-link-2 .center-link {width:285px;} .right-green-links ul li a.green-link-3 .center-link {width:270px;} .right-green-links ul li a.green-link-1 { } .right-green-links ul li a.green-link-2 { } .right-green-links ul li a.green-link-3 { } .right-green-links ul li a .icon-green { display:block; float:left; height:40px; width:40px; background-image:url(round-icons.png); background-repeat:no-repeat; } .right-green-links ul li a .icon-arrow { display:block; float:left; height:30px; width:30px; background-image:url(icons.png); background-repeat:no-repeat; margin-top:6px; } .right-green-links ul li a.green-link-1 .icon-green{background-position:0px 0px;} .right-green-links ul li a.green-link-2 .icon-green{background-position:-41px 0px;} .right-green-links ul li a.green-link-3 .icon-green{background-position:-82px 0px;} .right-green-links ul li a .icon-arrow {background-position:0px -124px;} .right-green-links ul li a p { color:#FFF; font-size:24px; font-weight:bold; line-height:14px; float:left; margin-left:15px; margin-right:5px; } .right-green-links ul li a.green-link-1 p {padding-top:12px;} .right-green-links ul li a.green-link-2 p, .right-green-links ul li a.green-link-3 p {padding-top:12px;} .right-green-links ul li a p .second-text { font-size:14px; font-weight:normal; } .right-green-links ul li a p .third-text { font-size:18px; font-weight:bold; } .right-green-links ul li a:hover {background-color:#72b733;} /* ---------- COLUMN LEFT ---------- */ /* ---------- SUBPAGE ELEMENTS ---------- */ .content-subpage { width:620px; height:auto; } .content-subpage h1, .content-subpage h2, .content-subpage h3, .content-subpage h4, .content-subpage h5, .content-subpage p.intro, .content-subpage .intro, .content-subpage p.text, .content-subpage .text, .content-subpage .searchtext, .content-subpage .article-images .description p, .content-subpage .article-videos .description p, .content-subpage .links, .content-subpage .download { width:580px; padding-left:20px; padding-right:20px; } /* ---------- TITLES ---------- */ .content-subpage h1 { font-size:36px; color:#0072bc; font-weight:bold; margin-bottom:20px; margin-top:40px; } .content-subpage h2 { font-size:24px; color:#0072bc; font-weight:bold; margin-bottom:20px; } .content-subpage h3 { font-size:20px; color:#0072bc; font-weight:bold; margin-bottom:20px; } .content-subpage h4 { font-size:16px; color:#0072bc; font-weight:bold; margin-bottom:20px; } .content-subpage h5 { font-size:14px; color:#0072bc; font-weight:bold; margin-bottom:20px; } /* ---------- TEXTS ---------- */ .content-subpage p.intro { font-size:14px; color:#555555; font-weight:bold; line-height:24px; margin-bottom:30px; } .content-subpage .intro { font-size:14px; color:#555555; font-weight:bold; line-height:24px; margin-bottom:30px; } .content-subpage .intro ul { border: thin none #FFFF00; list-style-type:disc; margin-left:20px; margin-bottom:30px; } .content-subpage .intro ul li { border: thin none #FFFF00; } .content-subpage .intro ol { border: thin none #FFFF00; list-style-type:decimal; margin-left:20px; margin-bottom:30px; } .content-subpage .intro em { border: thin none #FFFF00; font-style:italic; } .content-subpage p.text { font-size:14px; color:#555555; font-weight:normal; line-height:24px; margin-bottom:20px; } .content-subpage .text { font-size:14px; color:#555555; font-weight:normal; line-height:24px; margin-bottom:20px; } .content-subpage .searchtext { font-size:14px; color:#555555; font-weight:normal; line-height:16px; margin-top:10px; margin-bottom:10px; } .content-subpage .text ul { border: thin none #FFFF00; list-style-type:disc; margin-left:20px; margin-bottom:0px; } .content-subpage .text ul li { border: thin none #FFFF00; } .content-subpage .text ol { border: thin none #FFFF00; list-style-type:decimal; margin-left:20px; margin-bottom:30px; } .content-subpage table, th, td { border2: 1px solid #34b2f1; } .content-subpage .text em { border: thin none #FFFF00; font-style:italic; } .tablewithborder td{ border: 1px solid #999999; padding:2px; } .tablewithborder { border: 1px solid #999999; padding:0px; } /* ---------- LINKS ---------- */ .content-subpage .links { margin-bottom:20px; width:580px; padding-left:20px; padding-right:20px; } .content-subpage .links ul { } .content-subpage .links ul li { margin-bottom:1px; } .content-subpage .links ul li a { display:block; width:555px; background-color:#555555; color:#FFF; text-decoration:none; font-size:16px; padding-left:25px; } .content-subpage .links ul li a .link-text { float:left; padding-top:10px; width:485px; padding-bottom:10px; } .content-subpage .links ul li a .link-icon { display:block; width:30px; height:30px; float:right; margin-top:5px; margin-right:20px; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -124px; } .content-subpage .links ul li a:hover { background-color:#333; } /* ---------- DOWNLOAD ---------- */ .content-subpage .download { margin-bottom:20px; } .content-subpage .download .download-title { width:530px; height:50px; padding-left:25px; padding-right:25px; background-color:#0072bc; margin-bottom:1px; } .content-subpage .download .download-title .download-icon { width:30px; height:30px; float:left; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -93px; margin-top:10px; margin-right:5px; } .content-subpage .download .download-title .download-text { float:left; color:#FFF; font-size:16px; font-weight:bold; margin-top:18px; } .content-subpage .download .download-content { width:580px; background-color:#0072bc; } .content-subpage .download .download-content ul { width:530px; padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:15px; } .content-subpage .download .download-content ul li { font-size:16px; color:#FFF; margin-bottom:6px; } .content-subpage .download .download-content ul li .document-icon { display:block; width:30px; height:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:-31px -93px; float:left; } .content-subpage .download .download-content ul li a { float:left; color:#FFF; font-size:16px; margin-right:6px; margin-left:6px; margin-top:7px; } .content-subpage .download .download-content ul li a:hover { text-decoration:none; } .content-subpage .download .download-content ul li .document-type { float:left; color:#fff; margin-top:7px; margin-right:6px; } .content-subpage .download .download-content ul li .document-size { float:left; font-style:italic; color:#70b9e8; margin-top:7px; } /* ---------- IMAGES ---------- */ .content-subpage .article-images { width:620px; margin-top:20px; margin-bottom:20px; } .content-subpage .article-images .image { width:620px; background-color:#666; } .content-subpage .article-images .image img { display:block; width:620px; height:auto; } .content-subpage .article-images .image2 img{ padding-left:20px; padding-right:20px; max-width:580px; height:auto; } .content-subpage .image2 img{ padding-left:20px; padding-right:20px; padding-bottom:20px; max-width:580px; height:auto; } .content-subpage .image2 embed{ padding-left:20px; padding-right:20px; padding-bottom:20px; max-width:580px; height:auto; } .content-subpage .article-images .description { margin-top:10px; margin-bottom:20px; } .content-subpage .article-images .description p { color:#898989; font-size:12px; font-style:italic; line-height:18px; } .content-subpage .article-images .description { color:#898989; font-size:12px; font-style:italic; line-height:18px; } /* ---------- VIDEOS ---------- */ .content-subpage .article-videos { width:620px; height:auto; margin-top:20px; margin-bottom:20px; } .content-subpage .article-videos .video { width:620px; height:340px; } .content-subpage .article-videos .description { margin-top:10px; margin-bottom:20px; } .content-subpage .article-videos .description p { color:#898989; font-size:12px; font-style:italic; line-height:18px; } /* ---------- GOOGLE MAP ---------- */ .content-subpage .google-map { width:620px; height:350px; margin-top:20px; margin-bottom:20px; background-color:#f4f3f0; } /* ---------- SERVICES LIST ---------- */ .content-subpage .services-list-links { } .content-subpage .services-list-links ul { width:620px; padding-left:25px; padding-right:25px; } .content-subpage .services-list-links ul li { float:left; margin-right:10px; } .content-subpage .services-list-links ul li a { font-size:16px; color:#0072bc; text-decoration:none; } .content-subpage .services-list-links ul li a:hover { text-decoration:underline; } .content-subpage .service-letter { width:580px; padding-left:25px; padding-right:25px; margin-top:20px; } .content-subpage .service-letter .service-letter-title { width:580px; color:#0072bc; font-size:26px; font-weight:bold; border-bottom:#0072bc solid 1px; padding-bottom:4px; margin-bottom:6px; } .content-subpage .service-letter .service-letter-links { margin-bottom:20px; } .content-subpage .service-letter .service-letter-links ul { } .content-subpage .service-letter .service-letter-links ul li { margin-bottom:1px; } .content-subpage .service-letter .service-letter-links ul li a { display:block; height2:40px; width:555px; background-color:#0072bc; color:#FFF; text-decoration:none; font-size:16px; padding-left:25px; } .content-subpage .service-letter .service-letter-links ul li a .link-text { float:left; padding-top:14px; padding-bottom:14px; width:455px; } .content-subpage .service-letter .service-letter-links ul li a .link-icon { display:block; width:30px; height:30px; float:right; margin-top:5px; margin-right:20px; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -124px; } .content-subpage .service-letter .service-letter-links ul li a:hover { background-color:#025e99; } /* ---------- NEWS SECTION ---------- */ /* ---------- NEWS CAROUSEL ---------- */ #news-carousel { width:620px; height:auto; margin-bottom:20px; } #news-carousel .carousel-header { width:570px; padding-left:25px; padding-right:25px; padding-top:20px; position:absolute; z-index:2; } #news-carousel .carousel-header .carousel-header-icon { float:left; width:30px; height:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -248px; margin-top:6px; } #news-carousel .carousel-header .carousel-header-icon2 { float:left; width:30px; height:30px; background-repeat:no-repeat; background-position:0px -248px; margin-top:6px; } #news-carousel .carousel-header .carousel-header-title { float:left; font-size:24px; font-weight:bold; color:#0072bc; margin-top:8px; } #news-carousel .carousel-header .carousel-header-rss a { float:right; width:40px; height:40px; background-image:url(round-icons.png); background-repeat:no-repeat; background-position:-123px 0px; font-size:0px; } #news-carousel .carousel-image { position:relative; width:620px; height:auto; z-index:1; } #news-carousel .carousel-content p a{ font-size:14px; color:#FFF; } #news-carousel .carousel-image img { width:620px; height:344px; display:block; } #news-carousel .carousel-content { background-color:#0072bc; width:570px; height:60px; padding-bottom:20px; padding-left:25px; padding-right:25px; padding-top:20px; } #news-carousel .carousel-content p { font-size:14px; color:#FFF; } #news-carousel .carousel-content p.title { font-weight:bold; margin-bottom:8px; } #news-carousel .carousel-content p.text { line-height:18px; } #news-carousel .carousel-nav { width:620px; height:30px; } #news-carousel .carousel-nav ul, #news-carousel .carousel-nav ol{ width:150px;width: 90px; height:30px; margin:auto; margin-top:10px; } #news-carousel .carousel-nav li { float:left; } #news-carousel .carousel-nav li a { display:block; height:30px; width:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:-31px 0px; font-size:0px; } #news-carousel .carousel-nav li a.previous, #news-carousel .carousel-nav li a.previous:hover { background-position:0px -217px; } #news-carousel .carousel-nav li a.next, #news-carousel .carousel-nav li a.next:hover { background-position:-31px -217px; } #news-carousel .carousel-nav li.current a { background-position:-31px -31px; } #news-carousel .carousel-nav li a:hover, #news-carousel .carousel-nav li.current a:hover { background-position:0px -31px; } #news-carousel .slider li {height: 444px;} /* ---------- NEWS ARTICLES ---------- */ .header-news { width:580px; height:60px; background-color:#0072bc; margin-bottom:20px; padding-left:20px; padding-right:20px; padding-top:20px; } .header-news-icon { width:30px; height:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:-31px -93px; float:left; margin-top:6px; } .header-news-title { font-size:24px; font-weight:bold; color:#ffffff; float:left; margin-top:10px; margin-left:6px; } .header-news-rss { float:right; } .header-news-rss a { display:block; width:40px; height:40px; background-image:url(round-icons.png); background-repeat:no-repeat; background-position:-164px 0px; font-size:0px; } .news-list { font-family:Helvetica, Arial, sans-serif; width: 647px; } .news-short-article { width:190px; padding-bottom:20px; margin-bottom:20px; border-bottom:#898989 solid 1px; float:left; margin-right:25px; } .third-article { margin-right:0px; } .news-short-article-image { width:190px; height:auto; margin-bottom:12px; } .news-short-article-image a img { display:block; width:190px; height:auto; } .news-short-article-image img { display:block; width:190px; height:auto; } .news-short-article-date { color:#898989; font-size:12px; margin-bottom:12px; } .bold { font-weight:bold; } .news-short-article-intro { margin-bottom:12px; } .news-short-article-intro a { text-decoration:none; color:#0072bc; font-size:18px; font-weight:bold; } .news-short-article-intro a:hover { text-decoration:underline; } .news-short-article-text { color:#363636; font-size:14px; line-height:24px; } .news-button { height:40px; float:right; margin-bottom:10px; } .news-button a { display:block; width:100px; height:34px; background-color:#0072bc; text-decoration:none; color:#FFF; font-size:14px; padding-left:20px; padding-right:13px; padding-top:6px; } .news-button a:hover { background-color:#363636; text-decoration:underline; } .news-button a .news-button-text { float:left; margin-top:7px; } .news-button a .news-button-icon { height:30px; width:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -124px; float:left; } .news-pagination { } .news-pagination ul { float:right; } .news-pagination ul li { float:left; margin-left:1px; } .news-pagination ul li a { display:block; width:27px; height:20px; background-color:#0072bc; color:#FFF; font-size:12px; text-decoration:none; text-align:center; padding-top:7px; } .news-pagination ul li a:hover, .news-pagination ul li a.current:hover { background-color:#363636; } .news-pagination ul li a.current { background-color:#003471; } .news-pagination ul li a.text { padding-left:10px; padding-right:10px; } /* 2.3 Footer */ #footer { width:100%; height:130px; background-color:#FFF; border-top:#b7b7b7 solid 1px; padding-top:20px; } #footer-left { float:left; } #footer-left ul { } #footer-left ul li { float:left; } #footer-left ul li a { color:#757575; font-size:11px; text-decoration:none; } #footer-left ul li a:hover { text-decoration:underline; } .footer-line { color:#a1a1a1; font-size:11px; margin-left:5px; margin-right:5px; } #footer-left p, #footer-left p a { color:#a1a1a1; font-size:11px; margin-top:10px; line-height:14px; text-decoration:none; } #footer-left p a:hover { text-decoration:underline; } #footer-right { float:right; } #footer-right p { color:#a1a1a1; font-size:11px; float:left; margin-right:10px; padding-top:5px; } #footer-right ul { float:left; } #footer-right ul li { float:left; margin-left:4px; } #footer-right ul li a { display:block; height:30px; width:30px; background-image:url(icons.png); background-repeat:no-repeat; font-size:0px; } #footer-right ul li a.button-twitter {background-position:-0px -186px;} #footer-right ul li a.button-rss {background-position:-30px -186px;} #footer-right ul li a.button-instagram {background-position:-60px -184px;} /* 3. MISCELLANEOUS CLASSES */ .news-divider { width:190px; padding-bottom:20px; margin-bottom:20px; border-bottom:#898989 solid 1px; margin-right:24px; } /* ---------- add-sub-page ---------- */ #add-sub-page { width:580px; height:30px; background-color:#34b2f1; margin-top:4px; padding-top:6px; } #add-suburl-text { color:#FFF; font-size:16px; float:left; margin-left:10px; margin-top:2px; } #add-suburl-field { float:left; margin-left:13px; } #add-suburl-field input { width:280px; height:18px; padding-left:3px; padding-right:3px; font-size:12px; color:#333; border:none; } #add-suburl-field-nw { float:left; margin-left:3px; } #add-sub-text { color:#FFF; font-size:16px; float:left; margin-left:18px; margin-top:2px; } #add-sub-field { float:left; margin-left:33px; } #add-sub-field input { width:220px; height:18px; padding-left:3px; padding-right:3px; font-size:12px; color:#333; border:none; } #add-sub-button { float:left; margin-left:25px; } .add-sub-button-weblink { float:right; margin-right:25px; } .add-sub-button-weblink input { width:120px; height:22px; background-color:#0072bc; border:none; color:#fff; font-size:14px; cursor:pointer; } #add-sub-button input { width:120px; height:22px; background-color:#0072bc; border:none; color:#fff; font-size:14px; cursor:pointer; } #add-sub-button input:hover { background-color:#333; } #add-sub-button2 { float2:left; margin-left:0px; } #add-sub-button2 input { width:160px; height:22px; background-color:#0072bc; border:none; color:#fff; font-size:14px; cursor:pointer; } #add-sub-button2 input:hover { background-color:#333; } #con-sub-button2 { float:right; margin-top:10px; margin-right:10px; background-color:#006600; } #con-sub-button2 input { width:160px; height:22px; background-color:#006600; border:none; color:#fff; font-size:14px; cursor:pointer; } #con-sub-button2 input:hover { background-color:#333; } #searchform { width:580px; height:30px; background-color:#34b2f1; margin-top:4px; padding-top:6px; margin-left:20px; } /* ---------- blue LINKS added by hugh ---------- */ .content-subpage .bluelinks { margin-bottom:20px; width:580px; padding-left:20px; padding-right:20px; } .content-subpage .bluelinks ul { } .content-subpage .bluelinks ul li { margin-bottom:1px; } .content-subpage .bluelinks ul li a { display:block; width:555px; background-color:#0072bc; color:#FFF; text-decoration:none; font-size:16px; padding-left:25px; } .content-subpage .bluelinks ul li a .link-text { float:left; padding-top:10px; width:485px; padding-bottom:10px; } .content-subpage .bluelinks ul li a .link-icon { display:block; width:30px; height:30px; float:right; margin-top:5px; margin-right:20px; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -124px; } .content-subpage .bluelinks ul li a .link-icon-green { display:block; width:30px; height:30px; float:right; margin-top:5px; margin-right:20px; background-image:url(iconsgreen.png); background-repeat:no-repeat; background-position:0px -124px; } .content-subpage .bluelinks ul li a .link-icon-amber { display:block; width:30px; height:30px; float:right; margin-top:5px; margin-right:20px; background-image:url(iconsamber.png); background-repeat:no-repeat; background-position:0px -124px; } .content-subpage .bluelinks ul li a:hover { background-color:#025e99; } /* ---------- board members pages ---------- */ .bmimage { float:left; padding-top:0px; border: thin none #FFFF00; } .bmdetails{ float:left; padding-top:0px; border: thin none #FFFF00; margin-left:10px; } #boarddetails{ border: thin none #006666; margin-left:10px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#555555; line-height:24px; } .add-mem-text { color:#FFF; font-size:16px; float:left; margin-left:28px; margin-top:2px; } .add-mem-text2 { color:#FFF; font-size:16px; float:left; margin-left:4px; margin-top:2px; margin-right:15px; border: thin none #006666; } .add-mem-text3 { color:#FFF; font-size:16px; float:left; margin-left:2px; margin-top:2px; margin-right:8px; border: thin none #006666; } .add-mem-text4 { color:#FFF; font-size:16px; float:left; margin-left:2px; margin-top:2px; margin-right:8px; border: thin none #006666; } .add-mem-field { float:left; margin-left:13px; } .add-mem-field input { width:140px; height:18px; padding-left:3px; padding-right:3px; font-size:12px; color:#333; border:none; } #add-mem-button { float:left; margin-left:2px; } #add-mem-button input { width:40px; height:22px; background-color:#0072bc; border:none; color:#fff; font-size:14px; cursor:pointer; } #add-mem-button input:hover { background-color:#333; } .remove-mem-button input { width:70px; height:22px; background-color:#B70000; border:none; color:#fff; font-size:14px; cursor:pointer; } .remove-subpage-button input { width:190px; height:22px; background-color:#B70000; border:none; color:#fff; font-size:14px; cursor:pointer; } .cancel-remove-subpage-button input { width:190px; height:22px; background-color:#025e99; border:none; color:#fff; font-size:14px; cursor:pointer; } #update-mem-button input { width:60px; height:22px; background-color:#0072bc; border:none; color:#fff; font-size:14px; cursor:pointer; } .update-mem-button { margin-left:20px; } .update-mem-button input { width:70px; height:22px; background-color:#025e99; border:none; color:#fff; font-size:14px; cursor:pointer; } .update-mem-button input:hover { background-color:#0072bc; } .traveline { width:300px; height:100px; margin-top:6px; margin-bottom:20px; } .morelinks a{ color:#fff; text-decoration:none; } .back_link { float:left; margin-left:20px; margin-bottom:20px; } .more_link { float:right; margin-right:20px; margin-bottom:20px; } .morepillinks a{ color:#0072bc; text-decoration:none; } a:focus, input:focus, select:focus, textarea:focus, button:focus { outline-width: 2px; outline-style: solid; outline-color: #0AB4E2;} .download-textlink { border: thin none #006666; width:350px; line-height:22px; } #newsarticledyn { border: thin none #006666; width:580px; } #newsarticledyn p{ border: thin none #006666; margin-bottom:20px; font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#555555; line-height:24px; width2:580px; padding-left:20px; padding-right:20px; } #newsarticledyn ul { border: thin none #006666; margin-bottom:20px; } #newsarticledyn ul p{ border: thin none #006666; margin:0; } #newsarticledyn ul i{ border: thin none #006666; display:none; } #newsarticledyn i u{ border: thin none #006666; display:none; } #newsarticledyn table { margin-bottom:20px; margin-left:20px; border: 1px none #34b2f1; width:580px; } #newsarticledyn table td{ border: 1px solid #999999; } #newsarticledyn table td p{ border: 1px none #34b2f1; padding-left:5px; margin-bottom:5px; } strong{ border: thin none #006666; font-weight:bold; } .bigtext1 { font-size:16px; } .bigtext2 { font-size:18px; } .bigtext3 { font-size:20px; } .redtext { color: #990000; } .bluetext { color: #000099; } .greentext { color: #336633; } #pil-search-form { width:580px; height:30px; background-color:#34b2f1; margin-top:4px; padding-top:6px; margin-left:24px; margin-bottom:4px; } .pil-search-text { color:#FFF; font-size:16px; float:left; margin-left:8px; margin-top:2px; } .pil-search-field { float:left; margin-left:13px; } .pil-search-field input { width:140px; height:18px; padding-left:3px; padding-right:3px; font-size:12px; color:#333; border:none; } #pil-search-button { float:left; margin-left:12px; } #pil-search-button input { width:60px; height:22px; background-color:#0072bc; border:none; color:#fff; font-size:14px; cursor:pointer; } #pil-search-button input:hover { background-color:#333; } #search-form-button { float:left; margin-left:20px; } #search-form-button input { width:80px; height:22px; background-color:#0072bc; border:none; color:#fff; font-size:14px; cursor:pointer; } #search-form-button input:hover { background-color:#333; } .allisbutton{ width:80px; height:22px; background-color:#0072bc; border:2px; color:#fff; font-size:14px; cursor:pointer; } .alignleft{ float:left; } .alignright{ float:right; } .aligncenter{ display: block; margin-left: auto; margin-right: auto; } .flashvid { border: 10px none #006666; max-width:580px; height:auto; } .backtotop { color:#a1a1a1; font-size:11px; text-decoration:none; padding-left:25px; } .sitemaplinks, .sitemaplinks2, .sitemaplinks3, .commlinks1, .commlinks2, .commlinks3 { margin-right:25px; padding-bottom:1px; } .sitemaplinks a, .sitemaplinks2 a, .sitemaplinks3 a, .commlinks1 a, .commlinks2 a, .commlinks3 a{ display:block; background-color:#0072bc; color:#FFF; text-decoration:none; font-size:16px; padding-left:25px; } .sitemaplinks a{ background-color:#003663; width:555px; margin-left:25px; } .sitemaplinks2 a{ background-color:#0072bc; width:535px; margin-left:45px; } .sitemaplinks3 a{ background-color:#025e99; width:515px; margin-left:65px; } .commlinks1 a{ background-color:#003663; width:555px; margin-left:25px; margin-top:10px; } .commlinks2 a{ background-color:#0072bc; width:535px; margin-left:45px; margin-top:0px; } .commlinks3 a{ background-color:#025e99; width:515px; margin-left:65px; } .sitemaplinks a:hover, .sitemaplinks2 a:hover, .sitemaplinks3 a:hover, .commlinks1 a:hover, .commlinks2 a:hover, .commlinks3 a:hover{ background-color:#252525; } .sitemaplinks a .link-text, .sitemaplinks2 a .link-text , .sitemaplinks3 a .link-text, .commlinks1 a .link-text{ float:left; padding-top:14px; padding-bottom:14px; border: thin none #006666; } .commlinks3 a .link-text, .commlinks2 a .link-text{ float:left; padding-top:14px; padding-bottom:14px; border: thin none #006666; width:460px; } .sitemaplinks a .link-icon, .sitemaplinks2 a .link-icon , .sitemaplinks3 a .link-icon, .commlinks1 a .link-icon, .commlinks2 a .link-icon , .commlinks3 a .link-icon { display:block; width:30px; height:30px; float:right; margin-top:5px; margin-right:20px; background-image:url(icons.png); background-repeat:no-repeat; background-position:0px -124px; border: thin none #ffffff; } .hidelabel { display:none; } #homepage-logos { width:100%; background-color:#FFF; border-top:#b7b7b7 solid 1px; padding-top:0px; } #homepage-logos-list { margin-top:16px; padding-top:0px; margin-bottom:16px; border: 1px none #006666; text-align:center; } #homepage-logos img { max-width2:178px; height:100px; padding:5px; } .logimg { border: 1px none #006666; } .center-width-logos{width:990px; margin:auto;} .swfcontainer2{ border: 1px none #006666; width:580px; height:auto; } .swfcontainer embed{ border: 1px solid #006666; width:580px; height:auto; } #blanket { background-color:#111; filter:alpha(opacity=45); position:absolute; opacity: 0.65; top:0px; left:0px; width:100%; height:100%; } #timericon { position:relative; left:50%; width:200%; height:200%; } .subbuttonleft{ float:left; width2:30%; border: 1px solid #006666; } .subbuttonright{ float:right; width2:30%; border: 1px solid #006666; } /* ---------- INFOPAGE CAROUSEL ---------- */ #infopage-carousel { width:620px; height:auto; margin-bottom:20px; } #infopage-carousel .carousel-image { position:relative; width:620px; height:auto; z-index:1; } #infopage-carousel .carousel-content p a{ font-size:14px; color:#FFF; } #infopage-carousel .carousel-image img { width:580px; height:344px; display:block; } #infopage-carousel .carousel-content { background-color:#0072bc; width:500px; height:60px; padding-bottom:20px; padding-left:25px; padding-right:25px; padding-top:20px; border: thin solid #FF0000; } #infopage-carousel .carousel-content p { font-size:14px; color:#FFF; } #infopage-carousel .carousel-content p.title { font-weight:bold; margin-bottom:8px; } #infopage-carousel .carousel-content p.text { line-height:18px; } #infopage-carousel .carousel-nav { width:620px; height:30px; } #infopage-carousel .carousel-nav ul, #infopage-carousel .carousel-nav ol{ width:150px;width: 90px; height:30px; margin:auto; margin-top:10px; } #infopage-carousel .carousel-nav li { float:left; } #infopage-carousel .carousel-nav li a { display:block; height:30px; width:30px; background-image:url(icons.png); background-repeat:no-repeat; background-position:-31px 0px; font-size:0px; } #infopage-carousel .carousel-nav li a.previous, #infopage-carousel .carousel-nav li a.previous:hover { background-position:0px -217px; } #infopage-carousel .carousel-nav li a.next, #infopage-carousel .carousel-nav li a.next:hover { background-position:-31px -217px; } #infopage-carousel .carousel-nav li.current a { background-position:-31px -31px; } #infopage-carousel .carousel-nav li a:hover, #infopage-carousel .carousel-nav li.current a:hover { background-position:0px -31px; } #infopage-carousel .slider li {height: 444px;} #infopage-carousel ol, #infopage-carousel ul{ border: thin none #FFFF00; list-style-type:none; } .advertising{ border: thin none #FFFF00; width:728px; margin-left: auto ; margin-right: auto ; height: 100px; display:block; padding-top:5px; } /* ---------- HOME MODAL POPUP ---------- */ #homeModalInfoWindow { position:absolute; background:rgba(255,255,255,0.2); /*background-color:#444444;*/ border-radius:14px; padding:8px; overflow: hidden; display:none; } #homeModalInfoContent { border-radius:8px; padding:20px; overflow: hidden; color:white; font-family: "Georgia", "Times New Roman",serif; } #homeModalCover { background:rgba(1,1,1,0.6); position:absolute; opacity: 50%; top:0px; left:0px; width:100%; height:100%; display:none; } #modal_image img{ width:100%; } .modal_click_link { margin-right:50px; padding: 30px; font-size: 1.5em; } .modal_click_link a{ color:white; text-decoration:none; } #modal-link-text{ margin-top:10px; width:800px; height:60px; background-color:#003663; color:#fff; font-size:24px; text-align:center; padding-top:10px; } #modal-link-text a:hover{ color:#0072bc; } #modal-link-text a{ color:#fff; font-family:Verdana, Geneva, sans-serif; text-decoration:none; } #modal-go-button { float:left; margin-left:0px; } #modal-go-button input { width:260px; height:40px; background-color:#0072bc; border:none; color:#fff; font-size:24px; cursor:pointer; margin-top:40px; margin-left:270px; } #modal-go-button input:hover { background-color:#333; } /* ---------- OOH MODAL POPUP ---------- */ #modalInfoWindow { position:absolute; background:rgba(0,0,0,0); border-radius:14px; padding:8px; overflow2: hidden; display:none; } #modalInfoContent { border2: 1px solid white; border-radius:8px; padding:20px; overflow: hidden; color:white; font-family:Helvetica, Arial, sans-serif; } #modalCover { background-color:#111; filter:alpha(opacity=100); position:absolute; opacity: 1; top:0px; left:0px; width:110%; height:100%; display:none; border:none; } .outer_container_topzzz { background-repeat: no-repeat; background-position: top left; position: absolute; top: 0px; left: 0px; width: 10000px; height: 10000px; background-size: 12%; z-index: 1; } .outer_container_bottomzzz { background-repeat: no-repeat; background-position: bottom right; position: absolute; bottom: 0px; right: 0px; width: 400px; height: 400px; background-size: 60%; z-index: 2; } .outer_container { z-index: 3; position: absolute; width: 100%; } .titleooh { /* top title text */ font-size:2.1em; text-align: left; border-bottom2: 2px solid white; font-weight: bold; padding-bottom: 20px; z-index: 3; } .rhs_ooh_heading{ text-align: left; font-size:1.7em; padding-left:50px; } .lhs_ooh_container{ width:45%; float:left; border2: 2px solid green; padding-top:20px; } .lhs_ooh_container img{ width:80%; } .rhs_ooh_container{ width:50%; float:left; border2: 2px solid blue; padding-left:20px; } .rhs_text_container { margin-left:38%; } .date_text { border-bottom2: 2px solid black; font-size:2.3em; text-align: left; margin-right:50px; padding-left:50px; padding:20px; } .bullet_points_container { padding-top:50px; padding-left2:50px; font-size: 1.3em; } .bullet_points_container ul li a{ color:white; text-decoration:none; } .bullet_points_container ul li{ padding-top:10px; padding-bottom:10px; } .hm_image img{ border-style: none; position: absolute; bottom: -150px; height: 85%; left: 5%; z-index: 50; } .oohpic img{ width: 200px; } .oohlogo img{ width: 200px; } .oohlogo { background-color:black; width: 200px; } .click_link { margin-right:50px; border-top2: 2px solid black; padding-top: 50px; font-size: 1.1em; } .click_link a{ color:white; text-decoration:none; } .ooheditheading { font-weight:bold; } .oohedittext{ font-style: italic; } .ooh_logo_container { text-align: right; padding-bottom: 25px; } .ooh_logo_container img{ width:20%; } @media only screen and (max-width: 500px) { .lhs_ooh_container{ width:100%; } .lhs_ooh_container img{ width:80%; border2: 2px solid blue; } .titleooh { /* top title text */ font-size:2.1em; text-align: left; border-bottom2: 2px solid white; font-weight: bold; padding-bottom: 20px; z-index: 3; } .rhs_ooh_container{ width:100%; border2: 2px solid blue; } } .lhs_ooh_container_new{ width:100%; border2: 2px solid purple; } .lhs_ooh_container_new img{ width:400px; border2: 2px solid green; float:left; } .titleooh_new { /* top title text */ font-size:2.1em; text-align: left; border-bottom2: 2px solid white; font-weight: bold; padding-top: 20px; padding-bottom: 20px; z-index: 3; } .rhs_ooh_container_new{ width2:40%; border2: 2px solid red; float:right; } .rhs_ooh_container_new img{ width:150px; border2: 2px solid green; float:right; } .queen_popup_container { z-index: 999; position: absolute; width: 100%; height: 100%; padding: 0px; margin: 0px; border: 0px; background-color: black; font-size: 2.1em; } .hmqueen_photo img{ margin-left:15%; margin-top:30px; width: 50%; max-width: 500px; } .nhs_logo_black img{ width: 20%; max-width: 250px; position: absolute; top: 0px; right:0px; margin-top: 20px; margin-right: 10%; } .queen_text { margin-left:15%; margin-top: 20px; color: white; font-size: 70%; font-family: Verdana, Geneva, sans-serif; min-width: 600px; } .queen_text div, .queen_text div div { padding-bottom: 20px; } .queen_text .queen_links { padding-top: 40px; font-size: 65%; }