html,body { height:100%; }

body, p { font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 14px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; }

.nav { background: url(/images/nav-line.gif); background-repeat: repeat; background-color: #C4DEC4}

.grayborder { background-color: #ffffff; padding: 2px; border: 2px solid #cccccc;}

li { list-style-image: url(/images/arrow.gif); list-style-type: disc;}

.greenline1 { background: url(/images/case_examples/line.gif); background-repeat: repeat-y; background-color: #EAF3EA;}

.greenline1 a:hover{ background: url(/images/case_examples/line2.gif); background-repeat: repeat-y; background-color: #EAF3EA;}

.greenline2 { background: url(/images/case_examples/line2.gif); background-repeat: repeat-y; background-color: #EAF3EA;}

.caseexample { font-family: Verdana, Arial, Helvetica; font-size: 11px; padding-left: 7px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal }

.tableborder { border-top: solid 1px #000000; border-right: solid 1px #000000; }

.tdborder { border-left: solid 1px #000000; border-bottom: solid 1px #000000; }

.bordertable { padding: 2px 4px 2px 4px; border: 1px solid #660000; }


.biotxtgreen { font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 14px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; padding: 8px; background-color: #D4E7D4 }


.biobarbrown { background: url(/images/biodiversity_action_plan/bar-brown.gif); background-repeat: no-repeat; background-color: #F7F5F5; line-height: 18px; padding-left:10px}

.biobarblue { background: url(/images/biodiversity_action_plan/bar-blue.gif); background-repeat: no-repeat; background-color: #F5F5F7; line-height: 18px; padding-left:10px}

.biobarolive { background: url(/images/biodiversity_action_plan/bar-olive.gif); background-repeat: no-repeat; background-color: #F9F9F5; line-height: 21px; padding-left:10px}

.biobargreen { background: url(/images/biodiversity_action_plan/bar-green.gif); background-repeat: no-repeat; background-color: #F9F9F5; line-height: 15px; padding-left:10px; padding-top: 5px}

.biobargreen { background: url(/images/biodiversity_action_plan/bar-green.gif); background-repeat: no-repeat; background-color: #F9F9F5; line-height: 15px; padding-left:10px; padding-top: 5px}

.fullbarpurple { background: url(/images/case_examples/fullbar-purple.gif); background-repeat: no-repeat; background-color: #F5F5F7; line-height: 21px; padding-left:10px}

/* case example */

.baryellow { background: url(/images/case_examples/bar-yellow.gif); background-repeat: no-repeat; background-color: #E9EA8B; line-height: 21px; padding-left:10px}
.casetxtyellow { font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 14px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; padding: 8px; background-color: #FDFDF3 }

.barbrown { background: url(/images/case_examples/bar-brown.gif); background-repeat: no-repeat; background-color: #F7F5F5; line-height: 18px; padding-left:10px}
.casetxtbrown { font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 14px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; padding: 8px; background-color: #F7F5F5 }

.barblue { background: url(/images/case_examples/bar-blue.gif); background-repeat: no-repeat; background-color: #F5F5F7; line-height: 21px; padding-left:10px}
.casetxtblue { font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 14px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; padding: 8px; background-color: #F5F5F7 }
.fullbarblue { background: url(/images/case_examples/fullbar-blue.gif); background-repeat: no-repeat; background-color: #F5F5F7; line-height: 21px; padding-left:10px}

.barolive { background: url(/images/case_examples/bar-olive.gif); background-repeat: no-repeat; background-color: #F9F9F5; line-height: 21px; padding-left:10px}
.casetxtolive { font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 14px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; padding: 8px; background-color: #F9F9F5 }

.barpurple { background: url(/images/case_examples/bar-purple.gif); background-repeat: no-repeat; background-color: #F9F9F5; line-height: 21px; padding-left:10px; }
.casetxtpurple { font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 14px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; padding: 8px; background-color: #F9F5F9 }

.bargreen { background: url(/images/case_examples/bar-green.gif); background-repeat: no-repeat; background-color: #F9F9F5; line-height: 21px; padding-left:10px}
.casetxtgreen { font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 14px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; padding: 8px; background-color: #F6FAF6 }
.fullbargreen { background: url(/images/case_examples/fullbar-green.gif); background-repeat: no-repeat; background-color: #F9F9F5; line-height: 21px; padding-left:10px}

.bargray { background: url(/images/case_examples/bar-gray.gif); background-repeat: no-repeat; background-color: #F9F9F5; line-height: 21px; padding-left:10px}
.casetxtgray { font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 14px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; padding: 8px; background-color: #F5F5F5 }

.barpink { background: url(/images/case_examples/bar-pink.gif); background-repeat: no-repeat; background-color: #F9F9F5; line-height: 23px; padding-left:10px}
.casetxtpink { font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 14px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal; padding: 8px; background-color: #FBF5F5 }

/* end case example */


.navtext { font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 16px; color: #333333; text-decoration: none; font-style: normal; font-weight: normal}
.navtext a:link { text-decoration: underline; font-weight:normal; color: #000000}
.navtext a:active { text-decoration: underline; font-weight:normal; color: #000000}
.navtext a:visited { text-decoration: underline; font-weight:normal; color: #000000}
.navtext a:hover { text-decoration: underline; font-weight:normal; color: #000000}

.navtexttop { font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 16px; color: #000000; text-decoration: none; font-style: normal; font-weight: normal}
.navtexttop a:link { text-decoration: underline; font-weight:normal; color: #0000FF}
.navtexttop a:active { text-decoration: underline; font-weight:normal; color: #0000FF}
.navtexttop a:visited { text-decoration: underline; font-weight:normal; color: #0000FF}
.navtexttop a:hover { text-decoration: underline; font-weight:normal; color: #0000FF}

a.button {
padding: 2px 10px 3px 10px;
border: 2px outset #5AA0B8;
background: #046;
color: #FFF;
text-decoration: none;
height: 19px;
vertical-align: bottom;
}
a.button:active, a.button:focus, a.button:hover {
border: 2px inset #5aa0b8;
vertical-align: middle;
background: #046;
color: #5AA0B8;
text-decoration: none;
}