body {background: #c4c5c5 url('/theme/images/bg-02.jpg') repeat-y 50%; color: #797979;} a {/*color: #014A99;*/ text-decoration: underline;} a:hover {text-decoration: none;} h3, h3 a, h3 a:link {font-size: 20px; font-weight: normal; text-decoration: none;} h4, h4 a, h4 a:link {font-size: 14px; font-weight: bold; text-decoration: none;} h2, h2 a, h2 a:link, h2 a:link {font-weight: normal; text-decoration: none;} h2#page-heading {color: white; } h2#page-heading {display: inline-block; line-height: 36px; padding: 5px 11px; margin-left: -11px; background: #013d81 url('/theme/images/h2-bg.jpg') repeat-y top left;} body.quality h2#page-heading, body.diversity h2#page-heading, body.ethics h2#page-heading, body.freedom h2#page-heading {background: #013d81 url('/theme/images/h2-bg-gold.jpg') repeat-y top left;} /*-- PUBLICATION BOX ----------------------*/ .publication-download {float: left; width: 220px;} .publication-box {border-bottom: 2px solid #777; margin-bottom: 10px} .publication-item h2 {color: #014A99; text-transform: none; font-size: 16px;} .publication-item img {margin-left: -92px; border: 1px solid #777;} .profile-item h2 {color: #014A99; text-transform: none; font-size: 16px;} .button-grey a {display: block; background: url(/theme/images/heading-grey.jpg) no-repeat left top; color: white; padding: 5px;} /*-- IMAGES ----------------------*/ .floatright {float:right; margin-left:10px;} .floatleft {float:left; margin-right:10px; margin-bottom: 10px;} .floatright img, .floatleft img {margin-bottom: 2px;} .image-caption {font-size: 9px; font-weight: bold; color: #969696;} /*-- HEADER ----------------------*/ #header h1 {float: left;} #header h1 a span {margin-left: -9999px;} #header h1 a {display: block; width: 140px; height: 100px; background: url(/theme/images/header-logo.jpg) no-repeat 50% 1px;} /*-- NAV ----------------------*/ ul.nav {padding-left: 6px;} ul.nav a {font-family: "Trebuchet MS"; font-weight: normal; text-transform: uppercase;} ul.nav a:hover {color: #777;} ul.nav li.current a {color: #777;} ul.nav li li.here a {color: #333;} ul.nav li li a:hover {color: #333;} ul.nav {background: #0b36b1 url('/theme/images/nav-main.jpg') repeat-y top right;} ul.nav {margin-left:150px; margin-right:-9px; margin-top:40px; } ul.nav ul {width: 100%; margin: 0; padding: 5px 0; margin-left: -2px; background: url('/theme/images/nav-main-current.png') no-repeat bottom left;} ul.nav li.current li a {padding-left: 5px; padding-right: 10px; background: url('/theme/images/nav-bullet.gif') no-repeat top right !important;} ul.nav li a {padding: 0 8px;} ul.nav li.current a {background: url('/theme/images/nav-main-current.png') no-repeat bottom left; margin-bottom: -5px; padding-bottom: 5px;} ul.nav ul ul {display: none;} .here {text-decoration: underline;} #footer {background: url('/theme/images/footer-bg.jpg'); min-height: 195px;} #footer .grid_3 {min-height: 101px;} /*#footer .box {background: none;}*/ #wrap {position: relative; padding-bottom: 200px;} #footer {position: absolute; bottom: 0;} #footer-text {width: 780px; position: absolute; bottom: 0; margin: 0 auto;} /*-- BREADCRUMB ----------------------*/ #breadcrumb {font-size:9px; height:30px; padding-left:155px; padding-top:10px;} #home #breadcrumb {display: none;} #home #header h1 a {height: 90px;} /*-- SIDEBAR ----------------------*/ #wrap {overflow:hidden;} #sidebar {width: 145px; margin-left: 5px; background: url('/theme/images/sidebar-bg-01.jpg') 0 179px; padding-bottom: 9999px; margin-bottom: -9999px; overflow: hidden;} #sidebar-inner {} /*-- LOGIN ----------------------*/ .login {color: #a07019; background: none; border: 0; margin-left: 5px; /*background: url('/theme/images/sidebar-bg-02.jpg') bottom left;*/} .login legend {text-transform: uppercase; background: white; border: 0; font: 14px "Trebuchet MS"; text-align: center;} .login fieldset {padding:5px;} fieldset.login p {margin: 0;} .login {padding: 0 5px;} .login .input {background: #bfaf95;} .login .input:focus {background: #E7D5B4;} .login .submit {margin: 0 auto; margin-top: 10px; } .forgot-password {font-size: 10px;} #sidebar .block {background: url('/theme/images/sidebar-bg-02.jpg') bottom left;} /*-- FOOTER ----------------------*/ #footer-text {text-align: center; } #footer-text p, #footer-text a {color: #6891d3;} /*-- footer stats ----------------------*/ #footer-stats {color: white; width: 480px; padding-top: 10px; float: left;} #home #footer-stats {margin-left: 310px; float: none;} #footer-stats table {padding: 10px 0 10px 10px; height: 70px;} #footer-stats table,#footer-stats table td, #footer-stats table tr {background: none; border: none; vertical-align: middle; padding: 0;} .stat-left {/*width: 75%;*/ /*float: left;*/} .stat-large {display: block; font-size: 14px; font-weight: bold;} .stat-small {display: block; font-size: 11px;} .stat-credit a {font-size: 8px; color: #6891D3;} #footer-stats td.stat-left {padding-right: 5px; width: 160px;} #footer-stats td.stat-right {width: 69px; padding-left: 5px; border-left: 1px solid #fff; font-size: 23px; font-weight: bold;} /*-- twitter ----------------------*/ .twitter-box h3 {display: inline-block; font-size: 11px; background: #45689c; color: white; padding: 2px 4px; margin: 0;} .twitter, .twitter li {font-size: 10px; color: white; margin: 0; padding: 0; padding: 2px 5px;} .twitter {background: #5f83b8; border: #45689c 5px solid ; min-height: 60px;} /*-- FRONT PAGE ----------------------*/ #newsfeed {position: relative; padding-bottom: 200px;} /* .articles h2 a {padding: 0; background: url('/theme/images/heading-gold.gif') no-repeat top left; font-size: 18px; font-weight: normal; font-family: "Trebuchet MS"; letter-spacing: 1px;} .articles h2 a span {display: inline-block; height: 30px; line-height: 30px; padding: 0 10px;background: url('/theme/images/heading-gold.jpg') no-repeat top left;} */ .articles h2 {background: url(/theme/images/heading-gold.jpg) no-repeat left bottom; position: relative; height: 15px; } .articles h2 span {background: url(/theme/images/heading-gold.jpg) no-repeat left bottom; position: absolute; left: 0; height: 30px; font-size: 18px; padding: 0px 10px; line-height: 30px;} .articles h2 {padding: 0px; margin-bottom: 0px; margin-top: 0px;} .articles h2 span {bottom: 0;} .article h4 {font-size: 11px; text-align: right;} .promo-container .box {background: url('/theme/images/block-grad.gif') repeat-x 0 117px;} .promo {padding: 0; padding-top: 100px; position: relative; height: 150px;} .promo p {padding: 5px 10px;} .promo .block {padding: 10px;} .promo img {position: absolute; top: 0; left: 0;} .promo h2 {position: absolute; top: 84px; left: 0;} .promo h2 {background: url('/theme/images/block-heading-grad.gif') repeat-x; margin: 0; font-size: 18px; font-weight: normal; font-family: "Verdana"; letter-spacing: 1px; /*text-transform: none;*/ color: white;} .gallery-slideshow h2 {background:#45689C none repeat scroll 0 0; color:white; display: inline-block; font-size:11px; margin:0; padding:2px 4px;} .gallery-slideshow h2 a {margin:0;padding:0; text-decoration: none;} .gallery-slideshow {position: absolute; bottom: 38px; left:0;} .gallery-slideshow .box {padding: 5px; background: url('/theme/images/footer-bg.jpg');/* padding-bottom: 200px; margin-bottom: -200px;*/} .gallery-slideshow h2 {margin: 0;} #promoSlide {border: 5px solid #45689c;} #pager {background: #45689c; padding: 0 5px 5px 5px; margin: 5px 0px;} #pager a {display: block; text-decoration: none; color: #7e7ec8; width: 48px; height: 23; line-height: 23px; text-align: center; margin-top: 10px; margin-right: 8px; float: left; background: #2c4e87 url('/theme/images/pager.jpg') no-repeat top left;} #pager a:hover { color: #7e7ec8; text-decoration: none; background: #052a70 url('/theme/images/pager-active.jpg') no-repeat top left;} #pager a.activeSlide {background: #052a70 url('/theme/images/pager-active.jpg') no-repeat top left;} .album-title a {display: block; border-bottom: 1px solid #5277b2; padding: 3px; text-decoration: none;} .album-title a:hover {background: #5277b2; color: #052A6E;} .album-title a span {font-weight: normal;} .gallery-link a {background: ;} .gallery-link a, .album-title, .album-title a {color: #7e7ec8;} .gallery-link {padding-top: 3px; text-align: right;} .see-all {display: block; text-align: right; padding-right: 10px;} /*#pager a {border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px; } #pager a.activeSlide { background: #ea0 } #pager a:focus { outline: none; } */ /*-- div .article ----------------------*/ .articles {background: #fff;} .articles h2 {position: relative; z-index: 5;} .articles .block {position: relative; z-index: 4; margin-top: -15px; padding-top: 0;} .article {background: none; background: url('/theme/images/block-grad-blue.gif') repeat-x top;} .article h3 a {color: #0948a9; font-size: 13px; font-weight: bold; } .article h3 a:hover {color: #0957D0; } .article h3 {border: none;} /*-- meta ----------------------*/ .meta {color: #0948a9; border-bottom: 1px solid #0948a9; text-align: right; line-height: 18px;} .meta span {border-bottom: 1px solid #0948a9; padding: 0 2px; margin-left: 10px;line-height: 17px;} /*-- STATIC ----------------------*/ /*-- GENERIC ----------------------*/ #main {padding-top: 10px;} /*-- PROGRAMMES GENERIC ----------------------*/ #col1 {word-wrap: break-word;} #static.programmes #main #col1 > p:first-child {color: #4e4e88; font-weight: bold;} #static #main #col1 > p:first-child {color: #4e4e88; font-weight: bold;} #static.links #main #col1 p:first-child {color: #797979; font-weight: normal;} #static.programmes h2 {position: relative;} #static.programmes h2 b {display: block; width: 50%; height: 10px; background: white; position: absolute; top: 0; right:0;} #static.programmes div#menu-sections { background-color: white; width: 220px; padding-top: 5px; margin-top: -30px; position: relative; z-index: 100;} #menu-sections h2 {background: white; margin-top: 0px;} #menu-sections ul.menu {border: none; width: 200px;} #menu-sections ul.menu li a {color: #012c61; border: none; width: 160px;} #menu-sections ul.menu li a:hover {text-decoration: none;} #menu-sections ul.menu li {background: url(/theme/images/bullet.gif) no-repeat 0 50%; padding-left: 20px;} .menu a {text-decoration: none;} /*-- GALLERY ----------------------*/ #gallery #main h3 {/*padding-top: 30px*/} .album, .album li {list-style: none; display: block; padding: 0; margin: 0;} .album {margin-bottom: 30px;} .album img {padding: 5px;} .album a:hover img {background: #DCE3F6;} .album li {float: left; width: 100px; height: 100px; padding-right: 10px; padding-bottom:10px;} #photo-full {text-align: center; width: 500px; margin: 0 auto;} #caption-full {text-align: left; padding-top: 10px; background:#EFEFEF none repeat scroll 0 0; margin-top:10px; padding:5px; text-align:left;} .pagination {text-align: center;padding-right: 60px; padding-top: 20px;} /*-- NEWS ----------------------*/ #news .article {border-bottom:1px solid #F5EAD4; margin-bottom: 10px; padding-bottom: 5px;} /*-- HEADINGS ----------------------*/ h2.grey {display: block; background: #292929 url(/theme/images/heading-grey.jpg) no-repeat left top; position: relative; height: 15px; } h2.grey span {background: url(/theme/images/heading-grey.jpg) no-repeat left top; position: absolute; left: 0; height: 30px; font-size: 18px; padding: 0px 10px; line-height: 30px;} h2.blue {display: block; background: url(/theme/images/heading-blue.jpg) no-repeat left top; position: relative; height: 15px; } h2.blue span {background: url(/theme/images/heading-blue.jpg) no-repeat left top; position: absolute; left: 0; height: 30px; font-size: 18px; padding: 0px 10px; line-height: 30px;} h2.gold {display: block; background: url(/theme/images/heading-gold.jpg) no-repeat left top; position: relative; height: 15px; } h2.gold span {background: url(/theme/images/heading-gold.jpg) no-repeat left top; position: absolute; left: 0; height: 30px; font-size: 18px; padding: 0px 10px; line-height: 30px;} h2.down {padding: 0px; margin-bottom: 10px;} h2.down span {top: 0;} h2.up {padding: 0px; margin-bottom: 0px; margin-top: 10px; background-position: bottom left; margin-bottom:6px;} h2.up span {bottom: 0;} /*-- DOWNLOADS BOX ----------------------*/ .downloads {margin-top: 20px;} .downloads ul {margin: 0;} .downloads li {list-style: none; margin-left: 0px; margin-bottom:0px;} .downloads h2.grey span {font-size: 12px; padding-left: 30px; background: url(/theme/images/heading-grey-dl.jpg) no-repeat left top;} .downloads .box {padding: 5px 0;} .downloads .box h2 {margin-left: 0;} .downloads a {padding: 10px 20px; text-decoration: none;} .downloads a:hover {text-decoration: none; background-color: #EEE !important;} .downloads span {font-weight: normal; } .downloads a {border-bottom: 1px dotted #B4B4B4;} .static-downloadbox {float: right; margin-left: 10px; margin-right: -70px; } .static-downloadbox .downloads {margin-top: 0;} /*-- CALENDAR ----------------------*/ td.calendarCell {width: 35px; height: 70px; border: 1px solid #BBBBBB;} /*-- ICONS ----------------------*/ span.pdf, .publication a[href$='.pdf'], .downloads a[href$='.pdf'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_acrobat.png) center left no-repeat;} span.doc, .publication a[href$='.doc'], .downloads a[href$='.doc'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_word.png) center left no-repeat;} span.ppt, .publication a[href$='.ppt'], .downloads a[href$='.ppt'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_powerpoint.png) center left no-repeat;} span.mp3, .publication a[href$='.mp3'], .downloads a[href$='.mp3'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/ipod_sound.png) center left no-repeat;} span.attach {padding-left:20px; background:transparent url(/theme/images/dl-icon.png) center left no-repeat;} span.attach a {text-decoration: none;} .downloads a {line-height: 16px; background-position: 6px 14px !important;} /* STEVE SUPER SLIDESHOW -------------------------------*/ #promoSlide, .slideItem, .slideItem .slideCaption {width: 280px;} #promoSlide, .slideItem {height:180px;} #promoSlide .slideItem a {display: block;} #promoSlide {float:left; overflow: hidden;} .slideItem {position: relative;} .slideItem .slideCaption {background: #08203F; opacity: 0.7; position: absolute; bottom: -40px; left: 0px; height: 40px;} .slideItem .slideImageLink {display: block; width: 280px; height: 180px; position: absolute; top: 0; left: 0;} .slideItem .slideCaption, .slideItem .slideCaption a.slideLink:link {text-decoration: none; color: white; font-size: 10px; font-weight: normal;} a.slideLink, a.slideLink:visited {display: inline; color: white !important; text-decoration: none !important; line-height: 40px; padding-left: 5px;} #promoSlide.nomenu, #promoSlide.nomenu .slideItem, #promoSlide.nomenu .slideItem .slideCaption {width:280px;} /*-- MEMBERS AREA ----------------------*/ #members.index #col1 #welcome {margin-top: -30px;} /*-- CSE SEARCH ----------------------*/ #search-box {position: absolute; top: 0; right: 170px;} #gallery #content {min-height: 720px;} /** * Default theme * */ /* Slight reset to make the preview have ample padding. */ .cse .gsc-control-cse, .gsc-control-cse { padding: 2%; width: 96%; } .cse .gsc-branding, .gsc-branding { display: none; } .cse .gsc-control-cse div, .gsc-control-cse div { position: normal; } /* Selector for entire element. */ .cse .gsc-control-cse, .gsc-control-cse { background-color: #ffffff; border: 1px solid; border-color: #ffffff; } .cse .gsc-control-cse:after, .gsc-control-cse:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .cse .gsc-resultsHeader, .gsc-resultsHeader { border:none; } /* Search button */ .cse input.gsc-search-button, input.gsc-search-button { font-family: inherit; color: #000000; text-shadow: 0 1px 2px #FFFFFF; background-color: #CECECE; border: 1px outset; border-color: #666666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* Inactive tab */ .cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive { border-bottom: none; color: #666666; background-color: #e9e9e9; border: 1px solid; border-color: #e9e9e9; border-bottom: none; } /* Active tab */ .cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive { background-color: #FFFFFF; border: 1px solid; border-top: 2px solid; border-color: #e9e9e9; border-top-color: #FF9900; border-bottom: none; } /* This is the tab bar bottom border. */ .cse .gsc-tabsArea, .gsc-tabsArea { margin-top: 1em; border-bottom: 1px solid #e9e9e9; } /* Inner wrapper for a result */ .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result { padding: .25em; border: 1px solid; border-color: #ffffff; margin-bottom: 1em; } /* Result hover event styling */ .cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover { border: 1px solid; border-color: #FFFFFF; } /*Promotion Settings*/ /* The entire promo */ .cse .gs-promotion.gs-result, .gs-promotion.gs-result { background-color: #FFFFFF; border: 1px solid; border-color: #336699; } /* Promotion image */ .cse .gs-promotion.gs-result .gs-promotion-image, .gs-promotion.gs-result .gs-promotion-image {} /* Promotion title */ .cse .gs-promotion.gs-result a.gs-title:link, .gs-promotion.gs-result a.gs-title:link { color: #0000CC; } .cse .gs-promotion.gs-result a.gs-title:visited, .gs-promotion.gs-result a.gs-title:visited { color: #0000CC; } .cse .gs-promotion.gs-result a.gs-title:hover, .gs-promotion.gs-result a.gs-title:hover { color: #0000CC; } .cse .gs-promotion.gs-result a.gs-title:active, .gs-promotion.gs-result a.gs-title:active { color: #0000CC; } /* Promotion snippet */ .cse .gs-promotion.gs-result .gs-snippet, .gs-promotion.gs-result .gs-snippet { color: #000000; } /* Promotion url */ .cse .gs-promotion.gs-result ..gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl { color: #008000; }