/* New css */

/* ---- Resets ---- */

* { font-size: 1em; }
/* there seems to be some bizarre default size for tables, which means that text inside tables will be too large if not reset in this way - unless I have misunderstood something! */
/* ------------------Universal styles -------------------------- */
/*FONT FAMILY*/
/* NOTE: Not sure WHY this can't be combined with below, but doesn't work. */
body, p, span, div, table, th, td, li, h1, h2, h3, h4, h5, h6, input, textarea, a { font-family: arial, helvetica, sans-serif; }
/*font size*/
body { font-size: 76%; }

/* The method of setting p to 1em and the body font size to 76%  seems to produce good results overall. See: http://www.thenoodleincident.com/tutorials/typography/index.html */

p, span, div, table, th, td, li, dd, input, textarea,
a, h2.navigation1, h2.navigation2 { font-size: 1em; }
/* H2.navigation is for the headings in the side panels */

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4, p.large { font-size: 1.2em; }
/* p.large to be used e.g. in the tag line in the header and pull out quotes */

h5, h6 { font-size: 1.1em; }
.navigation { font-size: 0.8em; }
/* for the links in the side panel and the top header links */

.caption, .small, .crumb { font-size: 0.8em; }
/* For image captions, breadcrumbs or wherever we would like smaller text. */

.smallish { font-size: 0.9em; } /* same as newsfeed within bodybox/side panel in projects css */


/* Colours */

