body {font: normal 70% arial,helvetica,verdana,sans-serif; margin:0; padding:0; background: #17460f url("../images/bg_header.gif") repeat-x top}
html>body {font-size : 11px;}
*+html body {font-size : 70%;} /* for ie7 */ 

* {margin: 0; padding: 0}
p {margin-bottom: 1.64em; color: #666; line-height: 1.34em}
h1 {font-family: georgia,serif; font-size: 2.18em; margin-bottom: 0.8em; color: #009703; letter-spacing: 0; font-weight: normal; text-align: left }
h2 {font-size: 1.34em; line-height: 1.64em; margin-bottom: 1.09em; color: #99CC33; font-weight: bold; letter-spacing: -1px;text-transform:uppercase}
div.detailContent h2 {margin-bottom: 0; font-weight: normal; letter-spacing: 0}
h3 {font-size: 1.09em; line-height: 1.64em}
p.pdf {margin-top: 1em}

hr {color: #bdf185; background-color: #bdf185; height: 1px; border: 0; margin: 0.4em 0 0.6em 0; width:100%}
html>body hr {margin: 4em 0 0.8em 0} /*FF*/
*:first-child+html hr {margin: 0.2em 0 0.6em 0} /*ie7*/

.planthr {margin: 0 0 0.4em 0}
html>body .planthr {margin: 0 0 0.8em 0} /*FF*/
*:first-child+html .planthr {margin: 0 0 0.6em 0} /*ie7*/

.breederText {float:right; width:468px}
.profileText {float:right; width:428px}
.breederImage {float:left; }
.breederContentBorder {float: left; padding: 3px; background: #d4c7a5; margin: 0 0 1em 0}
hr.breederHr {margin-bottom: 0.8em}
html>body hr.breederHr {margin-bottom: 1.5em}
*:first-child+html hr.breederHr {margin-bottom: 0.8em}
.marginTop {margin-top: 0.4em}

a {color: #cc3300}
a:hover {text-decoration: none}


p.date {text-transform:none; font-weight: normal; margin: 0; padding: 0.9em 0 0 0}
h1.news {margin-bottom: 0.4em}
a.newsLink {padding: 1px 0 2px 20px; background: url("../images/bullet-news.gif") no-repeat}
hr.news {clear: both; margin: 0; padding:0}
.newsContentBorder {float: left; padding: 3px; background: #d4c7a5; margin: 0 22px 0 0;}
html>body .newsContentBorder {margin: -0.5em 22px 2em 0} /*FF*/
*:first-child+html .newsContentBorder {margin: 0 22px 0 0} /*IE7*/

h1 span {color:#666; font-weight: normal}

div#contentContainer ul {margin-bottom: 1.64em; color: #666; line-height: 1.34em}
div#contentContainer ul li {margin-left: 0; list-style: none; background: url("../images/bullet.gif") no-repeat; background-position: 0 0.45em ; padding-left: 15px}

div#contentContainer ol {margin-bottom: 1.64em; color: #666; line-height: 1.34em}
div#contentContainer ol li {margin-left: 2em}

/* nav */
#navContainer {width: 100%; background: #000; text-align: center}
#navColour {height: 9px; background: #ccff33; border-bottom: 1px #003300 solid}
#navColourContent {height: 9px; background: #ccff33; border-bottom: 1px #74906F solid}

.nav {font-size: 1em; margin: 0 auto; width: 780px; padding-left: 30px; list-style:none; height:2.3em; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

.nav li.top {display:block; float:left;}

.nav li a.top_link {display:block; float:left; height:2.3em; line-height:2.3em; color:#fff; text-decoration:none; font-size:1em; font-weight:normal; padding:0 1.5em; cursor:pointer;background: url(../images/butt_bg.gif) repeat-x}

.nav li a.top_link:hover {color:#000; background-position: 0 59%; line-height:2.3em}

.nav li:hover > a.top_link {color:#000; background-position: 0 59%; line-height:2.3em}

.nav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.nav a:hover {visibility:visible; position:relative; z-index:200;}
.nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.nav ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;z-index:300000}

.nav ul.sub1 {width:200px; z-index:400000}
.nav ul.sub2 {width:110px;}
.nav ul.sub3 {width:90px;}
.nav ul.sub4 {width:112px;}

.nav :hover ul {left:0; top:2.3em; background-color: #CCFF33;color: #000; border-left:1px solid #17460F; white-space:nowrap; height:auto; z-index:300; text-align: left; z-index:1000}
.nav :hover ul li {display:block; height:2.4em; position:relative; font-weight:normal; width:auto; z-index:1000}
.nav :hover ul li a {display:block; font-size:1em; height:2.4em; line-height:2.4em; width:auto; padding:0 1.5em; color:#000; text-decoration:none; z-index:1000}
.nav :hover ul li a:hover {background-color: #99CC33;color: #000; z-index:1000}

.nav a#current {background-position: 0 59%; color:#000}
.nav a#current:hover {background-position: 0 59%; color:#000}

.nav :hover ul li a#subcurrent {color: #000;font-weight: bold; background: #99CC33}
