/* body */ body { font: 13px Verdana; color: #003366; background-color: #FFFFFF; margin:3px; padding:0;width:730px;} /* headers */ /* Note Heading One is no longer used on www.caat.org.uk. */ /* It is set to be the same as the normal paragraph font here */ /* because it is picked up by phplist for some pages */ h1 { text-align : left; font-family : verdana, ariel, sans-serif; color : #003366; font-size : 13px; } h2 { font-family:arial,sans-serif; font-size:20px; text-align : justify; color : #003366; font-weight: normal; line-height: 22px; margin-bottom: 3px; } h3 { font-family:arial,sans-serif; font-size:18px; text-align : justify; color : #003366; font-weight: lighter; } h4 { font-family:arial,sans-serif; font-size:15px; font-weight:bold; text-align : justify; color : #003366; line-height: 18px; } p { text-align : justify; font-family : verdana, ariel, sans-serif; color : #003366; font-size : 13px; } /* links */ a { text-decoration : none; color : #3366ff; } a:hover { color : #990000; text-decoration : underline; } a.white { text-decoration:none; color:white; } a.white:hover { text-decoration:none; color:#ddeeff; } /* banner */ #bannr a {display: none;} #bannr a:hover{display: none;} #bannr p {display: none;} .bannerlink {display: none;} #navibar {display: none;} #navibar a {color: #003366;} #ban\nr { display: list-item; list-style-image:url(http://www.caat.org.uk/images/pagebanners/top-banner-white.gif); list-style-position: inside; word-spacing:-5000em; /* I guess better that letter-spacing */ overflow:hidden; /* This fix the Horizontal Roller */ font-size:1px; /* unhappily is necessary */ } #bannrx { width:730px; height: 80px; border:none; background-image: url(http://www.caat.org.uk/images/pagebanners/top-banner-white.gif); background-repeat: no-repeat; } #bannrblack { width:730px; height: 80px; border:1px solid #003366; background-image: url(http://www.caat.org.uk/images/pagebanners/top-banner-black.jpg); background-repeat: no-repeat; } #header { font: 10pt arial; color:#ffffff; text-align:left; margin:0px; background-image: url('http://www.caat.org.uk/images/pagebanners/top-banner.jpg'); background-repeat: no-repeat; background-color: #990000; height:80px; width:728px;} #header a, a.active {display:none;} #searchbox { display:none;} #buttons { display:none;} #breadcrumbs { display:none;} #bottom_menu { display:none;} /* navibar */ #navibar { display:none;} #navibar a { display:none;} /* footer */ #bottom { clear:both; width: 600px; height: 40px; border: 1px solid #003366; background-color:#ddeeff; margin: 0 0px 10px 60px; } #bottom p { font: 10pt arial; color:#003366; text-align:center; margin:0px;} #footer { font : 10pt arial; color:#003366; text-align:center; margin:0px;} /* page date (for page created and updated info) */ #pagedate { width:210px; padding: 3px 0 15px 51px;} #pagedate p { text-align:left; font-size : 10px; padding: 0; margin: 0; } /* contents */ #contents { width:675px; margin-left: 5px;} /* campaign logos headers etc */ #pagebanner { float:right; height: 70px; width: 480px; text-align:right; padding: 10px 0px 5px 0px;} #footnotes {margin-top: 20px;} #footnotes ul { list-style-type: none; } #footnotes li { font-size:11px; line-height:13px; margin-top:4px; margin-bottom:4px; text-align:left; } /* maintext */ #maintext { margin: 5px 0px 26px 3px; text-align: justify;} #maintextleftcol { text-align: justify; float:left; width: 450px; margin: 5px 0px 18px 50px;} #maintextleftscroll { text-align: justify; float:left; width: 425px; margin: 5px 3px 26px 3px; height : 500px; overflow : auto;} #maintextrightcol { float:right; width: 150px; text-align: left; margin: 5px 0px 18px 3px;} #maintextrightcol p { font-size:0.85em; padding :5px 0 5px 0; margin:0; text-align:left;} #maintextrightcol p a { } #maintextrightcol h2 { font-family:arial,sans-serif; font-size:15px; font-weight:bold; margin:0px; padding: 8px 0 0 0; text-align:left;} #maintextrightcol .bluebox, #maintextrightcol .pinkbox, #maintextrightcol .purplebox { padding:0px 9px 9px 9px;margin:0 0 9px 15px; border:none;} #maintextrightcol .bluebox {background-color:#ddeeff;} #maintextrightcol .pinkbox {background-color:#ffcccc;} #maintextrightcol .purplebox{background-color:#ddccff;} #maintextrightcol .whitebox .homepagebox h2 {font-size : 12px; font-weight: bold; padding:0; margin:5px 0 0px 0;} #maintextrightcol .whitebox .homepagebox p {font-size : 11px; padding:0; margin:2px 0 5px 0;} #hide { display:none;} /* alignment */ .aleft { text-align:left} .aright { text-align:right} .acentre { text-align:center;} /* floats and clears */ .clearfloat { clear:both; } /* padding */ .quote { padding-left:30px; padding-right:30px; } .left, .indent { padding-left:10px; } .leftleft, .indentlarge { padding-left:30px } /* text formatting */ .author { font-family : verdana, ariel, sans-serif; font-size : 10px; font-weight: normal; text-transform: uppercase; padding-bottom: 18px; } .bluetext { color : #3399ff; padding:15px; } .redtext { color:#ff0000; } .whitetext { color:#ffffff; } .reference { font-size:9px; text-transform:uppercase; } .quoter, .greytext { color:#999999; } .shrink { font-size:0.8em; } .grow { font-size: 1.1em;} .date { font-family: verdana,ariel,sans-serif; font-size : 10px; font-weight: normal; } .datebold {font-family: verdana,ariel,sans-serif; font-size : 10px; font-weight: bold; } .highlight {background-color:#ffff33;} .underline {text-decoration: underline;} .bigbreak {line-height: 2em;} /* images */ .imageleft { float:left; background-color: #ffffff; font-weight:bold; padding: 5px; text-align : center; font-family : verdana, ariel, sans-serif; font-size : 13px; margin-right:25px; } .imageleftb { float:left; background-color: #ffffff; font-weight:bold; padding: 5px; text-align : center; font-family : verdana, ariel, sans-serif; font-size : 13px; margin-right:25px; border: 1pt solid black;} div.imageright { float:right; background-color: #ffffff; font-weight:bold; padding: 5px; text-align : center; font-family : verdana, ariel, sans-serif; font-size : 13px; margin-left:25px; } div.imagerightb { float:right; background-color: #ffffff; font-weight:bold; padding: 5px; text-align : center; font-family : verdana, ariel, sans-serif; font-size : 13px; margin-left:25px; border: 1pt solid black;} #maintextleftcol div.imageleft108 { margin: 0px 0px 0px 0px; padding: 5px 4px 5px 0px; width: 445px; } #maintextleftcol div.imageleft108 img { margin: 5px 0px 0px 0px; float:left; border:none;} #maintextleftcol div.imageleft108 h2 { margin: 0px 0px 0px 120px; width:325px; text-align:left; font-family:arial,sans-serif; font-size:15px; font-weight:bold; line-height: 18px; height:18px;} #maintextleftcol div.imageleft108 p { margin: 0px 0px 0px 120px; width:325px; text-align:left;} #maintextleftcol div.imageright108 { margin: 0px 0px 0px 0px; padding: 5px 4px 5px 0px; width: 445px; } #maintextleftcol div.imageright108 img { margin: 5px 0px 0px 0px; float:right; border:none;} #maintextleftcol div.imageright108 h2 { margin: 0px 0px 0px 0px; float:left; width:325px; text-align:left; font-family:arial,sans-serif; font-size:15px; font-weight:bold; line-height: 18px;} #maintextleftcol div.imageright108 p { margin: 0px 0px 0px 0px; float:left; width:325px; text-align:left;} .hidden { display:none; } /* lists */ ul { font-family : verdana, ariel, sans-serif; font-size : 12px; list-style-type : disc; color : #003366; text-align : justify; line-height : 18px; } ul.nodisc { list-style-type : none; line-height : 18px; } ol { font-family : verdana, ariel, sans-serif; font-size : 13px; color : #003366; line-height:18px; text-align:justify; } ol.submission li{ margin-top:5px; margin-bottom:5px;} ul.spaced li { margin-top:5px; margin-bottom:5px;} .main { border: solid; border-width:1px; border-color:#cccccc; } .footerblue { font-family: verdana,ariel,sans-serif; font-weight: normal; font-size : 11px;} .footleftblue { font-size : 11px; text-align : left; } .noborder { border:none;} /* boxes */ .bluebox { background-color: #ffffff; border: solid 1px; padding: 3px 10px 3px 10px; margin:18px 0px 18px 0px} .purplebox { background-color: #ffffff; border: solid 1px; padding: 3px 10px 3px 10px; margin:18px 0px 18px 0px ;} .pinkbox { background-color: #ffffff; border: solid 1px; padding: 3px 10px 3px 10px; margin:18px 3px 18px 0px;} .redbox { border: solid 1px #ffffff; padding: 3px 10px 3px 10px; margin:18px 3px 18px 0px;} .whitebox { border: solid 1px; padding: 3px 6px 3px 6px; margin:10px 0px 18px 0px;} .pinkbox img { display: block;margin-left:auto; margin-right:auto; border:0px ; text-align:center;} .bluehead { color: #3399ff; font-family : verdana, ariel, sans-serif; font-size : 20px; } .bluesbhead { color: #3399ff; font-family : verdana, ariel, sans-serif; font-size : 15px; font-weight:bold; } /* in box */ .inbox { padding-left: 8px; padding-right: 8px; } .inboxsubheader { font-family:arial,sans-serif; font-size:15px; font-weight:bold; padding-left: 8px; padding-right: 8px; } /* right box */ .rightbox { background-color: #ddeeff; width: 170px; padding: 8px 8px 8px 8px; float:right; border: 1px solid #003366; margin: 15px 0px 8px 18px; text-align:left; } .rightbox img { padding: 10px 10px 00px 12px; display: block;margin-left:auto; margin-right:auto; border:0px ; text-align:center;} .rightbox h2 { text-align:center; padding:0; display: block;margin-left:auto; margin-right:auto;} .rightbox h3 { text-align:left; padding:0 0 0 12px; display: block;margin-left:auto; margin-right:auto;} .rightbox p { text-align:left; display: block;margin-left:auto; margin-right:auto; padding: 0 0 0 16px; font-size:0.85em;} /* page splits */ #maintext .splitpageleft { width:280px; float:left; margin: 15px 10px 15px 5px;} #maintext .splitpageright { width:280px; float:right; margin: 15px 5px 15px 10px; } #maintextleftcol .splitpageleft { width:195px; float:left; margin: 12px 5px 12px 5px;padding: 5px;} #maintextleftcol .splitpageright { width:195px; float:right; margin: 12px 5px 12px 5px; padding: 5px;} .halfpageleft { float:left; width:250px;} .halfpageright { float:right; width:250px;} /* below are styles for diary page */ .eventdate {float:left; width:90px; margin: 10px 0 0 0; font-weight:600;} .eventdetails {float:right; margin: 10px 0 10px 0; text-align:left; width:500px;} .newevent {border-top: 1px solid #CCC; clear:both; margin: 0 0 0 0; page-break-after:auto;} /* below is div for smaller right hand box as used for mail to a friend */ .rightboxsm { background-color: #ddeeff; width: 170px; padding: 8px 8px 8px 8px; float:right; border: 1px solid #003366; margin: 15px 0px 8px 10px; text-align:left;} .rightboxsm p {padding-top:3px; padding-bottom: 3px;font-size:.7em;} /* below is visual catalogue definition list tags */ div.catalogue {margin-top:25px;} div.catalogue dl { clear:both; margin: 10px 20px 20px 0; padding: 10px 0 ; text-align : justify; font-family : verdana, ariel, sans-serif; color : #003366; font-size : 13px; display:inline; /* fixes IE double-margin bug */} div.catalogue dt {float:left; text-align: left; font-size: 120% ; font-weight: 700 ; margin: 0 ; padding: 0 ;} div.catalogue dd { clear:left; margin: 0 ; padding: 0 ; font-size: 90% ; line-height: 1.5em ;} div.catalogue dd.framedimg img { float: right ; margin: 0 0 0 18px; border: 1px solid #000000 ;} /* note - the following are 'fixes' for the email lists page, */ /* to make it look nicer */ .required { font-family : verdana, ariel, sans-serif; color : #003366; font-size : 13px;} .attributename { font-family : verdana, ariel, sans-serif; color : #003366; font-size : 13px;} /*Breadcrumb styles*/ #breadcrumbs {} #breadcrumbs ul {font-size:0.8em; padding:0; margin:0; } #breadcrumbs ul li {display:inline;list-style:none; padding:0px;} /*#breadcrumbs ul li.link {background-image:url(../images/iconsandlogos/missile_middle.gif); background-repeat: repeat-x; } #breadcrumbs ul li.front {background-image:url(../images/iconsandlogos/missile_head.gif); background-repeat:no-repeat;} #breadcrumbs ul li.end {background-image:url(../images/iconsandlogos/missile_end.gif); background-repeat:no-repeat;padding:15px;} #breadcrumbs ul li a {text-decoration:underline; color:#FFF; position:relative; top:-8px;}*/ /* Image classes belived obsolete */ .imgnb { border:none;} .imgrightb { float:right; border:1px solid #003366; margin: 5px 20px 20px 30px;} .imgrightnb { float:right; border: none; margin: 5px 20px 20px 30px;} .image { background-color: #ffffff; font-weight:bold; padding: 3px; text-align : center; font-family : verdana, ariel, sans-serif; font-size : 13px; margin-left:25px; } /* Obsolete Classes (still used in some old pages) */ ol.notes li { font-size:11px; line-height:13px; margin-top:4px; margin-bottom:4px; text-align:left; } /* These are additional files for CAATnews */ #pdfpage { margin-top:15px; } #pdfheader { font-family:arial,sans-serif; font-size:20px; text-align : justify; color : #003366; font-weight: normal; line-height: 22px; margin-bottom: 3px; border-bottom: 1px solid #3399ff; padding: 5px; } #pdffooter { font-family:arial,sans-serif; font-size:15px; font-weight:bold; text-align : justify; color : #003366; line-height: 18px; border-top:1px solid #3399ff; padding: 5px; margin-bottom: 3px; } .pdfsubheader { font-family:arial,sans-serif; font-size:15px; font-weight:bold; } .ital { text-align : justify; font-family : verdana, ariel, sans-serif; color : #003366; font-size : 13px; font-style: italic; } /* sidebox */ .sideboxtitle { padding-left:4px; padding-right:4px; text-align:left; font-family:arial,sans-serif; font-size:15px; font-weight:bold; } .sideboxtext { padding-left:4px; padding-right:4px; text-align:left; font-size:11px;} .totheleft { color: #3399ff; font-family : verdana, ariel, sans-serif; font-size : 11px; font-weight:bold; text-align:left; } .totheright { color: #3399ff; font-family : verdana, ariel, sans-serif; font-size : 11px; font-weight:bold; text-align:right; } .centre { text-align : center;} .clear { clear:both; } .nofloat { clear:both; padding:0.2px; margin:0.2px; line-height:0px;} br.nofloat { clear:both; padding:0.2px; margin:0.2px; line-height:0px;} .header { font-family:arial,sans-serif; font-size:18px; font-weight: normal; } .subheader { font-family:arial,sans-serif; font-size:15px; font-weight:bold; } #maintextrightcol .whitebox .homepagebox .bluebox {margin:0; padding:5px 0 0 0; background-color:#ffffff;} a.homeboxlink { font-size : 11px; font-weight: bold; } a.homeboxlink:hover{text-decoration:none; color : #990000; } p.pagetitle { font-family:arial,sans-serif; font-size:20px; } p.subheadercentre{ font-family:arial,sans-serif; font-size:15px; font-weight:bold; text-align:center; } .padded { padding: 3px 0 3px 0; }