/* ------------------------------------------------------------------------------------ */ /* Ministry of the Environment Main Site Style Sheet */ /* ------------------------------------------------------------------------------------ */ body { background-color: #ffffff; color: #000000; font-family: arial, helvetica, sans-serif; } p { background-color: transparent; font: 0.75em arial, helvetica, sans-serif; color : #000000 ; text-align: left; line-height: 125% ; } b, strong { font-weight : bold ; } i, em { font-style : italic ; } u { text-decoration : underline ; } a:hover { color: #cc0000; } .print { display: none; } ul, ol, dl { font-family: arial, helvetica, sans-serif; line-height: 125% ;} /* For indented second level of lists */ li { font-size: 0.75em; } li.level2 { margin-left : 10px; list-style-type: circle ; } /* For indented second level of lists type a. b. c.*/ li.level2a { margin-left : 10px; list-style-type: lower-alpha ; } /* For indented third level of lists */ li.level3 { margin-left : 20px; list-style-type: square ; } li.level4 { margin-left : 30px } li.space { padding-bottom: 10px; color:#000000;} /* little blue triangle bullet */ li.menu { list-style-image: url(/images/homearrow.gif); margin-bottom: 7px; } /* little red arrow bullet */ li.new { list-style-image: url(/images/small-red-arrow.gif); margin-bottom: 7px; } li.back { list-style-image: url(/images/small-blue-arrow-left.gif); margin-bottom: 7px; } dt { font-weight: bold; } dd { margin-bottom : 1em ; } blockquote { font-family: arial, helvetica, sans-serif; line-height: 125%; font-style: italic; } h1 { font: bold 1.5em arial, helvetica, sans-serif; color : #4F8A10 ; text-align:left} h2 { font: bold 1.13em arial, helvetica, sans-serif; color : #4F8A10 ; margin: 0em 0em 1em 0em; } /* sets a text-box border around the heading - see 2002-2003 Business Plan as an example */ h2.withborder { font: bold 1.13em arial, helvetica, sans-serif; border-style: double; border-width: medium; border-color: black; margin: 5px 5px 5px 5px; padding: 12px 0px 12px 12px; } h3 { font: bold 1.0em arial, helvetica, sans-serif; color : #4F8A10 ; } h4 { font: bold 0.69em arial, helvetica, sans-serif; color : #4F8A10 ; } h5 { font: bold 0.75em arial, helvetica, sans-serif; color : #4F8A10 ; } h6 { font: bold 0.75em arial, helvetica, sans-serif; color : #4F8A10 ; margin-left : 10px ; } /* For SKIP link */ a.skip:link { font: 0.56em arial, helvetica, sans-serif; color: #000000; text-decoration: none; } a.skip:visited { font: 0.56em arial, helvetica, sans-serif; color: #000000; text-decoration: none; } a.skip:hover { font: bold 0.56em arial, helvetica, sans-serif; color: #000000; text-decoration: none; } table { font-family: arial, helvetica, sans-serif; border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; } th { font: bold 0.75em arial, helvetica, sans-serif; background-color : #CCCCCC; text-align : center; vertical-align : top ; } th.small { font: bold 0.63em arial, helvetica, sans-serif; background-color : #FFFFCC; text-align : center; vertical-align : top ; } /* For subheadings in the Publications catalogues */ th.subheading { font: bold 0.75em arial, helvetica, sans-serif; background-color : #CCCC99; text-align : left; vertical-align : top ; } td { color: #000000; vertical-align : top; } caption { font: bold 0.75em arial, helvetica, sans-serif; } /* For common footer */ td.footer { font: 0.75em arial, helvetica, sans-serif; text-align : center ; } /* To make old hard-coded last-modified date invisible */ p.footer { font: 0.75em arial, helvetica, sans-serif; color: #ffffff; text-align : center ; } /* Used for Special Purpose */ .smalltext { font: 0.69em arial, helvetica, sans-serif; line-height: 125% ; } /* For Navigation Bar */ A.navbar { COLOR: #ffffff; TEXT-DECORATION: none ; } A.navbar:visited { COLOR: #ffffff; TEXT-DECORATION: none ; } A.navbar:hover { COLOR: #eeee00; TEXT-DECORATION: none;} .topbar { font: bold 0.69em arial, helvetica, sans-serif; background-color: #660000 ; COLOR: #ffffff; padding: 3px 5px 3px 10px ; letter-spacing: 1px; } /* For Location Bar */ td.location { font-size: 0.75em; background-color: #DBC88E; padding: 2px 2px 3px 8px; } /* For Title bar under Location Bar */ td.headertitle { vertical-align : middle; font: bold 1.13em arial, helvetica, sans-serif; color: #FFFFFF; background-color: #993333; letter-spacing: 1px; } /* For PDF convertion text*/ .conversion { font-size: 0.7em; font-style: italic;} .centre { text-align: center; } .right { text-align: right; } .left { text-align: left; } /* For main page headers */ .homeDkblue { font: bold 0.69em arial, helvetica, sans-serif; background-color: #993333 ; color: #ffffff; text-align: center; padding: 5px 20px 5px 20px; margin-left : 0px} /* For size of English Ministry Logo */ .minlogoe { height : 51px; width : 259px;} /* For size of French Ministry Logo */ .minlogof { height : 51px; width : 259px; } /* For include statements (like Get Acrobat) */ .statement { font: 0.69em arial, helvetica, sans-serif; margin-bottom : 20px ; margin-top : 20px ; margin-left : 20px ; margin-right : 20px ; } /* To indent text - see Water page as an example */ .indent { margin-left : 7%; margin-right : 7%; } /* To centre brief message */ .message { margin-left : 10%; margin-right : 10%; margin-bottom : 10%; margin-top : 10%; } /* Table Header Row With dark background and white text, used on Business Plan */ .whitetext { font-weight: bold; background-color: #660000 ; COLOR: #ffffff; } /* For tags */ legend { font: bold 0.75em arial, helvetica, sans-serif; background-color: #ffffff; color: #660000; margin-left: 0px; text-align: left; } fieldset { border-width:thin; border-style:none; border-color:#660000; background:inherit; } /* For a box border around text - see the publications catalogues for an example */ div.box { border: thin solid #8E9F62; background-color: #F3F5EF; padding: 5px ; margin: 25px; } .red { font: bold 0.75em arial, helvetica, sans-serif; color: #CC3333; } hr.dash { border: thin dashed #3366CC ;} hr.dot { border: thin dotted #8E9F62; } hr.solid { border: thin #8E9F62; } div#sizer { margin-top:20px; margin-bottom:20px; text-align: center;} abbr {speak: spell-out; } .smaller { font: 0.56em arial, helvetica, sans-serif; } .grey { color: #CCCCCC; text-align: center ; font-weight: bold; text-decoration: none;} /* new design specific styles */ .red-bgnd { font: 0.69em arial, helvetica, sans-serif; color: #FFFFFF; background-color: #B1181B; } .tableheader { padding:0; margin:0; background-color: #FFFFFF; background-image:url("/images/white_bg.gif");background-repeat: repeat-x } .green-bgnd { font: 0.69em arial, helvetica, sans-serif; color: #FFFFFF; background-color: #8E9F62; } .darkred-bgnd { font: 0.69em arial, helvetica, sans-serif; color: #FFFFFF; background-color: #661913; letter-spacing: 1px;} .darkred-bgnd-french { font: 0.69em arial, helvetica, sans-serif; color: #FFFFFF; background-color: #661913;} .homeNews { font: bold 0.75em arial, helvetica, sans-serif; color: #4F8A10;} .homeNewsItem { font-weight:bold; color: #000000;} a.homeNewsItem:visited { text-decoration: none; color: #000000;} a.homeNewsItem:link { text-decoration: none; color: #000000;} a.homeNewsItem:active { text-decoration: none; color: #000000;} a.homeNewsItem:hover { text-decoration: underline; color: #000000;} .homeFeatures {font-weight:bold; color: #661913;} a.homeFeatures:visited { text-decoration: underline; color: #661913;} a.homeFeatures:link { text-decoration: underline; color: #661913;} a.homeFeatures:active { text-decoration: underline; color: #661913;} a.homeFeatures:hover { text-decoration: underline; color: #661913;} .error { font: bold 0.69em arial, helvetica, sans-serif; color: #FF0000;} .listTable { border : 1px solid #8E9F62;} td.heading { vertical-align : middle; font: bold 0.75em arial, helvetica, sans-serif; color: #FFFFFF; background-color: #8E9F62; letter-spacing: 1px; padding: 8px 8px 8px 8px;} td.heading a:link { text-decoration: none; color: #FFFFFF;} td.heading a:visited { text-decoration: none; color: #FFFFFF;} td.heading a:active { text-decoration: none; color: #FFFFFF;} td.heading a:hover { text-decoration: underline; color: #FFFFFF;} td.subheading { vertical-align : middle; font: bold 0.75em arial, helvetica, sans-serif; color: #000000; background-color: #C6CFB0; letter-spacing: 1px; } td.grayed { font: 0.75em arial, helvetica, sans-serif; color: #999999; background-color: #FFFFFF; text-align: center;} td.grayCell { font: 0.75em arial, helvetica, sans-serif; color: #000000; background-color: #eaeaea; text-align: left;} td.grayCellCenter { font: 0.75em arial, helvetica, sans-serif; color: #000000; background-color: #eaeaea; text-align: center;} td.greenCell { font: 0.75em arial, helvetica, sans-serif; color: #000000; background-color: #F3F5EF; text-align: left;} td.greenCellNoFont { color: #000000; background-color: #F3F5EF; text-align: left;} td.greenCellRight { font: 0.75em arial, helvetica, sans-serif; color: #000000; background-color: #F3F5EF; text-align: right;} td.greenCellCenter { font: 0.75em arial, helvetica, sans-serif; color: #000000; background-color: #F3F5EF; text-align: center;} td.cellCenter { font: 0.75em arial, helvetica, sans-serif; color: #000000; background-color: #F3F5EF; text-align: center;} td.whiteCell { font: 0.75em arial, helvetica, sans-serif; color: #000000; background-color: #ffffff; text-align: left;} td.whiteCellCenter { font: 0.75em arial, helvetica, sans-serif; color: #000000; background-color: #ffffff; text-align: center;} td.yellowCell { font: 0.75em arial, helvetica, sans-serif; color: #000000; background-color: #DBC88E; text-align: left; padding: 8px 8px 8px 8px;} td.middle { vertical-align : middle; text-align: center; padding: 5px 40px;} td.sidepad { padding: 0px 40px;} .sidebar { background-color: #F4EEDD; border : 1px solid #DAC88E;} .sidebarTitle { font: bold 0.69em arial, helvetica, sans-serif; color : #4F8A10 ; background-color: #F4EEDD; } .listLevel1 { font: 0.75em arial, helvetica, sans-serif; color: #315E00;} a.listLevel1:visited { text-decoration: none; color: #315E00;} a.listLevel1:link { text-decoration: none; color: #315E00;} a.listLevel1:active { text-decoration: none; color: #315E00;} a.listLevel1:hover { text-decoration: underline; color: #315E00;} .listLevel2 { font: 0.75em arial, helvetica, sans-serif; color: #000000; margin-left : 10px;} a.listLevel2:visited { text-decoration: none; color: #000000;} a.listLevel2:link { text-decoration: none; color: #000000;} a.listLevel2:active { text-decoration: none; color: #000000;} a.listLevel2:hover { text-decoration: underline; color: #000000;} .listLevel3 { font: 0.75em arial, helvetica, sans-serif; color: #658E38; margin-left : 20px;} a.listLevel3:visited { text-decoration: none; color: #658E38;} a.listLevel3:link { text-decoration: none; color: #658E38;} a.listLevel3:active { text-decoration: none; color: #658E38;} a.listLevel3:hover { text-decoration: underline; color: #658E38;} .listLevel4 { font: 0.75em arial, helvetica, sans-serif; color: #658E38; margin-left : 30px;} a.listLevel4:visited { text-decoration: none; color: #658E38;} a.listLevel4:link { text-decoration: none; color: #658E38;} a.listLevel4:active { text-decoration: none; color: #658E38;} a.listLevel4:hover { text-decoration: underline; color: #658E38;} .listLevelcat { font: 0.75em arial, helvetica, sans-serif; color: #000000;} a.listLevelcat:visited { text-decoration: none; color: #000000;} a.listLevelcat:link { text-decoration: none; color: #000000;} a.listLevelcat:active { text-decoration: none; color: #000000;} a.listLevelcat:hover { text-decoration: underline; color: #000000;} .greenLinks { margin-right : 90px;} .ontlogo { margin-left: 50px; background-color: #FFFFFF} #ontLogo{ position: absolute; top: 16px; left: 90px; } .mainContent {margin-left: 5%; margin-right: 5%; margin-top: 20px; background-color: transparent;} .rightFloat { position: relative; top: 170px; right: 40px; } /*--For Colors-----*/ .colBlue { background-color:#0000CC; width: 100px; height: 20px; text-align:center; padding-top: 5px; } .colGreen { background-color:#00CC00; width: 100px; height: 20px; text-align:center; padding-top: 5px; } .colRed { background-color:#FF0000; width: 100px; height: 20px; text-align:center; padding-top: 5px; } .colYellow { background-color:#FFCC00; width: 100px; height: 20px; text-align:center; padding-top: 5px; } .colOrange { background-color:#FF6600; width: 100px; height: 20px; text-align:center; padding-top: 5px; } img.middle {vertical-align:middle;} .green {color:#4F8A10;} a.green:link {color: #4F8A10;} a.green:visited {color: #4F8A10;} a.green:active {color: #4F8A10;} a.green:hover {color: #4F8A10;} .toplinks {font-weight:normal; color:#000000;} a.toplinks:link {color: #0000FF;} a.toplinks:visited {color: #000000;} a.toplinks:active {color: #FF0000;} a.toplinks:hover {color: #FF0000;} .errorbold { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 0.75em; color: #ff0000; }