BODY { background-color: #FFFFFF; }
/*font color*/

a, a:link { color: #6699cc; }
body, p, span, div, table, th, td, li, a_nu:hover { color: #000000; }
a:visited { color: #9999cc; }
a:active { color: #66ccff; }
h1, h3, h4, h5, h6 { color: #007766; }
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #999966; text-decoration: none; }
h2 a:hover { text-decoration: underline; } 
h2 { color: #999966; }
th { color: #007766; }
.green { color: #007766; }
/* Spacing and other formatting */

p, .bodytxt { margin-top: 0.3em; margin-bottom: 2em; line-height: 1.6; }
.bodyBox p { margin-top: 0.3em; margin-bottom: 0.8em; line-height: 1.4; } /* previously styled as .bodytxt above, but spacing too much in side panes with those settings */
p.wltAddress { margin-top: 0.3em; margin-bottom: 2em; line-height: 1.3; }
h1 { margin-top: 0; margin-bottom: 2em; }
h2 { margin-bottom: 0; margin-top: 0.7em; }
h3 { margin-bottom: 0; margin-top: 0.7em; }
h4, h5, h6 { margin-bottom: 0; margin-top: 0.7em; line-height: 1.3}
.caption, .small, .crumb { line-height: 1.3; }
ul { margin-top: 0.3em; margin-bottom: 2em; }
ul li, ol li { margin-top: 0; margin-bottom: 0.5em; }
/* Image styles */
img { border: 0; }
img.bordered { padding: 3px; border-top: solid #CCCCCC 1px; border-right: solid #CCCCCC 1px; border-left: solid #CCCCCC 3px; border-bottom: solid #CCCCCC 3px; }
/* ------------------ Specific styles -------------------------- */

/**SPECIFIC TAG SETTINGS **/

FORM, BODY { PADDING-TOP: 0px; margin: 0px; }
.large { font-weight: bold; }
abbr, acronym, dfn { border-bottom: dotted 0.1em gray; font-style: normal; }
.hidden /* Used for skip navigation link */ { position: absolute; left: -9000px; }
#strap /* Div container for "Saving Threatened Habitats Worldwide" strapline */ { position: absolute; top: 25px; left: 275px; }
#strap p /* Style for text of strapline */ { color: #a6a6a6; font-weight: bold; }
#wltCopyright { margin: 20px 0 20px 0; text-align: center; }
#wltCopyright p { color: #a6a6a6; }
.bigPaneLink /* Used in panes */ { color: #FFFFFF; font-weight: bold; }
.caption { color: #666666; }
.important { font-weight: bold; color: #FF0000; }
/* for alerts, error messages etc. */

.navigation1 { color: #ffffff; }
/* to be used on dark backgrounds in side panel/top nav.*/

/*.navigation2
{
    color: #007766;
}*/
/* to be used on light backgrounds in side panel*/

/* ---------------------- Fixes ------------------------------------------ */

/* Required for IE centering bug */
body { text-align: center; }
#wrapper { margin-left: auto; margin-right: auto; text-align: left; margin-top: 0px; min-width:760px; width:expression(document.body.clientWidth < 760? "760px": "auto" );
max-width:1000px; width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
}
/* WLT Bodybox fix - used in the left/right panes all over the place, so this is to disable the green BG in the content area.*/ 

#maincontent .bodyBox { background-color: #FFFFFF; }
/** CONTENT SPECIFIC STYLES **/

/** .menu1 **/
/*Styles Used by the Store Skin MENU001 Skin Element (pgd_Identity:34084  SP2TBL :rk_SP_SITE_TabMenu1) */

#mainMenuBar { background-color:#007766; height:30px; width:100%; margin: 0px; padding: 0px; }
#mainMenuBar table { height:30px; }
#mainMenuBar table td a:visited, #mainMenuBar table td a:link { color: #ffffff;/*  text-decoration: none; */ }
.menu1 /* top nav */ { background-color:#007766; }
.menu1lhonTD_NU { /* background-image:  url(../../images/common/nav_left_end_on.gif); */
	background-repeat: no-repeat; background-position: top right; padding-left: 0px; padding-right: 0px; width: 20px; height: 24px; }
.menu1lhoffTD_NU { /* background-image:  url(../../images/common/nav_left_end_off.gif); */
	background-repeat: no-repeat; background-position: top right; padding-left: 0px; padding-right: 0px; width: 20px; height: 24px; }
.menu1linkoffTD { color: #ffffff; }
.menu1linkoffTD a:visited, .menu1linkoffTD a:link { color: #ffffff;/* text-decoration: none; */ }
.menu1linkoffTD_NU a:hover { font-weight: bold; }
.menu1linkonTD { color: #ffffff; }
.menu1linkonTD a:visited, .menu1linkonTD a:link { color: #ffffff;/* text-decoration: none; */ }
.menu1offoffTD, .menu1onoffTD, .menu1offonTD { width: 20px; background-image:  url(../../images/common/mainnav_divider_new.gif); background-repeat: no-repeat; }
.menu3offoffTD, .menu3onoffTD, .menu3offonTD { width: 15px; background-image:  url(../../images/common/footnav_divider.gif); background-repeat: no-repeat; background-position: center center; }
#FOOTDIV, #FOOTDIV A, #FOOTDIV TD { color: #669933; font-weight: bold; font-size: 1em; }
#FOOTDIV { TEXT-ALIGN: center; vertical-align: middle; WHITE-SPACE: nowrap; width: 100%; background-color: #ccddaa; height: 30px; margin-top: 10px; }
/****************** pageTreeLink ******************/
/* Used for pane links */
#pageTree div a:link, #pageTree div { /*color: #004422;*/ color: #007766; }
#pageTree div a:visited { /*color: #9999cc;*/ color: #77BB99; }
#pageTree div a:active { /*color: #66ccff;*/ color: #77BB99; }
/*
div.pageTreeLink0,div.pageTreeLink1,div.pageTreeLink2
{
border-bottom: solid 2px #007766;
}

*/

.pageTreeLink0, .pageTreeLink0ON { font-weight: bold; }
.pageTreeLink0 a, .pageTreeLink0ON a { ;
}
/*** End ***/






.headBox /* Used for headings in panes */ { background-color: #007766; padding:5px; color: #FFFFFF; }
.headBox H1, .headBox H2,.headBox H3,.headBox H4,.headBox H5,.headBox_NU DIV { background-color: #007766; font-size: 1em; color: #ffffff; font-weight: bold; margin:0; padding:0; }
.bodyBox /* Used for links and text in panes */ { color: #007766; padding: 5px; margin: 0px; background-color: #DBF3CF; font-size: 1em; line-height: 2.3em; }
.bodyBox P { color: #007766; }
.bodyBox a:link, .bodyBox a:visited, .bodyBox a:hover, .bodyBox a:active { color: #007766;/* text-decoration: none; */ }
.bodyBox_NU .form TH { VERTICAL-ALIGN: top; TEXT-ALIGN: right; PADDING-RIGHT: 5px; COLOR: #009900; }
.bodyBox_NU .form TD { VERTICAL-ALIGN: top; TEXT-ALIGN: left; }
.bodyBox_NU .ksrs TABLE { VERTICAL-ALIGN: top; TEXT-ALIGN: right; PADDING-RIGHT: 5px; BORDER-TOP: #009900 1px solid; BORDER-RIGHT: #009900 1px solid; BORDER-LEFT: #009900 1px solid; BORDER-BOTTOM: #009900 1px solid; BACKGROUND: white; }
.bodyBox_NU .ksrs TD { PADDING-RIGHT: 5px; TEXT-ALIGN: left; VERTICAL-ALIGN: top; COLOR: black; }
.bodyBox_NU .ksrs .TR { BACKGROUND-COLOR: white; }
.bodyBox_NU .ksrs TH { VERTICAL-ALIGN: top; TEXT-ALIGN: left; PADDING-TOP: 2px; PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; MARGIN-BOTTOM: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000; BACKGROUND-COLOR: #cccccc; VERTICAL-ALIGN: top; TEXT-ALIGN: left; PADDING-RIGHT: 5px; COLOR: black; }
.bodyBox_NU .ksrs .TDNumber { TEXT-ALIGN: right; }
.bodyBox_NU .ksrsTREven { BACKGROUND-COLOR: #ffffcc; }
.bodyBox_NU .kkPrompt { VERTICAL-ALIGN: top; TEXT-ALIGN: right; PADDING-RIGHT: 5px; FONT-WEIGHT: bold; COLOR: #009900; }
.bodyBox_NU .kkPromptLHJ { VERTICAL-ALIGN: top; TEXT-ALIGN: left; PADDING-RIGHT: 5px; FONT-WEIGHT: bold; COLOR: #009900; }
.rkButton, .btn { padding: 6px; white-space: nowrap; color: #FFFFFF; }
.rkButton a:link, .rkButton a:visited, .btn { text-decoration: none; padding: 5px; white-space: nowrap; font-weight: bold; border: 2px #cccccc outset; color: #FFFFFF; background-color: #007766; }
.rkButton a:hover { text-decoration: underline; color: #FFFFFF; }
.rkButton a:active { border: 2px #cccccc inset; text-decoration: underline; color: #FFFFFF; }
.required /* For forms */ { /* background-image: url(/rkdom/required.gif); */
	background-position: 100% 0%; background-repeat: no-repeat; }
.required_text { font-weight: bold; color: red; }
/** .bc **/
/*BreadCrumbs*/
/*Used in MAINPANE CONTENT TO SUPPORT PRODUCT BREADCRUMBS*/

#bcContainer { background-color:#ccddaa; height:20px; width:100%; margin-top: 3px; }
.bc A:link, .bc A:Visited, .bc A:Active, .bc { font-size: x-small; white-space: nowrap; color: #666666; text-align: left; }
#bcContainer span /* Setting Line Height equal to #bcContainer height makes text vertical centered. */ { line-height: 20px;/*    margin-left: 214px;*/ }
.bc_NU A:Hover { font-size: 12px; text-decoration: underline; white-space: nowrap; color: #ffff00; }
/*************************** GROUP ID : .misc ***************************/

/*Active Descriptors .misc */

.pagetop { background-image: url(../../images/common/banner_bg_mountain.jpg); background-repeat: no-repeat; background-position: top right; width: 100%; position: relative; }
.pagetop, .pagetop img { margin: 0px; padding: 0px; }
/* ----------------------- styles from old main.css ---------------------------------------- */

.bodytxt { font-weight: normal; color: #000000; line-height: 1.5; }
.bodytxtbold { font-weight: bold; color: #000000; line-height: 1.5; }
p.bodytxt, p.bodytxtbold { font-size: 1.1em; }
.box { /* background-color: #ECF5D8; */
	background-color: #fff; border: thin outset #007766; margin: 0 10px 10px 0; padding: 7px 7px 15px 7px; height: auto; }
.box h3, .box p { margin-top: 0; margin-bottom: 10px; }
.box2 { background-color: #ECF5D8; padding: 7px; margin: 20px; }
.clear { margin: 0 0 10px 0; /* prev. 30px r-hand margin, not sure why. Clear no longer works with the style below, so is probably now redundant */ }
div img, div div { overflow:visible; }
.superscript { vertical-align: super; /** +5%; **/ font-size: 60%; }
.important { font-weight: bold; color: red; }
.quotebox { margin: 2px; padding: 5px; height: auto; width: auto; border: thin outset #007766; color: #007766; }
.quotebox p.green {margin: 5px 5px 10px 5px; }
.donationbox, .donationbox2 { width: 90%; border: thin outset #007766; text-align: center; vertical-align:middle; }
.donationbox { margin-top: 50px; margin-bottom: 70px; padding: 10px; }
.donationbox2 { margin-top: 0; margin-bottom: 30px; padding: 5px 10px; }
table.standard { border: 1px solid #006666; background-color: #ECF5D8; }
table.standard td { padding: 5px; margin: 0; line-height: normal; }
table.standard h3 { margin-top: 14px; }
table.standard td.right { text-align: right; }
.star { font-weight: bold; color: #FF0000; }
.bottombox { background-color: #ECF5D8; }
#greybox { width: 100%; border: 5px solid #C8CDD2; }
.leftbutton { margin: 5px 10px 0px 0; clear: both; float: left; }
.righttext { margin: 5px 0 0px 140px; clear: right; }
table.bordered { width: 90%; border-collapse: collapse; border-spacing: 0px; border: 1px solid #007766; }
table.bordered td, th, caption { border:  1px solid #007766; padding: 5px; }
table.bordered td { color: #000000; text-align: left; margin-top: 5px; margin-bottom: 10px; }
/* Same formatting as <h3> */
table.bordered caption { background-color: #ccddaa; color: #669933; font-weight: bold; font-size: 1.3em; margin-bottom: 0; margin-top: 12px; }
/* Same formatting as <h4> */
table.bordered th { background-color: #ECF5D8; text-align: left; font-size: 1.2em; font-weight: bold; color: #007766; margin-bottom: 0; margin-top: 7px; }
table.bordered2 { width: 99%; border-collapse: collapse; border-spacing: 0px; border: 1px solid #007766; }
table.bordered2 td, th, caption { border:  1px solid #007766; padding: 5px; }
table.bordered2 td { color: #000000; text-align: left; margin-top: 5px; margin-bottom: 10px; }
/* Same formatting as <h3> */
table.bordered2 caption { background-color: #ccddaa; color: #669933; font-weight: bold; font-size: 1.3em; margin-bottom: 0; margin-top: 12px; }
/* Same formatting as <h4> */
table.bordered2 th { background-color: #ECF5D8; text-align: left; font-size: 1.2em; font-weight: bold; color: #007766; margin-bottom: 0; margin-top: 7px; }
table#twoevencols td.nocolspan { width: 33%; }
table#threeevencols td.nocolspan { width: 25%; }
table.donatetable td { border: thin outset #007766; font-weight: normal; margin: 2px; padding: 10px; vertical-align: top; }
table.donatetable td.noborder { border: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; }

 .introbox {margin-right: 0; padding-right: 0; background-color:#ECF5D8;}
p.intro { font-size: 1.1em; color: #007766; font-weight: 500; line-height: 1.9; padding:7px;}
p.intro strong {font-size: 1.1em; font-weight:900;}
p.intro a:link, p.intro a:visited, p.intro a:hover, p.intro a:active { color: #007766;/* text-decoration: none; */ }