body {margin:0; padding:0; font-family:verdana, Sans-Serif; font-size:x-small; f\ont-size:small; color:#333; background-color:#ddd;} h1 {font-size:1.6em; font-weight:normal; margin-top:0;} h2 {font-size:1.4em;} h3 {font-size:1.2em;} h4 {font-size:1.2em;} h5 {font-size:1em;} h6 {font-size:1em;} p {font-size:0.9em; line-height:140%;} ul {font-size:0.95em;} a {text-decoration:none; color:#CE3600;} a:hover {text-decoration:underline;} dl, dt {margin:0; padding:0;} img {border:0;} form {display:inline;} .left {float:left;} .floatholder:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .floatholder {min-height:0;} /* Hides from IE-mac \*/ *html .floatholder {height: 1%;} /* End hide from IE-mac */ /********* Page structure *********/ #wrapper {width:760px; background:url(../i/bg.gif) 0% 0% repeat-y; margin:0 auto; padding:0 10px;} #leftColumn {float:left; width:133px;} #contentArea {float:left; width:438px; padding:18px;} *html #contentArea {width:462px; w\idth:438px;} #rightColumn {float:right; width:153px;} #mastHead {width:760px; height:92px; position:relative; border-bottom:3px solid #3D313B; background:#FFD636 url(../i/mastHead.gif) 0% 0% no-repeat;} /******** Mast head ********/ #mastHead img {float:left;} #mastHead dl {position:absolute; left:152px; bottom:0; border-right:1px solid #3D313B; display:inline; float:left;} #mastHead dl dt {float:left; text-align:center; background-color:#FFF799; border-left:1px solid #3D313B; display:inline;} #mastHead dl dt a {padding:3px 20px; color:#3D313B; font-weight:bold; display:block;} #mastHead dl dt a:hover, #mastHead dl dt.on {background-color:#3D313B; color:#fff; text-decoration:none;} #mastHead dl dt.on a{color:#fff;} #mastHead p {float:right; font-size:0.8em; margin-top:75px; padding-right:10px;} #mastHead p span {font-weight:bold;} /********** Left Column **********/ #leftColumn #dogsNav {padding-top:12px; background-color:#FEEFAE;} #leftColumn #dogsNav dt {text-indent:-9999px; width:133px;} #leftColumn #dogsNav dt a {background:#FFEFAE 100% 0% no-repeat; display:block;} #leftColumn #dogsNav dt .digger {background-image:url(../i/digger.jpg); height:134px;} #leftColumn #dogsNav .on .digger, #leftColumn #dogsNav dt a:hover.digger {background-image:url(../i/diggerOn.jpg);} #leftColumn #dogsNav dt .muffin {background-image:url(../i/muffin.jpg); height:101px;} #leftColumn #dogsNav .on .muffin, #leftColumn #dogsNav dt a:hover.muffin {background-image:url(../i/muffinOn.jpg);} #leftColumn #dogsNav dt .zippy {background-image:url(../i/zippy.jpg); height:119px;} #leftColumn #dogsNav .on .zippy, #leftColumn #dogsNav dt a:hover.zippy {background-image:url(../i/zippyOn.jpg);} #leftColumn #dogsNav dt .rosie {background-image:url(../i/rosie.jpg); height:124px;} #leftColumn #dogsNav .on .rosie, #leftColumn #dogsNav dt a:hover.rosie {background-image:url(../i/rosieOn.jpg);} #leftColumn #dogsNav dt .rex {background-image:url(../i/rex.jpg); height:186px;} #leftColumn #dogsNav .on .rex, #leftColumn #dogsNav dt a:hover.rex {background-image:url(../i/rexOn.jpg);} #leftColumn #dogsNav dt .flick {background-image:url(../i/flick.jpg); height:141px;} #leftColumn #dogsNav .on .flick, #leftColumn #dogsNav dt a:hover.flick {background-image:url(../i/flickOn.jpg);} #leftColumn #leftNav {width:133px; margin-bottom:3px;} #leftColumn #leftNav dt {background-color:#CBCACA; padding:3px 5px 3px 13px; border-bottom:1px solid #fff; min-height:1px;} /* min-height for IE7 bgcolor */ #leftColumn #leftNav dd {background-color:#EEECEC; padding:3px 5px 3px 26px; border-bottom:1px solid #fff; margin:0; min-height:1px;} /* min-height for IE7 bgcolor */ #leftColumn #leftNav a {color:#373535; font-size:0.85em;} #leftColumn #leftNav dt.on {background-image:url(../i/leftNavIconGrey.gif); background-position:0% 0.5em; background-repeat:no-repeat; font-weight:bold; font-size:1em;} #leftColumn #leftNav dd.on {background-image:url(../i/leftNavIconLtGrey.gif); background-position:10px 0.5em; background-repeat:no-repeat; font-weight:bold; font-size:1em;} #leftColumn #leftNav .header {background-color:#373535; font-weight:bold;} #leftColumn #leftNav .header a {color:#fff; font-size:1em;} #leftColumn #leftNav .headerOn {background:#373535 url(../i/leftNavIcon.gif) 0% 62% no-repeat; color:#fff;} #leftColumn #leftNav .headerOn a {color:#fff; font-size:1em; font-weight:bold;} #leftColumn #pdfList {background-color:#EBEAEA; padding:15px 5px 15px 30px; width:98px;} #leftColumn #pdfList dt {margin-bottom:15px; font-size:0.85em; color:#666;} #leftColumn #pdfList dt a {padding-top:90px; background:#EBEAEA 0% 0% no-repeat; color:#333; display:block; font-weight:bold;} #leftColumn #pdfList dt a span {width:10px; padding-left:10px; display:inline-block; background:transparent url(../i/more.gif) 3px 0.35em no-repeat;} #leftColumn #pdfList dt a:hover {color:#c30;} #leftColumn #pdfList dt .navSize{font-size:0.85em; color:#888; font-weight:normal;} #leftColumn #pdfList .header {font-weight:bold; font-size:0.95em; color:#333; margin-left:-18px;} #leftColumn #pdfList .primary dt a {padding-top:70px;} #leftColumn #pdfList dt a.staySafePdf {background-image:url(/i/staySafe.jpg);} #leftColumn #pdfList dt a.owningaDogPdf {background-image:url(/i/owningaDog.jpg);} #leftColumn #pdfList dt a.dogsLifePdf {background-image:url(/i/dogsLife.jpg);} #leftColumn #pdfList dt a.doggyCharacterPdf{background-image:url(/i/characterBooklet.jpg);} #leftColumn #pdfList dt a.literacyPdf {background-image:url(/i/literacy.gif);} #leftColumn #pdfList dt a.numeracyPdf {background-image:url(/i/numeracy.gif);} #leftColumn #pdfList dt a.primaryCitizenshipPdf {background-image:url(/i/primaryCitizenship.gif);} #leftColumn #pdfList dt a.assemblyPdf {background-image:url(/i/assembly.gif);} #leftColumn #pdfList dt a.designPdf {background-image:url(/i/design.gif);} #leftColumn #pdfList dt a.dramaPdf {background-image:url(/i/drama.gif);} #leftColumn #pdfList dt a.pawsBookletPdf {background-image:url(/i/paws.gif);} #leftColumn #pdfList dt a.pawsPosterPdf {background-image:url(/i/pawsPoster.gif);} #leftColumn #pdfList dt a.alphabetPdf {background-image:url(/i/alphabet.gif);} #leftColumn #pdfList dt a.timesDoChangePDF {background-image:url(/i/timesDoChange.gif);} #leftColumn #pdfList dt a.fiveaDayPdf {background-image:url(/i/fiveaDay.gif);} #leftColumn #pdfList dt a.welshCitzenshipPosterPDF {background-image:url(/i/welshcitizenshipPoster.gif);} #leftColumn #pdfList dt a.welshCitizenshipBookletPDF {background-image:url(/i/welshcitizenshipBooklet.gif);} #leftColumn #pdfList dt a.welshAssemblyPDF {background-image:url(/i/welshAssembly.gif);} #leftColumn #pdfList dt a.englishPdf {background-image:url(/i/english2.gif);} #leftColumn #pdfList dt a.historyPdf {background-image:url(/i/history.gif);} #leftColumn #pdfList dt a.citizenshipPdf {background-image:url(/i/citizenship.gif);} #leftColumn #pdfList dt a.businessPdf {background-image:url(/i/business2.gif);} p.regCharity {font-size:0.8em; margin:10px;} /********** Content Area **********/ #contentArea dl dt {margin:0; padding:0;} #contentArea p {} #contentArea .teachers {margin-bottom:0;} #contentArea .teachers ul {margin-left:30px; padding-left:0;} #contentArea .teachers ul li {color:#c30;} #contentArea .teachers ul li span {color:#333; font-weight:bold;} #contentArea #homePromo {float:left; margin-bottom:30px;} *html #contentArea #homePromo {margin-bottom:0;} #contentArea #homePromo dt {float:left; width:210px;} #contentArea #homePromo dt.topSpace {float:right; margin-top:30px; width:220px;} #contentArea #funLinks {width:475px; margin:0 -18px; background:url(../i/funBg.gif) 0% 0% no-repeat;padding-bottom:100px; display:block;} #contentArea #funLinks dt {margin-bottom:-3px;} #contentArea #funCol1, #contentArea #funCol2 {float:left; margin:0; padding:0;} #contentArea #funCol1 img {width:214px;} #contentArea #funCol2 img {width:261px;} #contentArea #fun h1 {color:#D80065;} #contentArea #fun {width:475px; margin:0 -18px;} #contentArea #fun a img {padding:0 0 0 18px; margin:0;} #contentArea h1.graphic {text-indent:-9999px;} .bgHeader p, .bgHeader {padding:10px 120px 10px 0;} #contentArea .game {position:relative; margin-bottom:30px;} #contentArea .gameBtn {position:relative; left:297px; top:-6px;} *html #contentArea .gameBtn {top:-9px;} #contentArea .gameBtn a {color:#0373D8; padding:16px 40px 40px 15px; font-weight:bold;} .rosiePage {background:url(../i/rosieBg.gif) 0% 0% no-repeat;} .rosiePage .one .gameBtn a {background:url(../i/rosieGame1Btn.gif) 0% 0% no-repeat;} .muffinPage {background:url(../i/muffinBg.gif) 0% 0% no-repeat;} .zippyPage {background:url(../i/zippyBg.gif) 0% 0% no-repeat;} .rexPage {background:url(../i/rexBg.gif) 0% 0% no-repeat;} .flickPage {background:url(../i/flickBg.gif) 0% 0% no-repeat;} .diggerPage {background:url(../i/diggerBg.gif) 0% 0% no-repeat;} .diggerPage p {margin:4px 0 10px 0;} .diggerPage ul {margin:4px 0 10px 20px; list-style-image:url(../i/diggerbullet.gif); line-height:1.3em;} .diggerPage .diggerHow {background:url(../i/diggerHow.gif) 0% 0% no-repeat;} .diggerPage .diggerDo {background:url(../i/diggerDo.gif) 0% 0% no-repeat;} .diggerPage .diggerDont {background:url(../i/diggerDont.gif) 0% 0% no-repeat;} .diggerPage .diggerResources{background:url(../i/diggerResource.gif) 0% 0% no-repeat; margin-top:25px;} .diggerPage .column {width:200px; float:left;} .diggerPage .column2 {width:200px; float:right;} .diggerPage h4 {margin:20px 0 0 0; text-indent:-9999px; padding:0 0 4px 0;} .diggerPage .column p {margin:5px 0 0;} .diggerPage .column p a {font-weight:bold; padding:5px 18px 2px 0; background:url(../i/moreRound.gif) 100% 0.35em no-repeat; margin-top:2px; display:inline-block;} .diggerPage .column .size {margin-top:0; font-size:0.85em; color:#999;} .diggerPage .diggerSponsor {background:url(../i/diggerSponsor.gif) 0% 0% no-repeat;} .diggerPage .diggerLabel {background:url(../i/diggerLabel.gif) 0% 0% no-repeat;} .diggerPage .diggerPoster {background:url(../i/diggerPoster.gif) 0% 0% no-repeat;} .diggerPage .diggerOwning {background:url(../i/diggerOwning.gif) 0% 0% no-repeat;} .diggerPage .diggerStay {background:url(../i/diggerStay.gif) 0% 0% no-repeat;} .diggerPage .diggerFundGuide {background:url(../i/diggerFundGuide.gif) 0% 0% no-repeat;} .diggerPage .diggerFundPoster {background:url(../i/diggerFundPoster.gif) 0% 0% no-repeat;} .diggerPage .diggerTeachers {background:url(../i/diggerTeachers.gif) 0% 0% no-repeat;} .diggerPage .diggerKids {clear:both; margin:0; padding:0 0 10px 0; background:url(../i/diggerKids.gif) 0% 6px no-repeat;} .gameBtn a {background:url(../i/gameBtn.gif) 0% 0% no-repeat;} .feedback h3 {padding:5px; margin:15px 0 10px 0; background-color:#FFEFAE; font-size:1em;} #contentArea form {margin:0; padding:0;} #contentArea form fieldset {border:0; padding:0px 5px;} #contentArea form input {border:1px solid #999; width:300px;} #contentArea form .checkbox, #contentArea form .radio {border:0; width:auto;} #contentArea form label {display:block;} #contentArea form textarea {width:422px; height:6em; border:1px solid #999;} #contentArea form .list input {clear:both; float:left;} #contentArea form .list label {padding:2px 0;} #contentArea form .yesno label {width:60px; float:left;} #contentArea form .yesno input {float:left;} #contentArea form .yesno .other {clear:both; width:auto;} #contentArea form .yesno .othetText {clear:both; margin-top:3px;} #contentArea form td {vertical-align:top; text-align:center; background-color:#F7F6F6; padding:2px;} #contentArea form th {vertical-align:top; font-size:0.85em; width:50px; background-color:#FAEAE5;} #contentArea form .alt td {background-color:#fff;} #contentArea form .desc {width:150px; text-align:left;} #contentArea form .other {margin-top:10px;} #contentArea form .submit {width:auto; background:#FFD635; font-weight:bold; padding:0 5px; border:1px solid; margin:20px 10px 0 0; float:right;} #contentArea form .clear {width:auto; background:#F7F6F6; font-weight:bold; color:#666; padding:0 5px; border:1px solid; margin-top:20px; float:right;} .login {height:400px;} #contentArea.login form .submit {float:left;} #feedbackRecords {clear:both; margin-top:100px;} #feedbackRecords a {padding:4px 18px 2px 0; display:inline-block; background:url(../i/moreRound.gif) 100% 0.35em no-repeat; font-weight:bold;} #feedbackRecords table {margin-top:10px;} #feedbackRecords th {vertical-align:top; text-align:left; padding:3px; background-color:#eaeaea; font-size:85%; border-bottom:1px solid #ccc; } #feedbackRecords td {vertical-align:top; text-align:left; padding:3px; font-size:95%; border-bottom:1px solid #ccc; } .primary .shade {background-color:#FFFBEA;} .primary .item {padding:4px; margin-top:15px; clear:both;} .primary h3 {padding-left:20px; background:transparent url(../i/paw.gif) 0% 0em no-repeat; margin:4px 0 5px;} .primary .item p {margin:5px 0 0 0; font-size:0.85em;} .primary .txtLink {clear:both; font-size:0.95em; margin-top:6px; display:block;} .primary .txtLink a {padding:4px 18px 3px 0; display:inline-block; background:url(../i/moreRound.gif) 100% 0.35em no-repeat; font-weight:bold;} .primary .size {font-size:0.85em; color:#999;} *html .primary .size {position:relative; top:-2px;} .guidance h3 {margin-bottom:5px; color:#06c;} .guidance img {float:right; margin:0 5px 5px 0;} .guidance .item {padding:4px; margin-top:5px; clear:both; border-bottom:1px dashed #ccc; padding-bottom:20px;} .guidance .item p {margin:5px 0 0 0; font-size:0.85em;} .guidance .txtLink {font-size:0.95em; margin-top:6px; display:block;} .guidance .txtLink a {padding:4px 18px 3px 0; display:inline-block; background:url(../i/moreRound.gif) 100% 0.35em no-repeat; font-weight:bold;} .guidance .size {font-size:0.85em; color:#999;} *html .guidance .size {position:relative; top:-2px;} #contentArea .banner {background:#F6F5F5 url(../i/bannerBack.gif) 0% 0% repeat-x; border:1px solid #DFDEDE; padding:10px; margin:30px 0; clear:both;} #contentArea .banner h3 {margin:0; background:none; padding:0;} #contentArea .banner h3 a {text-decoration:none;} #contentArea .banner h3 img {vertical-align:middle;} #contentArea .banner ul li {margin-left:20px;} #contentArea .banner p {margin:10px 0 0 0; font-size:0.85em;} #contentArea .banner p.link a {font-weight:bold; padding:5px 18px 2px 0; background:url(../i/moreRound.gif) 100% 0.35em no-repeat; margin-top:2px; display:inline-block;} #contentArea .bannerTxt {float:left; width:250px;} #contentArea .banner img.paperclip {float:left; position:relative; top:-18px; display:block; margin:0 10px -20px 0;} #contentArea.primary .banner img {top:-19px; margin:0 0 -10px 0;} .workshops .floatImg {float:left; padding:0 10px 10px 0;} .workshops .map {clear:both; background:#F6F6F6 url(../i/workshopMap.jpg) 0 0 no-repeat;font-weight:bold; position:relative;} .workshops .map p {position:absolute; top:10px; left:10px; font-size:0.85em; margin-top:0;} .workshops .images {background-color:#F6F6F6; float:left; margin:0 10px 10px 0; padding:0 0 5px;} .workshops .images p {padding:0 10px; margin:5px 0 0; font-size:0.75em;} .workshops .images .links {margin:5px 0 0 10px; padding-left:8px; background:url(../i/less.gif) 0% 0.35em no-repeat;} .workshops .images .links span {padding-right:8px; background:url(../i/more.gif) 100% 0.35em no-repeat; color:#999;} .workshops .images .links a {color:#666; font-weight:bold; margin:0;} .workshops blockquote {clear:both; background:url(../i/quote.gif) 0% 0% no-repeat; margin:0 0 14px; padding:0 10px;} .workshops blockquote p {margin:0;padding:10px 0 0;} .workshops blockquote p b {font-size:90%; display:block; margin-top:5px;} .workshops .contacts {background-color:#FFFBEA; padding:10px; margin-top:20px;} .workshops .contacts p.link a {font-weight:bold; padding:5px 18px 2px 0; background:url(../i/moreRound.gif) 100% 0.35em no-repeat; margin-top:2px; display:inline-block;} .workshops .contacts p.link span {font-size:0.85em; color:#666; padding:0; margin:0;} .workshops .contacts p {font-size:0.85em; margin-top:10px;} .workshops .contacts h4 {font-size:1.1em; margin:0;} .workshops .workshopMapOver {position:relative; z-index:100;} .workshops .mapOver {display:none;} .workshops #the_div_1 {position:absolute; top:167px; left:254px; z-index:1;} /********** Right Column **********/ #rightColumn dl {padding:20px 0 20px 20px; margin:0; background-color:#EAEAEA;} #rightColumn dl dt {margin:10px 0 0 0;} #rightColumn #relatedLinks {padding:0; margin-top:3px; clear:both;} #rightColumn #relatedLinks dt {border-top:1px solid #fff; margin:0; padding:3px 10px 6px;} #rightColumn #relatedLinks dt a {font-weight:bold; font-size:0.75em; padding-left:8px; background:url(../i/moreGrey.gif) 0% 0.25em no-repeat; color:#333;} #rightColumn #relatedLinks .header {background-color:#373535; color:#fff; font-weight:bold; padding:2px 10px; font-size:0.85em;} #rightColumn .promoPanel {background-color:#FEEFAE; margin:5px 0 0;} /* #rightColumn .promoPanel p {font-size:0.75em; margin:0 0 5px 0;} #rightColumn .promoPanel p b {font-size:1.05em;} #rightColumn .promoPanel .link {margin-top:10px;} #rightColumn .promoPanel .link a {padding-right:8px; background:url(../i/more.gif) 100% 0.25em no-repeat; color:#333; font-weight:bold;} #rightColumn .promoPanel form {margin:0;} #rightColumn .promoPanel label {margin-bottom:3px; font-size:0.85em;} #rightColumn .promoPanel input {border:1px solid #B8A970; padding:2px; width:96px;} #rightColumn .promoPanel .btnSubmit {border:1px solid #999; padding:3px 0 2px; width:30px; font-size:0.8em; font-weight:bold;} *html #rightColumn .promoPanel .btnSubmit {padding:2px 0 1px;} */ #rightColumn .workshops {background:#FEEFAE url(../i/workshopImg.jpg) 100% 100% no-repeat;} #rightColumn .workshops p {width:100px;} #rightColumn .fundraising {background:#FEEFAE url(../i/fundraisingImg.jpg) 100% 100% no-repeat;} #rightColumn .fundraising p {width:100px;} #rightColumn .cd {background:#FEEFAE url(../i/cd.jpg) 100% 100% no-repeat;} #rightColumn .cd p {width:100px;} #rightColumn .feedback {background:#FEEFAE url(../i/feedback.jpg) 100% 100% no-repeat;} #rightColumn .feedback p {width:100px;} #rightColumn .activities {background:#FEEFAE url(../i/activities.jpg) 100% 100% no-repeat;} #rightColumn .activities p {width:100px;}