html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; /* vertical-align: baseline; */ } /* remember to define focus styles! */ :focus { outline: 0; } body { color: black; background: white; } ol, ul { } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* CSS Document */ /* Blue: #1c60ab; Yellow: #f7931d; Lite blue: #4dbde0 Lite green: #8cc63f; Dark green: #00a355; Purple: #b50086; maroon: #ec008c; orange: #ff5c00; */ html { font-size: 75%; font-family: Helvetica, Arial, sans-serif; /* switched off since causing problem in tinymce which was difficult to override, is same below in body enough? */ /* background-color:#e8e8e8; */ height: 100%; } /********************************************** * Main positional elements ***********************************************/ #skip { position: absolute; width: 200px; left: -9999px; top: 0px; height: 100%; } body { text-align: left;/* */ margin:0.5em 0; padding: 0; font-size:1.1em; background-color:#e8e8e8; color:#666666; } div#container { text-align: left; position: relative; width:980px; margin:0 auto; /*background:#FFF url(/k4k-containerbg.gif) repeat-y;*/ /*WTF?*/ background:#FFF url(/common/images/containerbg.gif) repeat-y; } /*body#ghome div#container {background:#fff url(/common/images/bluband.gif) 0 109px no-repeat;}*/ /***** General Settings ****/ /*h1{font-size:300%;}*/ h2{font-size:123.1%;} h3{font-size:115%;} h4{font-size:110%; } h5, h6 {font-size:105%} body#ghome .map h3, body#ghome .newsbox h3 {font-size:108%;} body#ghome .newsbox h3 a.rss {float:right; margin: 1px 1px 0 0;} h1,h2,h3,h4,h5,h6,strong{font-weight:bold;} abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;} blockquote{margin:1em;} dl dd{margin-left:1em;} caption {margin-bottom:.5em;text-align:center;} p,fieldset,table {margin-bottom:1em;} a:link { color: #1c60ab;text-decoration:none; } a:visited { color: #1c60ab; text-decoration:none;} a:hover, a:active {color: #99b5e2;} hr { color: #1c60ab; background-color: #1c60ab; height: 1px; border: 0;} body#gabout hr {color:#f7931d; background-color:#f7931d;} body#gevents hr {color:#ff5c00; background-color:#ff5c00;} body#gevents hr.greyhr {color:#e9e9e9; background-color:#e9e9e9;} body#gservices hr {color:#4dbde0; background-color:#4dbde0;} body#gnews hr {color:#00a355; background-color:#00a355;} body#gget hr {color:#b50086; background-color:#b50086;} body#gjobs hr {color:#8cc63f; background-color:#8cc63f;} /**** Logo and main navigation ***/ div#logo { position:relative; color: #fff; border-bottom: 2px solid #1c60ab; height:5.5em; padding-top:1em; background-color:#e8e8e8; } div#logo h2 { display: none; } div#logo img#logo-logo { position: absolute; width:200px; height:110px; z-index: 999; left: -8px; top: 20px; } /*div#logo img {position:absolute; bottom:0; width:150px; height:60px; }*/ /* IE6 only */ /*\*/ /** html body#ghome div#logo img { bottom:13px;}*/ /**/ div#logo p {margin-left:190px; font-weight:normal; font-size:1em; color:#1c60ab; margin-bottom:0.5em; padding-top:1em;} ul#mainNav {position:absolute; bottom:0; right: 0; list-style:none;} ul#mainNav li { width:110px; margin-right:3px; float:left; font-weight:bold;} /* m-r was 0.2em, causing browser inconsistency*/ ul#mainNav li a {display:block; padding:3px; text-decoration:none; color:#FFF; height:2.5em; margin-top:0.3em;} /* padding was 0.2em, causing browser inconsistency*/ ul#mainNav li a:hover {margin-top:0;height:2.8em;} ul#mainNav li.babout a { background:#f7931d url(/common/images/babout.gif) top repeat-x; } /* NEW */ ul#mainNav li.bservices a { background:#4dbde0 url(/common/images/bservices.gif) top repeat-x;} /* NEW */ ul#mainNav li.bnews a { background:#00a355 url(/common/images/bnews.gif) top repeat-x;} /* NEW */ ul#mainNav li.bevents a {background:#ff5c00 url(/common/images/bevents.gif) top repeat-x;} /* NEW */ ul#mainNav li.bget a { background:#b50086 url(/common/images/bget.gif) top repeat-x;} /* NEW */ ul#mainNav li.bjobs a {background:#8cc63f url(/common/images/bjobs.gif) top repeat-x;}/* NEW */ ul#mainNav li.bshop a { background:#ec008c url(/common/images/bshop.gif) top repeat-x;} /* NEW */ div#donate { position:absolute; top: 7px; right: 30em; width: 98px; background: transparent url(/common/images/donate.png) no-repeat center top; } div#donate a { width: 98px; height: 32px; display:block; /*margin-left: -50px;*/ } div#donate a span { display: none; background: transparent; } /*ul#donate li a {width:50px; padding:0; height:42px; display:block;overflow:hidden; position:relative; } ul#donate li a span { position:absolute; background: url(/common/images/donate.png) top no-repeat; width:100%; height:100%; cursor:pointer;}*/ /*ul#donate li a:hover {}*/ /*ul#mainNav li.bdonate a span {position:absolute; background:url(/common/images/piggybank.gif) no-repeat;}*/ form#sitelist, form#search {width:12em; position:absolute; background-color:#FFFFFF; border:#CCCCCC 1px solid;top:10px;height: 22px;} form#sitelist {clear:both; right:13em; width:16.2em;} form#search {right:0; } div#logo input#searchbox {width:100px; color:#999999; border:0; padding:3px 2px; background-color:#FFFFFF;} div#logo select#goto {width:14em; color:#999999; border:0; padding:3px 2px 2px 2px} #content { min-height:500px; height:auto;} /* for Internet Explorer */ /*\*/ * html #content {height: 500px;} /**/ #content input.formbox, #content select.goto { color:#000; border:#CCCCCC 1px solid; padding:3px 2px; background-color:#FFFFFF;} #content input.gotbutton {vertical-align:bottom; padding:2px;} form#sitelist div, form#search div, form#email div {position:relative; float:left;} form#sitelist div.button, form#search div.button, form#email div.button {float:right;} form#sitelist optgroup {font-size:0.9em; padding-right:2px; font-style:normal;} form#sitelist optgroup option { padding-left:0;} form#email {background-color:#FFFFFF; width:12em; border:#CCCCCC 1px solid; position:absolute;} form#email input#emailbox {width:10em; color:#999999; border:0; padding:3px 1px} #sitelist label, #search label, #footer label, label.notvisible {position:absolute; left:-9999px; top:0; width:100px;} /*** main content area ***/ div#mainContent { background: url(/common/images/mainContentBkg.png) repeat-y} div#mainContent { /*position:relative;*/} body#ghome #mainContent {/*position:relative;*/ } body#ghome #content{} body#ghome #content { min-height:480px; height:auto;} /* for Internet Explorer */ /*\*/ * html body#ghome #content {height: 480px;} /**/ div.homeband { background:url(/common/images/bluband.gif) left top no-repeat; position:relative; height:12.8em; z-index:2;} /* LEFT column */ div#subnav {float: left; width: 148px; margin-left:2px; margin-top:46px; } body#ghome div#subnav {width: 1px; } body#ghome div#subnav p {color:#FFFFFF; font-family:"NexusSerifOT", Nexus, Georgia, "Times New Roman", Times, serif; font-weight:bold; /*margin-left:10px; margin-top:10px; font-size:4em; width:230px;*/} div#subnav ul{list-style-type: none; padding: 0; margin: 0;} div#subnav ul li { line-height:1em; } #subnav ul li a { display: block; padding: 5px 5px 5px 20px; text-decoration: none; color: #666; background: url(/common/images/bullet.gif) 5px center no-repeat; border-bottom:#1c60ab solid 1px; _height: 1em; } #subnav ul li ul{border-bottom:#e8e8e8 solid 1px;} #subnav ul li ul li a { font-size:0.9em; background:none; border-bottom:none;} #subnav ul li ul li ul{ border-top:#e8e8e8 solid 1px; border-bottom:#e8e8e8 solid 1px;} #subnav ul li ul li ul li a { font-size:0.9em; padding-left:5px;} #subnav ul li a:hover{color: #000;} #subnav ul li li a:hover { background:none;} /*body#gservices #subnav ul li ul{ border-top:#e8e8e8 solid 1px; border-bottom:#e8e8e8 solid 1px;} body#gservices #subnav ul li ul li ul{ border-top:#e8e8e8 solid 0px; border-bottom:#e8e8e8 solid 0px;}*/ body#gservices #subnav ul li a {border-bottom:#4dbde0 solid 1px; } body#gservices #subnav ul li a:hover{ color: #42a2c0; background: url(/common/images/bullet-services.gif) 5px center no-repeat;} body#gservices #subnav ul li ul { border-bottom:#4dbde0 solid 1px;} body#gservices #subnav ul li ul li a {background:none;border-bottom:none;} /* */ body#gservices #subnav ul li ul li ul { border-bottom:#e8e8e8 solid 1px; } body#gservices #subnav #currentServiceType { /* font-weight: normal;*/} body#gservices #subnav ul li ul.currentTypeItems { border-top:#e8e8e8 solid 1px; border-bottom:#e8e8e8 solid 1px; /* font-weight: normal;*/ font-size:0.9em; padding: 5px 0 5px 20px; } /*body#gservices #subnav ul li ul.currentTypeItems li { margin-bottom: 2px; }*/ body#gservices #subnav ul li ul.currentTypeItems li.menu_level1 { margin-left: 10px; } body#gservices #subnav ul li ul.currentTypeItems li.menu_level2 { margin-left: 20px; } body#gservices #subnav ul li ul.currentTypeItems li.menu_level3 { margin-left: 30px; } body#gservices #subnav ul li ul.currentTypeItems li.menu_level4 { margin-left: 40px; } body#gservices #subnav ul li ul.currentTypeItems li.menu_level5 { margin-left: 50px; } body#gservices #subnav a#currentServiceItem { color: #42a2c0; } /*body#gservices #subnav ul li ul.currentTypeItems ul {border:none; font-size:1em;padding-left:10px;}*/ /* HOMEPAGE MOVIE */ body#ghome #mainvisual { width:271px; height:389px; position:absolute; left:2px; bottom:11px;} /*new rules for tsuko illustration*/ body#ghome #mainvisual { margin-top: -400px; margin-left: -2px; } /* CENTRE column */ div#content { width:540px; float:left; margin-left:10px;} body#ghome div#content { margin-left: 160px; margin-right: 280px; float:none; width:auto;} body.midwide div#content { width:800px;} div#widecontent { margin-left: 40px; margin-right: 10px; height:620px; background:url(/common/images/pinboard.jpg) 0px 30px no-repeat;} div#content ul {margin-bottom:1em; } table {width:100%; border-collapse: collapse; margin-top:1em;} th {text-align:left; border:#FFFFFF 0px solid; border-bottom:#CCCCCC 0px solid; font-weight:bold; vertical-align:bottom;} /*NEW*/ td {border:none; border-bottom:#CCCCCC 1px solid; vertical-align:top;} td { padding:0.5em 0.2em;} th { padding:0.2em 0.2em;} table.nostyle th,table.nostyle td {border-bottom:#ffffff 1px solid;} div#content th a {} div#content th a:hover {color:#999;} body#ghome div#content { margin-left: 0; margin-right: 0; padding-top:25px;} div#content h1 {color:#1c60ab; font-size: 35px; padding-bottom:0.2em;font-family:"NexusSerifOT", Nexus, Georgia, "Times New Roman", Times, serif; } h1 { font-weight: bold; margin: 0; line-height: 1.2em;} div#content h2 {font-size: 1.3em; color:#1c60ab; padding-bottom:0.8em;} div#content h2.band {background-color:#e8e8e8; padding:0.1em; margin-bottom:0.7em; background-color:#1c60ab; color:#FFFFFF; font-size:1.1em;} div#content h3 {color:#1c60ab;} /*body#ghome div#content h1 {color:#fff; text-indent:-9999px; position:absolute; left:-9999px; top:0;}*/ /*body#ghome div#content div#titles h1 { font-size: 23px; line-height: 1.4em; width: 420px; margin-left: 280px; padding-top: 1em; }*/ body#ghome div#content h1 span {color:#1c60ab;} /*body#ghome div#content h1{ min-height:6.4em; height:auto; }*/ /* for Internet Explorer */ /*\*/ /* * html body#ghome div#content h1 {height: 6.4em; }*/ /**/ div#content .short { width:170px; float:left; margin-right:10px;} div#content li.viewall {margin-top:1em;} .infoboxes { float:right; width:228px; border:#1c60ab 1px solid;margin: 2px 10px 0 5px; background:#FFFFFF url(/common/images/map.gif) bottom right no-repeat;} .infoboxes { min-height:11em; height:auto;} /* for Internet Explorer */ /*\*/ * html .infoboxes {height: 11em;} /**/ #mydiv { float:right; width:228px; border:#1c60ab 1px solid; border-top:none;margin: 0; background:#FFFFFF url(/common/images/map.gif) bottom right no-repeat; display:none;} #mydiv { min-height:9.5em; height:auto;} /* for Internet Explorer */ /*\*/ * html #mydiv {height: 9.5em;} /**/ .map {position:absolute; right:10px; width:230px; top:2px;} .newsbox { min-height:15.5em; height:auto; background: url(/common/images/styleblue.gif) bottom no-repeat; border:none; width:230px; /*float:right; position:relative;*/ position:absolute; right:0; top:0; margin-top:0; } /* for Internet Explorer */ /*\*/ * html .newsbox {height: 15.5em;} /**/ .infoboxes h3, .map h3{background:#0067b1 url(/common/images/headbg.gif) repeat-x; color:#fff ; padding:5px;} .map h3 {position:relative; display:block;} .map h3 img {position:absolute; right:3px; top:3px;} body#ghome div#content .infoboxes h3 a, body#ghome div#content .map h3 a{ color:#fff;} body#ghome div#content #tab2 h3, body#ghome div#content #tab1 h3 {padding-bottom:0;} .infoboxes p, .map p{padding:0 60px 0 3px; margin-bottom:0; } .infoboxes ul, .map ul {margin:2px; } .infoboxes li {margin-bottom:5px;} .map li {margin-bottom:2px;} .infoboxes li a{display:block; padding: 0 5px 0 22px; background: url(/common/images/bullet.gif) 3px 2px no-repeat; _height: 1em;} .map li a{display:block; padding: 0 5px 0 22px; background: url(/common/images/bullet.gif) 3px 1px no-repeat; _height: 1em;} .infoboxes li a.more{margin-top:0.5em; background:none; padding-left:3px;} #centre-area { /* weird border combo artefact of prev dev - buggy when changed, so q+d */ width: 460px; position: absolute; top: 0; left: 275px; background: #FFFFFF url(/common/images/homebg.gif) left bottom no-repeat; min-height: 204px; height: 204px; border-top: 1px solid #1C60AB; } /* for Internet Explorer */ /*\*/ * html #centre-area {height:204px;} /**/ #centre-area img { position: absolute; bottom: 1px; left: 1px; /*clear:both;*/ } #home #video { height: 204px; position: absolute; bottom: 1px; left: 1px; } #centre-area h3 {font-size:1.8em; font-family:"NexusSerifOT", Nexus, Georgia, "Times New Roman", Times, serif; padding-top:1px;} #centre-area p, #centre-area h3 {padding-right:195px; padding-left:10px; } .medialinks {} body#ghome .medialinks ul {position:relative;} .medialinks li {width:120px; float:left; margin-left:10px;margin-bottom:0.5em; position:absolute; bottom:5px;} .medialinks li a {display:block; padding: 0 3px 3px 25px; background:#e8e8e8 url(/common/images/bullet.gif) 2px 2px no-repeat;} body#ghome .medialinks li a.listen {background:#e8e8e8 url(/common/images/bullet-listen.gif) 2px 2px no-repeat;} .medialinks li a.listen:hover {background:#e8e8e8 url(/common/images/bullet-listengrey.gif) 2px 2px no-repeat;} body#ghome .medialinks li a.movie {background:#e8e8e8 url(/common/images/bullet-movie.gif) 2px 2px no-repeat;} .medialinks li a.movie:hover {background:#e8e8e8 url(/common/images/bullet-moviegrey.gif) 2px 2px no-repeat;} div#content p {line-height:1.2em;} div#content .map p {color:#666;line-height:1em; padding-top:5px;} #content ul{list-style:outside; margin-left:25px;} #content ol{list-style:decimal; margin-left:25px; margin-bottom:10px;} ol#breadcrumb { height:2.2em; padding-top:0.5em;margin: 10px 0; margin-left:0} div#widecontent ol#breadcrumb {margin-left:130px;} ol#breadcrumb li {display:inline; font-size:0.9em; color:#999;} ol#breadcrumb li a {text-decoration:none; color:#999; padding-right:15px; background:url(/common/images/breadarrow.gif) right no-repeat;} ol#breadcrumb li a:hover {color:#000000;} div#content .red {color:#FF0000;} body#ghome div.watcha { padding-top:0; position:relative; height:16em;} /* homepage Tabs --------------------*/ #content ul.subsection_tabs { list-style:none; clear:both; border-bottom:1px solid #1c60ab; height:23px; line-height:23px; } #content ul.subsection_tabs li { float:left; margin-right:0px; } #content ul.subsection_tabs li a { display:block; height:23px; line-height:23px; padding:0 6px; background-color:#fff; color:#1c60ab; width:218px; text-decoration:none; background:#fff url(/common/images/hometabinact.gif) repeat-x; } body#home #content ul.subsection_tabs li a:hover { color:#666; } #content ul.subsection_tabs li.ui-tabs-selected a { color:#FFFFFF; background:#1c60ab url(/common/images/hometab.gif) repeat-x; } /*** Articles ***/ .articleimg {float:right; padding: 0 0 1em 1em;} a.fulldetails {background:#e5e5e5 url(/common/images/fullarticle.gif) left top no-repeat; padding:1px 2px 1px 22px; } body#gevents a.fulldetails {background:#e5e5e5 url(/common/images/fullarticle.gif) left top no-repeat; padding:1px 2px 1px 22px; } /*** What we do ***/ ul.polaroids {position:relative; height:430px;} ul.polaroids li { position:absolute;} /*li#ourservices { height:235px; width:228px; right:0; top:0; background:url(/common/images/polaroidservices.gif) left top no-repeat;} li#training { height:228px; width:228px; left:0; top:0; background:url(/common/images/polaroidtraining.gif) left top no-repeat;} li#speakout { height:200px; width:193px;left:190px; top:220px; background:url(/common/images/polaroidspeakout.gif) left top no-repeat;}**/ ul.polaroids li a { display:block; height:100%; text-indent:-9999px;} /*** What we do ***/ ul.pinboard {position:relative; height:600px; list-style:none;} ul.pinboard li { position:absolute; } li.pin1 { height:160px; width:150px; left:60px; top:150px;} li.pin2 { height:100px; width:128px; left:384px; top:70px;} li.pin3 { height:280px; width:130px; left:230px; top:93px;} li.pin4 { height:150px; width:150px; left:44px; top:346px;} li.pin5 { height:150px; width:114px; left:215px; top:410px;} li.pin6 { height:160px; width:130px; left:356px; top:185px;} li.pin7 { height:194px; width:160px; left:353px; top:368px;} li.pin8 { height:194px; width:117px; left:545px; top:420px;} li.pin9 { height:180px; width:180px; left:550px; top:82px; } li.pin10 { height:160px; width:200px; left:530px; top:268px; } li.pin11 { height:333px; width:119px; left:746px; top:83px;} li.pin12 { height:110px; width:110px; left:755px; top:420px;} ul.pinboard li a { display:block; height:100%; text-indent:-9999px;} ul.pinboard li.pin6 a, ul.pinboard li.pin7 a { display:block; height:100%; text-indent:0;} /******** RIGHT COLUMN *********/ #sidecontent {color:#666666;} div#promo{ /*position:absolute; right:0; top:0;*/ float: right; width: 230px; margin: 0; padding: 2em 10px 0 0; color: #000; } body#ghome div#promo{width: 1px; margin: 0; padding: 0; } body#ghome ul#promoboxes {/**/clear:both; padding-top:5px; margin-left:275px;} div#promo ul {list-style:none;} ul#promoboxes{} ul#landlinks, ul#promoboxes, body#ghome ul, #content ul.polaroids , ul#landlinks li ul, #content ul.landlinks2 {list-style:none; margin-left:0;} body#ghome ul#mainNav {margin-left:160px;} ul#promoboxes li {margin-bottom:0.5em; padding-bottom:5px; background:#e7e7e8 url(/common/images/stylegrey.gif) bottom no-repeat; clear:both;} ul#landlinks li, #content ul.landlinks2 li {margin-bottom:0.5em; padding-bottom:5px; background:#e7e7e8 url(/common/images/stylegrey.gif) bottom no-repeat; width:230px; float:left; margin-right:3px;} ul#landlinks li li {margin-bottom:0; padding-bottom:0; background:none; width:auto; float:none; margin-right:0; padding:0 0 8px 8px; } ul#landlinks li ul {margin-top:0.1em;} body#ghome ul#promoboxes li {width:230px; float:left; margin-right:3px; clear:none;} ul#promoboxes li a { min-height:5.3em; height:auto;} /* for Internet Explorer */ /*\*/ * html ul#promoboxes li a {height: 5.3em;} /**/ ul#landlinks li a, #content ul.landlinks2 li a { min-height:4.3em; height:auto;} ul#landlinks li.noheight a { min-height:1em; height:auto;} ul#landlinks li li a { min-height:1em; height:auto;} /* NEW */ ul#landlinks li a.headingnobot{ min-height:2em; height:auto;} /* for Internet Explorer */ /*\*/ * html ul#landlinks li a, * html #content ul.landlinks2 li a{height: 4.3em;} * html ul#landlinks li.noheight a {height: 1em;} * html ul#landlinks li li a {height:1em;}/* NEW */ /**/ ul#promoboxes li a, ul#landlinks li a, #content ul.landlinks2 li a { color:#1c60ab; display:block; padding:8px; background-color:#e7e7e8; } ul#landlinks li li a { color:#1c60ab; display:block; background-color:#fff; padding:0;} /* NEW */ ul#promoboxes li a:hover { color:#99b5e2;} ul#promoboxes li span.heading, ul#promoboxes li span.copy {display:block; padding-left:60px;} ul#promoboxes li span.heading2 {display:block; padding-left:0;} ul#landlinks li span.heading, ul#landlinks li span.copy , #content ul.landlinks2 li span.copy, #content ul.landlinks2 li span.heading {display:block; padding-left:70px;} /* NEW */ ul#promoboxes li span.heading, ul#landlinks li span.heading, #content ul.landlinks2 li span.heading {font-family:"NexusSerifOT", Nexus, Georgia, "Times New Roman", Times, serif; padding-bottom:5px; font-size:1.2em;} /* NEW */ ul#landlinks li span.heading2 { padding-bottom:0; margin-bottom:0;font-family:"NexusSerifOT", Nexus, Georgia, "Times New Roman", Times, serif; } ul#landlinks li span.heading, ul#landlinks li span.heading2, #content ul.landlinks2 li span.heading {font-size:1.3em; line-height:1em;} /* NEW */ ul#promoboxes li span.copy, ul#landlinks li span.copy, #content ul.landlinks2 li span.copy {font-size:0.9em;} /* NEW */ ul#promoboxes li img, ul#landlinks li img, #content ul.landlinks2 li img {/*position:absolute; top:5px; left:5px;*/ float:left; margin:0;} /* NEW */ body#gget #content ul.landlinks2 li { background:#fff url(/common/images/style5a.gif) bottom no-repeat;} body#gget #content ul.landlinks2 li a {background:#fff url(/common/images/style5a.gif) top no-repeat;} body#gevents #content ul.landlinks2 li { background:#fff url(/common/images/style4a.gif) bottom no-repeat;} body#gevents #content ul.landlinks2 li a {background:#fff url(/common/images/style4a.gif) top no-repeat;} body#gshop #content ul.landlinks2 li { background:#fff url(/common/images/style7a.gif) bottom no-repeat;} body#gshop #content ul.landlinks2 li a {background:#fff url(/common/images/style7a.gif) top no-repeat;} /* Promo box styles */ /* style 1a */ ul#promoboxes li.style1a { background:#FFFFFF url(/common/images/style1a.gif) bottom no-repeat;} ul#promoboxes li.style1a a {color:#f7931d; background:#FFFFFF url(/common/images/style1a.gif) top no-repeat;} ul#promoboxes li.style1a a:hover {color:#000;} /* style 1b */ ul#promoboxes li.style1b { background:#f7931d url(/common/images/style1b.gif) bottom no-repeat;} ul#promoboxes li.style1b a {color:#fff; background:#f7931d url(/common/images/style1b.gif) top no-repeat;} ul#promoboxes li.style1b a:hover {color:#000;} /* style 2a */ ul#promoboxes li.style2a { background:#FFFFFF url(/common/images/style2a.gif) bottom no-repeat;} ul#promoboxes li.style2a a {color:#4dbde0; background:#FFFFFF url(/common/images/style2a.gif) top no-repeat;} ul#promoboxes li.style2a a:hover {color:#000;} /* style 2b */ ul#promoboxes li.style2b { background:#4dbde0 url(/common/images/style2b.gif) bottom no-repeat;} ul#promoboxes li.style2b a {color:#FFF; background:#4dbde0 url(/common/images/style2b.gif) top no-repeat;} ul#promoboxes li.style2b a:hover {color:#000;} /* style 3a */ ul#promoboxes li.style3a { background:#FFFFFF url(/common/images/style3a.gif) bottom no-repeat;} ul#promoboxes li.style3a a {color:#00a355; background:#FFFFFF url(/common/images/style3a.gif) top no-repeat;} ul#promoboxes li.style3a a:hover {color:#000;} /* style 3b */ ul#promoboxes li.style3b { background:#00a355 url(/common/images/style3b.gif) bottom no-repeat;} ul#promoboxes li.style3b a {color:#FFF; background:#00a355 url(/common/images/style3b.gif) top no-repeat;} ul#promoboxes li.style3b a:hover {color:#000;} /* style 4a */ ul#promoboxes li.style4a { background:#fff url(/common/images/style4a.gif) bottom no-repeat;} ul#promoboxes li.style4a a {color:#ff5c00; background:#fff url(/common/images/style4a.gif) top no-repeat;} ul#promoboxes li.style4a a:hover {color:#000;} /* style 4b */ ul#promoboxes li.style4b { background:#ff5c00 url(/common/images/style4b.gif) bottom no-repeat;} ul#promoboxes li.style4b a {color:#fff; background:#ff5c00 url(/common/images/style4b.gif) top no-repeat;} ul#promoboxes li.style4b a:hover {color:#000;} /* style 5a */ ul#promoboxes li.style5a { background:#fff url(/common/images/style5a.gif) bottom no-repeat;} ul#promoboxes li.style5a a {color:#b50086; background:#fff url(/common/images/style5a.gif) top no-repeat;} ul#promoboxes li.style5a a:hover {color:#000;} /* style 5b */ ul#promoboxes li.style5b { background:#b50086 url(/common/images/style5b.gif) bottom no-repeat;} ul#promoboxes li.style5b a {color:#fff; background:#b50086 url(/common/images/style5b.gif) top no-repeat;} ul#promoboxes li.style5b a:hover {color:#000;} /* style 6a */ ul#promoboxes li.style6a { background:#fff url(/common/images/style6a.gif) bottom no-repeat;} ul#promoboxes li.style6a a {color:#8cc63f; background:#fff url(/common/images/style6a.gif) top no-repeat;} ul#promoboxes li.style6a a:hover {color:#000;} /* style 6b */ ul#promoboxes li.style6b { background:#8cc63f url(/common/images/style6b.gif) bottom no-repeat;} ul#promoboxes li.style6b a {color:#fff; background:#8cc63f url(/common/images/style6b.gif) top no-repeat;} ul#promoboxes li.style6b a:hover {color:#000;} /* style 7a */ ul#promoboxes li.style7a { background:#fff url(/common/images/style7a.gif) bottom no-repeat;} ul#promoboxes li.style7a a {color:#ec008c; background:#fff url(/common/images/style7a.gif) top no-repeat;} ul#promoboxes li.style7a a:hover {color:#000;} /* style 7b */ ul#promoboxes li.style7b { background:#ec008c url(/common/images/style7b.gif) bottom no-repeat;} ul#promoboxes li.style7b a {color:#fff; background:#ec008c url(/common/images/style7b.gif) top no-repeat;} ul#promoboxes li.style7b a:hover {color:#000;} /* Related links */ h4.related {color:#1c60ab; font-size:1em; margin-bottom:0.5em;} ul.related li {} ul.related li a {display:block; text-decoration: none; padding: 0 5px 0 20px;color:#999999; background:#fff url(/common/images/bullet.gif) 0 2px no-repeat; } ul.related li a:hover {color:#000000;} /********* FOOTER *********/ div#footer { min-height:5.5em; height:auto; } /* for Internet Explorer */ /*\*/ * html div#footer {height: 5.5em;} /**/ div#footer{ clear: both; padding: 15px 0 5px 0; position:relative; /*border-top: 1px solid #999;*/ color:#1c60ab; /*background:#e8e8e8 url(/common/images/footerbg.gif) top no-repeat;*/ background-color:#e8e8e8; } div#footer ul { padding: 0; margin: 0; list-style-type: none; } div#footer li { display: inline; margin-right: 1em; } div#footer ul.flist1 {margin-top:0;} div#footer ul.flist1 li a { text-decoration: none; padding: 5px 5px 5px 20px; color:#1c60ab; background: url(/common/images/bullet.gif) 0 center no-repeat; } div#footer ul.flist1 li a:hover, div#footer a:hover {color:#99b5e2;} div#footer p {margin-top:5em; font-size:1em; font-size:0.9em;} div#footer .flist1 {margin-left:0; position:absolute; left:0; top:1.5em;} div#footer .flist2 {position:absolute; right:0; top:1.5em;} div#footer .flist2 li.speech {} div#footer .flist2 a {} /* GENERAL */ .cleardiv { clear: both; height: 0.1em; line-height:0.1em; } img.rightpad {padding-right:15px;} img.leftpad {padding-left:15px;} img.botpad {padding-bottom:15px;} sup {/*text-transform:uppercase;*/ } /* NEW */ .sup {font-size:0.6em; position:relative; top:-0.6em; left:0;} /***** COLOURS ****/ body#gabout ul#mainNav li.babout a, body#gservices ul#mainNav li.bservices a, body#gnews ul#mainNav li.bnews a, body#gevents ul#mainNav li.bevents a, body#gget ul#mainNav li.bget a, body#gjobs ul#mainNav li.bjobs a, body#gshop ul#mainNav li.bshop a {margin-top:0;height:2.8em;} body#gshop ol#breadcrumb li a, body#gabout ol#breadcrumb li a, body#gservices ol#breadcrumb li a, body#gnews ol#breadcrumb li a, body#gevents ol#breadcrumb li a, body#gget ol#breadcrumb li a, body#gjobs ol#breadcrumb li a { color:#999; } /* about */ body#gabout #subnav ul li a {border-bottom:#f7931d solid 1px; } body#gabout #subnav ul li a:hover{ color: #f7931d; background: url(/common/images/bullet-about.gif) 5px center no-repeat;} body#gabout #subnav ul li ul{ border-bottom:#f7931d solid 1px;} body#gabout #subnav ul li li a {background:none;border-bottom:none;} body#gabout div#content h1 {color:#f7931d;} body#gabout div#content h2, body#gabout div#content h3, body#gabout div#sidecontent h3 {color:#f7931d; } body#gabout div#content a, body#gabout div#sidecontent a {color:#f7931d;} body#gabout ol#breadcrumb li a:hover {color:#f7931d;} body#gabout h4.related {color:#f7931d;} body#gabout ul.related li a:hover {color:#f7931d; background:#fff url(/common/images/bullet-about.gif) 0 2px no-repeat;} body#gabout ul#landlinks li { background:#fff url(/common/images/style1a.gif) bottom no-repeat;} body#gabout ul#landlinks li a { background:#FFFFFF url(/common/images/style1a.gif) top no-repeat;} /* services */ body#gservices div#content h1 {color:#4dbde0;} body#gservices div#content h2, body#gservices div#content h3, body#gservices div#sidecontent h3, body#gservices div#content h4 {color:#4dbde0; } body#gservices div#content a, body#gservices div#sidecontent a {color:#42a2c0;} body#gservices ol#breadcrumb li a:hover {color:#42a2c0;} body#gservices h4.related {color:#4dbde0;} body#gservices ul.related li a:hover {color:#42a2c0; background:#fff url(/common/images/bullet-services.gif) 0 2px no-repeat;} body#gservices ul#landlinks li { background:#fff url(/common/images/style2a.gif) bottom no-repeat;} body#gservices ul#landlinks li a { background:#FFFFFF url(/common/images/style2a.gif) top no-repeat;} body#gservices div#content th a {color:#fff;} body#gservices div#content th a:hover {color:#d9f4fc;} body#gservices th { background-color:#4dbde0;} /* news & resources */ body#gnews #subnav ul li a {border-bottom:#00a355 solid 1px; } body#gnews #subnav ul li a:hover{ color: #00a355; background: url(/common/images/bullet-news.gif) 5px center no-repeat;} body#gnews #subnav ul li ul{ border-bottom:#00a355 solid 1px;} body#gnews #subnav ul li li a {background:none;border-bottom:none;} body#gnews div#content h1 {color:#00a355;} body#gnews div#content h2, body#gnews div#content h3, body#gnews div#sidecontent h3{color:#00a355; } body#gnews div#content a, body#gnews div#sidecontent a {color:#00a355;} body#gnews ol#breadcrumb li a:hover {color:#00a355;} body#gnews h4.related {color:#00a355;} body#gnews ul.related li a:hover {color:#00a355; background:#fff url(/common/images/bullet-news.gif) 0 2px no-repeat;} body#gnews ul#landlinks li ul li a.viewall {padding-left:20px; background:#fff url(/common/images/bullet-news.gif) 0 2px no-repeat; width:150px;} body#gnews ul#landlinks li { background:#fff url(/common/images/style3a.gif) bottom no-repeat;} body#gnews ul#landlinks li a { background:#FFFFFF url(/common/images/style3a.gif) top no-repeat;} body#gnews ul#landlinks li li { background:none;} /* NEW */ body#gnews ul#landlinks li li a {background:none;} /* NEW */ /* events */ body#gevents #subnav ul li a {border-bottom:#ff5c00 solid 1px; } body#gevents #subnav ul li a:hover{ color: #ff5c00; background: url(/common/images/bullet-events.gif) 5px center no-repeat;} body#gevents #subnav ul li ul{ border-bottom:#ff5c00 solid 1px;} body#gevents #subnav ul li li a {background:none;border-bottom:none;} /* */ body#gevents div#content h1 {color:#ff5c00;} body#gevents div#content h2 , body#gevents div#content h3, body#gevents div#sidecontent h3 {color:#ff5c00; } body#gevents div#content a, body#gevents div#sidecontent a {color:#ff5c00;} body#gevents ol#breadcrumb li a:hover {color:#ff5c00;} body#gevents h4.related {color:#ff5c00;} body#gevents ul.related li a:hover {color:#ff5c00; background:#fff url(/common/images/bullet-events.gif) 0 2px no-repeat;} body#gevents ul#landlinks li { background:#fff url(/common/images/style4a.gif) bottom no-repeat;} /* NEW */ body#gevents ul#landlinks li a { background:#FFFFFF url(/common/images/style4a.gif) top no-repeat;} /* NEW */ body#gevents div#content th a {color:#fff;} body#gevents div#content th a:hover {color:#99b5e2;} body#gevents th { background-color:#ff5c00;} /* get involved */ body#gget #subnav ul li a {border-bottom:#b50086 solid 1px; } body#gget #subnav ul li a:hover{ color: #b50086; background: url(/common/images/bullet-get.gif) 5px center no-repeat;} body#gget #subnav ul li ul{ border-bottom:#b50086 solid 1px;} body#gget #subnav ul li li a {background:none;border-bottom:none;} /* */ body#gget #subnav ul ul ul {border-bottom:none;} body#gget #subnav ul li ul li ul{ border-bottom:#e8e8e8 solid 1px; font-size:0.9em;padding-left:20px;} body#gget div#content h1 {color:#b50086;} body#gget div#content h2, body#gget div#content h3, body#gget div#sidecontent h3 {color:#b50086; } body#gget div#content a, body#gget div#sidecontent a {color:#b50086;} body#gget ol#breadcrumb li a:hover {color:#b50086;} body#gget h4.related {color:#b50086;} body#gget ul.related li a:hover {color:#b50086; background:#fff url(/common/images/bullet-get.gif) 0 2px no-repeat;} body#gget ul#landlinks li { background:#fff url(/common/images/style5a.gif) bottom no-repeat;} /* NEW */ body#gget ul#landlinks li a { background:#FFFFFF url(/common/images/style5a.gif) top no-repeat;} body#gget strong.colour {color: #b50086; } /* Donate boxes */ .donatebox {width:210px;float:left; padding:10px; background:#FFFFFF url(/common/images/style5a.gif) bottom no-repeat; border-top:#b50086 1px solid; margin-bottom:1em;} .donatebox p {padding-top:0.5em;} .donatebox select {font-size:0.8em;} .donateboxside {width:270px;float:right; font-size:0.9em;} .floatleft {float:left;} /* jobs */ body#gjobs #subnav ul li a {border-bottom:#8cc63f solid 1px; } body#gjobs #subnav ul li a:hover{ color: #73a234; background: url(/common/images/bullet-jobs.gif) 5px center no-repeat;} body#gjobs #subnav ul li ul{ border-bottom:#8cc63f solid 1px;} body#gjobs #subnav ul li li a {background:none;border-bottom:none;} /* */ body#gjobs div#content h1 {color:#8cc63f;} body#gjobs div#content h2, body#gjobs div#content h3, body#gjobs div#sidecontent h3 {color:#8cc63f; } body#gjobs div#content a, body#gjobs div#sidecontent a {color:#73a234;} body#gjobs ol#breadcrumb li a:hover {color:#73a234;} body#gjobs h4.related {color:#8cc63f;} body#gjobs ul.related li a:hover {color:#73a234; background:#fff url(/common/images/bullet-jobs.gif) 0 2px no-repeat;} body#gjobs ul#landlinks li { background:#fff url(/common/images/style6a.gif) bottom no-repeat;} /* NEW */ body#gjobs ul#landlinks li a { background:#FFFFFF url(/common/images/style6a.gif) top no-repeat;} /* NEW */ body#gjobs div#content th a {color:#fff;} body#gjobs div#content th a:hover {color:#e3fcd9;} body#gjobs th { background-color:#8cc63f;} /* shop */ /*body#gshop #content {float:none;}*/ body#gshop #subnav ul li a {border-bottom:#ec008c solid 1px; } body#gshop #subnav ul li a:hover{ color: #ec008c; background: url(/common/images/bullet-shop.gif) 5px center no-repeat;} body#gshop #subnav ul li ul{ border-bottom:#ec008c solid 1px;} body#gshop #subnav ul li ul li ul{ border-bottom:#e8e8e8 solid 1px;} body#gshop #subnav ul li li a {background:none;border-bottom:none;} /* */ body#gshop div#content h1 {color:#ec008c;} body#gshop div#content h2, body#gshop div#content h3, body#gshop div#sidecontent h3 {color:#ec008c; } body#gshop div#content a {color:#ec008c;} body#gshop ol#breadcrumb li a:hover {color:#ec008c;} body#gshop h4.related {color:#ec008c;} body#gshop ul.related li a:hover {color:#ec008c; background:#fff url(/common/images/bullet-shop.gif) 0 2px no-repeat;} body#gshop ul#landlinks li { background:#fff url(/common/images/style7a.gif) bottom no-repeat;} /* NEW */ body#gshop ul#landlinks li a { background:#FFFFFF url(/common/images/style7a.gif) top no-repeat;} /* NEW */ body#gabout div#content a:hover, body#gservices div#content a:hover, body#gnews div#content a:hover, body#gevents div#content a:hover, body#gget div#content a:hover, body#gjobs div#content a:hover, body#gshop div#content a:hover, body#gabout div#sidecontent a:hover, body#gservices div#sidecontent a:hover, body#gnews div#sidecontent a:hover, body#gevents div#sidecontent a:hover, body#gget div#sidecontent a:hover, body#gjobs div#sidecontent a:hover, body#gshop div#sidecontent a:hover{color:#666;} body#gabout #subnav ul li li a:hover, body#gservices #subnav ul li li a:hover, body#gnews #subnav ul li li a:hover, body#gevents #subnav ul li li a:hover, body#gget #subnav ul li li a:hover, body#gjobs #subnav ul li li a:hover, body#gshop #subnav ul li li a:hover {background:none;} body#gevents div#content a.fulldetails, body#gnews div#content a.fulldetails {color:#1c60ab;} .botcurve {clear:both;background: url(/common/images/footersml.gif) bottom no-repeat; height:11px;} /* Social Networking links */ div.bookmarkbox {border:#CCCCCC 1px solid; padding:5px; margin-bottom:1em;} div.bookmarkbox h5 {color:#333; padding-bottom:5px;font-size:0.9em;} div#content ul.socialnet { list-style:none; margin-left:0; margin-bottom:0;} ul.socialnet li {display:inline; margin-right:10px; font-size:0.9em;} ul.socialnet li a{padding-left: 20px; } ul.socialnet li a.sndel{background:url(/common/images/socialnetwork/delicious.gif) left top no-repeat; } ul.socialnet li a.sndigg{background:url(/common/images/socialnetwork/digg.gif) left top no-repeat; } ul.socialnet li a.snreddit{background:url(/common/images/socialnetwork/reddit.gif) left top no-repeat; } ul.socialnet li a.snfacebook{background:url(/common/images/socialnetwork/facebook.gif) left top no-repeat; } ul.socialnet li a.snstumble{background:url(/common/images/socialnetwork/stumbleupon.gif) left top no-repeat; } ul.socialnet li a.snemail{background:url(/common/images/socialnetwork/email.gif) left top no-repeat; } div#content h2 {font-family:Helvetica, Arial, sans-serif;} /*---- sIFR ---*/ /* This is the style of your browser text */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; line-height: 0.1em; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } div#content .sIFR-active h1 { padding: 0; } /*---- Individual page layouts ---*/ .halfcol {width:260px; float:left; margin-right:1em; margin-bottom:1em; } .sechalfcol { border:#ec008c 1px solid;border:#ec008c 1px solid; } .sechalfcol h4 {background-color:#ec008c;padding:2px;} .sechalfcol p {padding:2px;} body#gshop div#content .sechalfcol a {color:#fff;} body#gshop div#content .sechalfcol a:hover {color:#1c60ab;} .norightpad {margin-right:0; padding-right:0;} .smltxt {font-size:0.9em;} /*---- Invoice layout (events booking) ---*/ .invoice {width: 600px; border: 1px solid #000000;} .header { font-size: 1.1em; background-color: #000000; color: #ffffff; font-weight: bold; } .header_right { font-size: 1.1em; background-color: #000000; color: #ffffff; font-weight: bold; text-align: right; } .invoicecontent { color: #000000; font-size: 0.9em; font-weight: normal; border-top: 1px solid #000000; vertical-align: top; } .invoicecontent_right { color: #000000; font-size: 0.9em; font-weight: normal; border-top: 1px solid #000000; vertical-align: top; text-align: right; } .invoicecontent_bold { color: #000000; font-size: 0.9em; font-weight: bold; border-top: 1px solid #000000; vertical-align: top; } .invoicecontent_right_bold { color: #000000; font-size: 0.9em; font-weight: bold; border-top: 1px solid #000000; vertical-align: top; text-align: right; } .bold { font-weight: bold; } .bold_center {font-weight: bold;text-align: center; } .center {text-align: center; } .value {font-size: 2.3em; font-weight: bold; } .table2 {width: 100%; border: 1px solid #000000; } table.invoice td {border:none; border-bottom:#000 1px solid; vertical-align:top;} p.comodologo {width:110px; float:right;} p.moreinfo { float:left;} /* SHOP */ .shophome {background:#fff url(/shop/shopimages/xmas2008.jpg) left top no-repeat ; width:535px; height:350px;} .shophome div {padding:2em 21.5em 0 2em;} /* CV added. */ /* CV added. */ body.mceContentBody {/* white bkg in TinyMCE */ background: #FFF; padding: 10px; margin: 0; /* height: 100%;*/ } /* EVENTS SEARCH BAR */ #headerSearch { /* form */ background-color: #FCFCFC; margin-bottom: 20px; overflow: hidden; width: 100%; padding: 5px; border: #EEE 1px solid; } #headerSearch fieldset { /* fieldsets */ margin: 5px; /* fix IE6 double margin bug [AND ELSEWHERE] */ display: inline; float: left; } #headerSearch fieldset#region { float: right; } #headerSearch fieldset.buttons { float:right; vertical-align: bottom; } #headerSearch label { /* labels */ margin: 0 5px 3px 0; display: block; } #headerSearch #typelabel { display: inline-block; *vertical-align: bottom; /* quick hack for IE6&7 [AND ELSEWHERE]*/ } #headerSearch label, #headerSearch input, #headerSearch select { /* fields */ font-size: 0.9090em; } #headerSearch input#searchtermsinput { width: 332px; *width: 335px; margin-top: 1px; *margin: 0; padding: 4px; *padding: 2px; border: #CCC 1px solid; } #headerSearch select#typeselect { width: 273px; *width: 272px; } #headerSearch select#regionselect { margin-top: 1px; width: 170px; } #headerSearch .gotbutton { vertical-align: bottom; padding: 2px 0; margin-top: -1px; *margin-top: -3px; } /* Pagination */ #paginateNavPosition { margin: 25px 0 15px 0; /* padding: 8px; background-color: #f9f9f9;*/ } #paginateNavPosition a { padding: 2px 6px; border: 0; margin: 0; } /* Section overrides */ body#gevents div#content a.pg-selected {background-color: #ff5c00; color: white;} body#gjobs div#content a.pg-selected {background-color: #8cc63f; color: white;} body#gnews div#content a.pg-selected {background-color: #00a355; color: white;} body#gservices div#content a.pg-selected {background-color: #4dbde0; color: white;} /* Global search */ .searchedTerms { color: #666; font-weight: normal; } .ui-tabs-hide { /* jQuery UI homepage tabs */ display: none; } /* CV added, events booking ----------------------------------------------- */ .joinevent { width: 700px; } body#gevents div#content .joinevent h3 { color: #666; } body#gevents .joinevent th { background-color: #EFEFEF; padding: 7px 5px; text-align: left; } body#gevents .joinevent td { padding: 5px; border-bottom: 1px #EFEFEF solid; text-align: left; } body#gevents .joinevent h4 { margin: 20px 0 10px 0; } body#gevents .joinevent table { margin-top: 0; } body#gevents .joinevent td.totalline { /* background-color: #EEE;*/ font-weight: bold; border-bottom: 0; } .joinevent fieldset { margin: 20px 0; } .joinevent div.fieldwrapper { overflow: auto; } .joinevent label { display: block; float: left; clear: left; width: 150px; margin: 5px 0; line-height: 1.6; /* higher breaks layout?! */ } .joinevent input { font-size: 0.9em; width: 240px; margin: 5px 0 5px 5px; line-height: 1.6; padding-bottom: 3px\9; /*IE*/ margin: expression((this.type == "radio") ? '10px 0 10px 0' : ''); /*for IE6, IE>6 can use below*/ width: expression((this.type == "radio") ? 'auto' : ''); } .joinevent input[type=radio] { margin: 10px 0 10px 0; width: auto; } .joinevent select, textarea { font-size: 0.9em; margin: 5px 0 5px 5px; } .joinevent .quicknumber { width: 30px; } .joinevent .labelless { margin: 5px 0 5px 155px; clear: both; display: block; /* else FF/Win has problems with left margin */ } .eventalert { color: #FF5C00; } .joinevent .proceedbuttons { display: block; clear: both; margin: 30px 0; } .joinevent .proceedbutton { margin: 0; padding: 0; margin-left: 5px; width: auto; /* for image submit buttons */ height: auto; } .joinevent .backbutton { margin-right: 5px; } .joinevent h4 { clear: both; padding-top: 20px; /* background-color: #EFEFEF; padding: 3px 3px; margin-right: 10px; width: 95%;*/ } .joinevent .left_col { float: left; width: 50%; } .joinevent .right_col { float: right; width: 50%; } #joinevent1-1 .quicknumber, #joinevent0-1 .quicknumber { text-align:right; } #joinevent1-1 #var_size_child_master { display: none; } #joinevent1-1 .var_size_child_copy { display: auto; } #joinevent1-1 input { margin-left: 0; margin-right: 5px; } #joinevent1-1 select { margin-right: 5px; } #joinevent0-1 #tickets1 th, #joinevent0-1 #tickets1 td, #joinevent1-1 #tickets1 th, #joinevent1-1 #tickets1 td { text-align: right; vertical-align: middle; padding-left: 10px; padding-right: 10px; } #joinevent0-1 #tickets1 th, #joinevent0-1 #tickets1 td { vertical-align: top; } #joinevent0-1 label { width: auto; /* font-weight: bold;*/ } #joinevent0-1 .price { line-height: 1.6; margin: 5px 0; } #joinevent1-1 #tickets1 td, #joinevent0-1 #tickets1 td { height: 44px; vertical-align: middle; } #joinevent0-1 #tickets1 td.totalline { padding-top: 10px; } #joinevent1-4 h4 { color: #ff5c00; } #joinevent1-2 fieldset { display: none; } .joinevent2 fieldset { background-color: #FCFCFC; border: 1px solid #EFEFEF; width: 270px; position: relative; /*for legend*/ margin: 20px 30px 20px 10px; /* clear: both; display: block;*/ float: left; display: inline; padding: 0 0 10px 0; } .joinevent2 legend { margin-top: -24px; margin-left: -1px; background-color: #FCFCFC; border: 1px solid #EFEFEF; border-bottom: 0; padding: 4px 8px; font-weight: bold; } .joinevent2 fieldset div { float: left; margin: 5px 15px; padding: 0 3px; } .joinevent2 label { display: block; /* font-weight: bold;*/ margin: 0 0 2px 0; padding: 0; width: auto; } .joinevent2 input, .joinevent2 select, .joinevent2 textarea , .joinevent2 label { width: 230px; margin: 0; padding: 0; display: block; clear: both; } #content .joinevent2 ul { margin: 3px 0; padding: 0; } .joinevent2 li { list-style: none; background-color: #F9F9F9; margin: 3px 0; padding: 3px 3px 3px 5px; width: 228px; } .joinevent2 li input { width: 10px; } .joinevent2 li:hover { background-color: #F3F3F3; cursor: move; background-image: url(/common/images/workshops-up-down.gif); background-repeat: no-repeat; background-position: center right; } .joinevent2 .subeventsTitle { font-weight: bold; } .joinevent2 .subeventsSubtitle { font-size: 0.9em; color: #999; } .joinevent2 .subevents { /* float: right; padding: 3px; margin-top: 6px; padding: 0;*/ } .joinevent2 .ticket_title { font-weight: bold; min-height: 2.4em; height: auto !important; height: 2.4em; /*for IE*/ line-height: 1.6; margin-left: 5px; } #show_1_2 { color: #ff5c00; } #show_1_2 { cursor: pointer; /*for IE*/ } #diag_trigger { color: #ff5c00; } #diag_trigger:hover { cursor: pointer; } .delivery_address { margin: 30px 0; background-color: #f9f9f9; padding: 10px; width: 400px; } .joinevent .delivery_address label { width: 140px; } .joinevent .delivery_address .labelless { margin: 5px 0 5px 145px; } .var_description { margin-right: 4px\9; /*IE not applying a space*/ } /* FORM BUILDER ----------------------------------------------------------- */ /* .mceVisualAid applies in tinymce, .formbuilder on frontend */ body.mceContentBody form.mceVisualAid { background-color: #f9f9f9; padding: 3px; border: #CCC 1px dashed; } form.mceVisualAid p, form.formbuilder p { margin: 1em 0; } form.mceVisualAid textarea, form.formbuilder textarea { width: 280px; height: 120px; margin: auto 0; font-size: 0.9em; padding: 2px; border: auto; } /* IE7 not applying this or expression in tinymce (ff ok) */ form.mceVisualAid input[type='text'], form.formbuilder input[type='text'] { width: 280px; margin: 0; } form.mceVisualAid input, form.formbuilder input { width: expression((this.type == 'text') ? '280px' : 'auto'); } .formValidationHighlight { border: #F66 2px solid\9; /* IE doesn't show outline */ outline: #F66 2px solid; /* FF won't show border or bkg, only outline */ background-color: #FDD; } form.formbuilder input[type='radio'].formValidationHighlight, form.formbuilder input[type='checkbox'].formValidationHighlight { margin-top: 5px; /* give FF extra room for outline */ margin-top: 2px\9; /* reset IE */ } form.formbuilder input[type='radio'], form.formbuilder input[type='checkbox'] { margin: 5px; margin-top: 1px; /* these two and v-a for the sake of aligning controls with accompanying text */ margin-top: 2px\9; vertical-align: middle; padding-top: 5px; } form.formbuilder input { margin: expression((this.type == 'radio' || this.type == 'checkbox') ? '5px' : 'auto'); margin-top: expression((this.type == 'radio' || this.type == 'checkbox') ? '2px' : 'auto'); /* for IE6 */ vertical-align: middle; } form.formbuilder td { border: none; } .hidden { display: none; } .diag_name { cursor: pointer; color: green; font-weight: bold; } input.form_field, textarea.form_field { font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; } textarea.form_field { width: 280px; margin: 0; } input.form_field { width: 200px; } input.number_field { width: 30px; } div#footer ul.flist2 li a img.soc-net-icon { vertical-align:top; } body#ghome div#content div#titles { position: absolute; top: 0; width: 370px; left: 0; margin-left: 330px; } body#ghome div#content div#titles h1 { color: #FFF; font-size: 20px; line-height: 1.2em; width: 370px; padding-top: 20px; } /*#tabvid { position: absolute; top: 1px; }*/ /*#tabs img, #tabs1 ul, #tab2 ul { display: none; } */ /*#tabs ul#main_tabs li a { font-weight: bold; }*/ /*.medialinks { display:none; }*/ /*#main_tabs { border-right: 1px #fff solid; z-index: -1; }*/ .vid_desc { /*float: right;*/ left: 332px; width: 115px; position: absolute; bottom: 5px; /*from staic image 2010*/ /* left:352px; top:55px; font-size:2em; line-height: 1;*/ } body#ghome ul#promoboxes { position: absolute; bottom:-10px; padding-bottom: 8px; bottom: 123px; } body#ghome h1 { display: none; } body#ghome #container #mainvisual { position: absolute; bottom: 136px; z-index: 0; left:2px; } body#ghome .newsbox h3 { font-weight: bold; background: url(/common/images/hometab.gif) no-repeat;} } /* K4K ---------------------------------------------------------------------*/ /* ---------- top bar/global ---------- */ body#k4k #content { width: 800px; padding: 0; position: relative; } body#k4k ol#breadcrumb { margin-left: 10px; } body#k4k ol#breadcrumb li { list-style-type: none; display:inline; font-size:0.9em; } /* ---------- subnav left ---------- */ body#k4k div#subnav ul li a { background: url(/common/uploads/k4k/template/k4k-heart-icon.png) 3px center no-repeat; padding-left: 25px; border-bottom: 1px #b50086 solid; } /* ---------- feature ---------- */ body#k4k #marque { background: transparent url(/common/uploads/k4k/template/k4k-marque.png) top no-repeat; height: 122px; width: 356px; position: absolute; top: -18px; right: 4px; } body#k4k #marque span { display: none; } body#k4k #features { padding: 0; position: absolute; top: 225px; left: -25px; width: 815px; } body#k4k #features span { display: none; } body#k4k #features li { float: left; list-style-type: none; margin-right: 0px; } /* ---------- content ---------- */ body#k4k #content-body { width: 800px; /*but really 780?*/ /*margin-top not working here?*/ } body#k4k #content-body-main { width: 442px; float: left; margin: 40px 7px 5px 10px; padding: 3px; } body#k4k #k4k #content #content-body-main p { color: #494949; } body#k4k #content-body-main h3 { font-size: 1.4em; margin-bottom: 1.4em; color: #9c1397; } body#k4k #content-body-main a { color: #9c1397; } body#k4k #content-body-main a:hover { color: #000; } /* ----- right sidebar ------ */ body#k4k .content-body-sidebar { width: 300px; float: right; margin: 40px 5px 10px 10px; border: 0; } body#k4k .k4k-sidebar h4 { height: 32px; background: #e8e8e8; font-size: 18px; padding: 13px 5px; } /* ---------- newsbox ---------- */ body#k4k #newsbox { border: 1px #94a3c4 solid; width: 298px; position: relative; } body#k4k #newsbox .sidebar-title { height: 40px; background: #eceff5; padding-top: 10px; } body#k4k #newsbox h4 { width: 43px; height: 14px; background: transparent url(/common/uploads/k4k/template/k4k-news.png) top no-repeat; padding: 10px 0 0 14px; } body#k4k #newsbox ul { padding: 10px 10px 0 0; } body#k4k #newsbox h4 span { display: none; } body#k4k #newsbox p, body#k4k #newsbox h5, body#k4k #newsbox span { padding-left: 10px; } body#k4k #newsbox h5 { margin-bottom: 0; padding-bottom: 0; } body#k4k #newsbox h5 a { color: #494949; } body#k4k #newsbox h5 a:hover { color: #000; } body#k4k #newsbox span { font-size: 11px; } body#k4k #newsbox li { list-style-type: none; margin-left: -2em; margin-bottom: 5px; } body#k4k #newsbox span#k4k_news_more a { padding: 4px; background: #e8e8e8; /*float: right;*/ position: absolute; right: 10px; bottom: 10px; } /* ---------- other right sidebar ---------- */ body#k4k #facebook { margin: 20px 0 0 0; width: 300px; /*Needs to be 220 for FF*/ overflow: hidden; height: 555px; } body#k4k .content-body-sidebar img { float: right; break: right; } /* ---------- news page ---------- */ .news_page_list div { margin: 0 0 20px 0; } .news_page_list li { list-style: none; margin: 0 0 20px -1.9em; } .news_page_list li h5 { /*font-size: 16px;*/ margin-bottom: 2px; } .news_page_list li p { margin-bottom: 0; } .news_page_list li span { font-size: 11px; } .news_page_list li a { color: #666; } .news_page_list li a:hover { color: #000; } .news_page_list li a:visited { color: #666; } .news_page_list li .news_date { color: #999; } /*these two for tmce*/ .k4k-sidebar, .content-body-sidebar { width: 298px; /*border: 1px #ccc dotted;*/ min-height: 170px; /*background: #f00;*/ } /* ---------- FAQ ---------- */ ol#k4k_faq_titles { margin-bottom: 20px; color: #9c1397; font-weight: bold; } #k4k_faq_titles li { padding-bottom: 5px; } #k4k_faq_titles li a:hover { color: #9c1397; } body#k4k #content-body-main ul.news_page_list hr { color:#9c1397; background-color:#9c1397; } .obfusc { display:none; } body#k4k ol#breadcrumb { margin-left: 15px; } body#k4k ol#k4k_faq_titles li { list-style-type: decimal; margin: 0; margin-left: 2px; } body#k4k #content-body-main ul li { list-style-type: disc; margin: 0.2em; /*margin-left: 0.5em;*/ } body#k4k #subnav a:hover, body#k4k #content-body-main a:hover { color: #9c1397; } body#k4k .hwywy { display: none; } body#k4k #subnav ul { margin-left: 20px; } body#k4k #subnav ul ul { margin-left: 20px; } .k4k_news_title { color: #9c1397; } body#k4k #content-body-main hr { color: #9c1397; } /* Richard's doubleclick stuff 29.9.10 - only worked as attrs inline */ .dblclk { width: 1px; height: 1px; frameborder: 0; } .fb_photos { border: 1px solid #94a3c4; overflow:hidden; height: 143px; margin-top: 15px; } .fb_photos h4 { padding: 10px; background: #eceff5; color: #3b5998; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .fb_photos .fb_sub { font-size: 11px; font-weight: normal; } .fb_photos .fb_photos_body { padding: 5px; } .fb_photos .fb_photo_wrapper { display: inline-block; margin: 5px; height: 86px; width: 86px; overflow: hidden; position: relative; } .fb_photo_wrapper img { position: absolute; top: 0; left: 0; } /* GRANNY MACRAE ---------------------------------------------------------- */ #granny-wrapper h1 { /* h1 never seen, image replaced behind logo */ font-size: 24px; } #granny-wrapper #granny-col1 h2 { /* h1 never seen, image replaced behind logo */ font-size: 21px; font-weight: bold; font-size: 14px; color: #0046AC !important; text-transform: uppercase; } #granny-wrapper h3 { /* h1 never seen, image replaced behind logo */ font-size: 18px; } #granny-wrapper h1, #granny-wrapper h2, #granny-wrapper p { margin-bottom: 1em; } #granny-wrapper a { color: #00F; text-decoration: none; } #granny-wrapper a:hover { color: #00C; } #granny-wrapper body { background: #FFF; } #granny-wrapper label { display: inline-block; width: 120px; } #granny-wrapper label.inline-label { display: inline-block; width: 200px; padding-top: 3px; } #granny-wrapper input, #granny-wrapper textarea { font: 12px/1.2 Helvetica, Arial, sans-serif; } #granny-wrapper input[type=text] { padding: 5px; border: 1px solid #666; width: 220px; } #granny-wrapper input[type=checkbox] { float: left; /*border: 1px solid #666;*/ margin-left: -2px; margin-right: 5px; } #granny-wrapper input[type=submit] { display: inline-block; /*margin: 40px 0 0 124px;*/ border: 1px solid #666; } #granny-wrapper textarea { padding: 5px; border: 1px solid #666; width: 220px; height: 60px; color: #666; } #granny-wrapper { font: 12px/1.3 Helvetica, Arial, sans-serif; color: #666; width: 808px; /*padding: 20px;*/ /*padding-bottom: 0;*/ /*main needs to take care of this so overflow value doesn't chop shadow*/ /*margin: 20px auto;*/ /*min-height: 600px;*/ position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/common/js/PIE.htc); background: url(/common/images/granny-bkg.png); z-index: 10; /*padding-bottom: 10px;*/ /*border-bottom: 2px solid blue;*/ } #granny-header { padding: 20px; height: 134px; background: url(/common/images/granny-header.png) no-repeat 10px center; } #granny-main { overflow: hidden; /* padding: 20px; margin-right: 0;*/ } #granny-col1, #granny-col2, #granny-col3 { float: left; } #granny-col1 { width: 200px; margin: 0 15px 0 20px; font-weight: bold; /*margin-right: 10px;*/ /*background: url(/common/images/granny-granny.png) no-repeat bottom center;*/ /*min-height: 500px;*/ } #granny-col1 ul { margin: 0; padding: 0; } #granny-col1 li { list-style: none; margin-bottom: 1em; padding-left: 36px; } #granny-li1 { background: url(/common/images/granny-1.png) no-repeat top left; } #granny-li2 { background: url(/common/images/granny-2.png) no-repeat top left; } #granny-li3 { background: url(/common/images/granny-3.png) no-repeat top left; } #granny-col2 { -moz-box-shadow: 3px 7px 7px rgba(0,0,0,0.4); -webkit-box-shadow: 3px 7px 7px rgba(0,0,0,0.4); box-shadow: 3px 7px 7px rgba(0,0,0,0.4); behavior: url(/common/js/PIE.htc); margin-right: 15px; position: relative; } #granny-point { height: 26px; width: 22px; background: url(/common/images/granny-point.png) no-repeat top left; position: absolute; top: 370px; left: -22px; } #granny-col2, #granny-col3 { min-height: 500px; padding: 20px; margin-bottom: 20px; width: 230px; background: #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/common/js/PIE.htc); } #granny-col2.granny-wide { width: 515px; margin-right: 0; /*min-height: 0;*/ /*margin-right: -20px !important;*/ } #granny-counter { text-align: center; } #granny-granny { margin-left: -40px; /* weird - diferent on test server to local (-10px) */ } .granny-form-line { margin-bottom: 10px; } #granny-col3 h3 { text-transform: uppercase; font-size: 12px; color: #666 !important; } #granny-pledge-total { font-size: 24px; font-weight: bold; } #granny-map { margin-top: 10px; height: 300px; width: 230px; } #granny-quotes { font-size: 11px; margin-top: 3em; } #granny-quotes cite { display: inline-block; margin-top: 1em; font-weight: bold; font-style: normal; } #granny-quotes blockquote { display: inline-block; margin: 0; /*font-weight: bold;*/ } #granny-map-bubble { /*position: relative;*/ border: 1px solid #666; margin-top: 8px; background: #FFF; padding: 10px; width: 80px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 3px 7px 7px rgba(0,0,0,0.4); -webkit-box-shadow: 3px 7px 7px rgba(0,0,0,0.4); box-shadow: 3px 7px 7px rgba(0,0,0,0.4); behavior: url(/common/js/PIE.htc); } #granny-map-point { position: absolute; bottom: -27px; right: 63px; } #granny-signature { margin-top: 14px; } #granny-pledge-button { float: right; margin-top: 5px; } #granny-donate { display: inline-block; margin: 40px 0 0 49px; /*l margin hack forces by TMCE

wrapper*/ } #granny-responses { clear:both; } #granny-col2 h3 { font-size: 24px; color: #666 !important; margin-bottom: 1em; } /*#facebook .connections { margin-top: 30px; }*/ .vid_caption { position : absolute; bottom: 0; left: 330px; margin: 5px; /* float: right; margin-left: 300px;*/ } #content #job-forms { padding-top: 2em; list-style: none; margin-left: 0; } #content #job-docs { padding-bottom: 1em; list-style: none; margin-left: 0; } /* This will be added to main.css once site is ready to launch and Elmwood not involved in amending the CSS - so there will be only one CSS file to amend instead of two. But for now add in new styles here so we don't over write each others work */ .purplebox { border: 1px solid #b50086; padding: 8px; } .fullcol { width: 500px; float: left; margin-right: 1em; margin-bottom: 1em; } .halfcol230 { width: 230px; float: left; margin-right: 2em; margin-bottom: 1em; } .halfcol230indent { width: 210px; float: left; margin-right: 3em; margin-bottom: 1em; padding-left: 20px; } /* .halfcol230indent { width: 220px; float: left; margin-left: 10px; margin-bottom: 1em; } */ img.rightpad10 { padding-right: 10px; } .articleimgleft { float: left; padding-top: 0em; padding-right: 1em; padding-bottom: 1; padding-left: 0; } /* Safeguarding in Sport - Training */ #training1 td { border: 1px solid black } #training2 td { border: 1px solid black } /*---- Kilts for Kids ---*/ /* 2009 tags start */ .k4k .bgdHome09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/home09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdAtSchool09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/atschool09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdFRPack09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/fr-pack09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdTartantastic09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/tartantastic09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdSignUp09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/signup09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdComp09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/comp09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdSchool09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/school09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdSchoolFRPack09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/school-fr-pack09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdSuccess09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/success09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdDoing09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/doing09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdCurriculum09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/curriculum09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdWide09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/wide09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdFAQs09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/faqs09.jpg'); background-repeat: no-repeat; width: 810px; height: 1620px; } .k4k .bgdTools09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/wide09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdHowThey09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/how_they_wore_theirs.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdHTWT09 { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/htwt09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .bgdThanks { background-image:url('/common/uploads/get_involved/kilts4kids/2009/backgrounds/thanks.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } .k4k .wrap09 { position: relative; left: 295px; top: 104px; width: 510px; } .k4k .wrapHTWT09 { position: relative; left: 15px; top: 104px; width: 790px; } .k4k .wrapwide09 { position: relative; left: 15px; top: 104px; width: 790px; } .k4k .txtStandard09 { float: left; width: 355px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #666666; } .k4k .txtWide09 { float: left; width: 635px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #666666; } .k4k .txtTools09 { float: left; width: 464px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #666666; } .k4k .txtFAQs09 { float: left; width: 635px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #666666; } .k4k .txtHTWT09 { float: left; width: 635px; top: 518px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #666666; } .k4k .divHTWT { position: absolute; float: left; width: 584px; top: 610px; left: 272px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; color: #666666; } .k4k .actions09 { float: left; width: 140px; margin-left: 10px; } .k4k .lnkHome09 { color: #7D1A77; font-weight: bold; } .k4k .lnkEmail09 { color: #7D1A77; font-weight: normal; } .k4k td { border: none; /* border-bottom: #CCCCCC 1px dotted; */ vertical-align: top;} .k4k td { padding: 0.1em 0.1em; } #content #frmSchool input[type="text"] { /* all except IE6*/ width: 220px; } #content #frmSchool input { /* for IE6*/ width: expression((this.type == "text") ? '220px' : 'auto'); } #content #frm input[type="text"] { /* all except IE6*/ width: 240px; } #content #frm input { /* for IE6*/ width: expression((this.type == "text") ? '240px' : 'auto'); } /* 2009 tags finish */ #k4kButtons { width: 396px; height: 30px; } #k4kButtons ul { margin: 0; padding: 0; float: left; width: auto; } #k4kButtons ul li { display: inline; } #k4kButtons ul li a { float: left; color:#666666; width:66px; height:30px; } #k4kButtons ul li a:visited { color: #666666; } #k4kButtons ul li a:hover, .nav ul li .current { width: 66px; height:30px; } /* Buttons Start */ .k4k a.home { text-decoration: none; background-image: url(/common/uploads/get_involved/kilts4kids/buttons/home.jpg); } .k4k a.moreinfo { text-decoration: none; background-image: url(/common/uploads/get_involved/kilts4kids/buttons/moreinfo.jpg); } .k4k a.ideas { text-decoration: none; background-image: url(/common/uploads/get_involved/kilts4kids/buttons/ideas.jpg); } .k4k a.celeb { text-decoration: none; background-image: url(/common/uploads/get_involved/kilts4kids/buttons/celeb.jpg); } .k4k a.sponsor { text-decoration: none; background-image: url(/common/uploads/get_involved/kilts4kids/buttons/sponsor.jpg); } .k4k a.fund { text-decoration: none; background-image: url(/common/uploads/get_involved/kilts4kids/buttons/last.jpg); } .k4k a:hover.home { background-image: url(/common/uploads/get_involved/kilts4kids/buttons/home_over.jpg); } .k4k a:hover.moreinfo { background-image: url(/common/uploads/get_involved/kilts4kids/buttons/moreinfo_over.jpg); } .k4k a:hover.ideas { background-image: url(/common/uploads/get_involved/kilts4kids/buttons/ideas_over.jpg); } .k4k a:hover.celeb { background-image: url(/common/uploads/get_involved/kilts4kids/buttons/celeb_over.jpg); } .k4k a:hover.sponsor { background-image: url(/common/uploads/get_involved/kilts4kids/buttons/sponsor_over.jpg); } .k4k a:hover.fund { background-image: url(/common/uploads/get_involved/kilts4kids/buttons/last_over.jpg); } .k4k a img { border: none !important; } /* Buttons Finish */ .k4kPositionButtons { position: relative; left: 409px; top: 26px; } /* DELETE? .k4k .bgdHome09 { background-image:url('/common/uploads/get_involved/kilts4kids/backgrounds/home09.jpg'); background-repeat: no-repeat; width: 810px; height: 600px; } */ .k4k .bgdLanding { background-image:url('/common/uploads/get_involved/kilts4kids/backgrounds/landing.jpg'); background-repeat: no-repeat; width: 810px; height: 560px; } .k4k .bgdSponsor { background-image:url('/common/uploads/get_involved/kilts4kids/backgrounds/sponsor.jpg'); background-repeat: no-repeat; width: 810px; height: 680px; } .k4k .bgdIdeas { background-image:url('/common/uploads/get_involved/kilts4kids/backgrounds/ideas.jpg'); background-repeat: no-repeat; width: 810px; height: 551px; } .k4k .bgdInfo { background-image:url('/common/uploads/get_involved/kilts4kids/backgrounds/info.jpg'); background-repeat: no-repeat; width: 810px; height: 581px; } .k4k .bgdSupport { background-image:url('/common/uploads/get_involved/kilts4kids/backgrounds/support.jpg'); background-repeat: no-repeat; width: 810px; height: 670px; } .k4k .bgdForm { background-image:url('/common/uploads/get_involved/kilts4kids/backgrounds/form.jpg'); background-repeat: no-repeat; width: 810px; height: 800px; } .k4k .bgdPack { background-image:url('/common/uploads/get_involved/kilts4kids/backgrounds/pack.jpg'); background-repeat: no-repeat; width: 810px; height: 800px; } .k4k .bgd2008 { background-image:url('/common/uploads/get_involved/kilts4kids/backgrounds/2008.jpg'); background-repeat: no-repeat; width: 810px; height: 800px; } .k4k .bgdSupport img { float: left; } .k4k .txtLanding { position: relative; left: 440px; top: 64px; width: 355px; } .k4k .txtSupport { position: relative; left: 440px; top: 117px; width: 355px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; text-align: left;/* */ margin: 0.5em 0; padding: 0; color: #666666; } .k4k .bgdHeading { background-color: #DCE26C; color: #7B2B84; font-weight: bold; padding: 3px; } /* Photo Gallery */ .k4k .txtHowDidYou { position: relative; left: 94px; top: 0px; width: 600px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; text-align: left;/* */ margin: 0.5em 0; padding: 0; /* color: #666666; */ } .k4k .txtHowDidYou a, a:visited { color:#000; } .k4k .txtHowDidYou a.gallery, a.gallery:visited { display: block; display: inline-block; color: #000; text-decoration: none; border: 1px solid #bbb; width: 75px; height: 47px; float: left; margin: 4px; z-index: 50; } .k4k .txtHowDidYou a.gallery em, a.gallery span {display:none;} .k4k .txtHowDidYou a.gallery:hover { border: 1px solid #7D2A82; } /* Photo Gallery */ .k4k .txtHowDidYou a.slidea {background:url('/common/uploads/get_involved/kilts4kids/images/thumb1.jpg');} .k4k .txtHowDidYou a.slideb {background:url('/common/uploads/get_involved/kilts4kids/images/thumb2.jpg');} .k4k .txtHowDidYou a.slidec {background:url('/common/uploads/get_involved/kilts4kids/images/thumb3.jpg');} .k4k .txtHowDidYou a.slided {background:url('/common/uploads/get_involved/kilts4kids/images/thumb4.jpg');} .k4k .txtHowDidYou a.slidee {background:url('/common/uploads/get_involved/kilts4kids/images/thumb5.jpg');} .k4k .txtHowDidYou a.slidef {background:url('/common/uploads/get_involved/kilts4kids/images/thumb6.jpg');} .k4k .txtHowDidYou a.slideg {background:url('/common/uploads/get_involved/kilts4kids/images/thumb7.jpg');} .k4k .txtHowDidYou a.slideh {background:url('/common/uploads/get_involved/kilts4kids/images/thumb8.jpg');} .k4k .txtHowDidYou a.slidei {background:url('/common/uploads/get_involved/kilts4kids/images/thumb9.jpg');} .k4k .txtHowDidYou a.slidej {background:url('/common/uploads/get_involved/kilts4kids/images/thumb10.jpg');} .k4k .txtHowDidYou a.slidek {background:url('/common/uploads/get_involved/kilts4kids/images/thumb11.jpg');} .k4k .txtHowDidYou a.slidel {background:url('/common/uploads/get_involved/kilts4kids/images/thumb12.jpg');} .k4k .txtHowDidYou a.slidea em {background:url('/common/uploads/get_involved/kilts4kids/images/photo1.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slideb em {background:url('/common/uploads/get_involved/kilts4kids/images/photo2.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slidec em {background:url('/common/uploads/get_involved/kilts4kids/images/photo3.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slided em {background:url('/common/uploads/get_involved/kilts4kids/images/photo4.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slidee em {background:url('/common/uploads/get_involved/kilts4kids/images/photo5.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slidef em {background:url('/common/uploads/get_involved/kilts4kids/images/photo6.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slideg em {background:url('/common/uploads/get_involved/kilts4kids/images/photo7.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slideh em {background:url('/common/uploads/get_involved/kilts4kids/images/photo8.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slidei em {background:url('/common/uploads/get_involved/kilts4kids/images/photo9.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slidej em {background:url('/common/uploads/get_involved/kilts4kids/images/photo10.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slidek em {background:url('/common/uploads/get_involved/kilts4kids/images/photo11.jpg') 5px 5px no-repeat;} .k4k .txtHowDidYou a.slidel em {background:url('/common/uploads/get_involved/kilts4kids/images/photo12.jpg') 5px 5px no-repeat;} /* Styling for gallery */ #container_k4kphotos { position: absolute; width: 591px; height: 399px; /* background: #e8e8e8; border: 1px solid #fff; */ margin: 1em auto; } #container_k4kphotos img { border: 0; } #container_k4kphotos .thumbs { width: 170px; position: absolute; left: 0; top: 0; } #container_k4kphotos a.gallery:hover span { display: block; position: absolute; width: 402px; height: 50px; top: 290px; left: 174px; padding: 5px; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; color: #000; z-index: 100; } #container_k4kphotos a.gallery:active, #container_k4kphotos a.gallery:focus { border: 1px solid #7D2A82; } #container_k4kphotos a.gallery:active em, #container_k4kphotos a.gallery:focus em { display: block; position: absolute; width: 400px; height: 322px; top: 4px; left: 174px; color: #000; padding: 5px; border: 1px solid #000; z-index: 50; background-color: #fff; } #container_k4kphotos h2 {clear: both; margin: 0; padding-top: 80px; padding-left: 230px; width: 300px; text-align: center; font-family: georgia, "times new roman", serif; font-size: 3em; font-weight: normal; color: #aaa; } #container_k4kphotos h2 em { font-size: 0.6em; color: #000; } /*---- BookChoices ---*/ .bcContent .bch2 { color: #ec008c; font-family: Arial, Helvetica, sans-serif; font-size: 123.1%; font-weight: bold; } .bcContent .longBox { width: 535px; border-top: 1px solid #ec008c; padding-top: 16px; } .bcContent .longBox img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: right; } /*---- Executive Management Team ---*/ .emtContent .emth2 { color: #f7931d; font-family: Arial, Helvetica, sans-serif; font-size: 123.1%; font-weight: bold; } .emtContent .longBox { width: 535px; border-top: 1px solid #f7931d; padding-top: 16px; } .emtContent .longBox img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; padding-right: 10px; } /*---- Donate by Shopping ---*/ .dsContent .dsh2 { color: #ec008c; font-family: Arial, Helvetica, sans-serif; font-size: 123.1%; font-weight: bold; } .dsContent .longBox { width: 535px; border-top: 1px solid #ec008c; padding-top: 16px; } .dsContent .longBox img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; padding-right: 10px; } img.rightpad10 { padding-right:10px; } /*---- Keep in touch ---*/ .ktContent .container { width: 535px; height: 30px; /* border: 1px dotted #00a355; */ } /*---- Terms and Conditions ---*/ .tcContent li { margin-top: 10px; margin-bottom: 10px; } .ktContent .column1 { width: 533px; float: left; /* border: 1px dashed #00a355; */ height: 24px; } .ktContent .column2left { width: 260px; float: left; border: 1px dashed #00a355; height: 24px; } .ktContent .column2right { width: 260px; float: right; border: 1px dashed #00a355; height: 24px; } .ktContent .column3left { width: 91px; float: left; /* border: 1px dashed #00a355; */ height: 24px; } .ktContent .column3middle { width: 200px; float: left; /* border: 1px dashed #00a355; */ height: 24px; } .ktContent .column3right { width: 238px; float: left; /* border: 1px dashed #00a355; */ height: 24px; } .ktContent .boxit { /* border: 1px solid #00a355; */ margin: 0; } .ktContent .fixheight { height: 18px; } /* Tooltips for News & Resources*/ .news_tooltip { position:relative; z-index:24; } .news_tooltip span { display:none;} .news_tooltip:hover {z-index:25;} .news_tooltip:hover span { display:block; position:absolute; width:235px; top:25px; left:20px; background-color:#E8E8E8; border:1px solid #00A355; padding:5px; font-size:11px; color:#333333; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; } /* Grey background box for grouping form elements*/ .form-box { background-color: #FCFCFC; margin-bottom: 20px; overflow: visible; width: 100%; padding: 5px; border: #EEE 1px solid; } /* Allow text to wrap round swf objects*/ .swfwrap { width: 285px; float: left; } /* Two divs when placed next to each other allow items to be placed into columns */ #floatl1 { margin: 0px 0px 0px 10px; padding: 0; width: 150px; float:left; text-align:left; } #floatl2 { margin: 0px 0px 15px 0px; width: 150px; padding: 0; float:left; text-align:left; }