

#C7FF57* {
    padding: 0;
    margin: 0;
  }


body {
    background: url('images/back1.jpg') repeat-x;
    font: .74em Verdana, Arial;
    line-height: 1.5em;
  }


body.viewer {
    background: #fff url('images/back1.jpg') repeat-x;
    text-align:center;
  }


pre {
    font-size: 8pt;
    font-weight:normal;
    color:black;
    width:190px;
  }


ul.mktree#societies pre {
    font-size: 9pt;
    font-weight:normal;
    color:black;
    width:200px;
  }


a {
    color: #3B6EBF;
    text-decoration: none;
  }


table.cult {
    text-align:left;
    border-spacing:0;
    border-width:0;
    font-size:10pt;
    margin-left:10px;
  }


table.cult td {
    padding:10px;
  }


td.cult {
    font-weight:bold;
  }


#loading {
    margin-top:200px;
    margin-left:80px;
    font-size:13pt;
    z-index:1;
  }


#VCPSlogo {
    float:left;
    width:200px;
    height:150px;
    margin-top:5px;
    margin-left:-195px;
  }
#showlogo {
    float:left;
    width:200px;
    height:280px;
    margin-top:165px;
    margin-left:-205px;
    margin-bottom:10px;
  }


.twit {
    float:left;
    margin-top:40px;
    margin-left:-175px;
    width:175px;
  }


.twit2 {
    float:left;
    margin-top:190px;
    margin-left:-175px;
    width:175px;
  }


a:hover {
    text-decoration: underline;
  }


a.main {
    color:#3B6EBF;
    font-style:italic;
    font-weight:bold;
  }


.center {
    text-align:center;
  }


hr {
    width:100%;
    border-width:thin;
    background-color:#3B6EBF;
  }

/********************************************************?
/*tree stuff*/
/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:5px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(images/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(images/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(images/bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 12pt; color:#3B6EBF;font-weight:bold;}
	ul.mktree  li ul li { font-size: 10pt;font-weight:normal;color:black; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 6pt; }
}











#tree2 {
  }


div.homehalf {
    width:45%;
    float:left;
    margin:10px;
    margin-top:30px;
  }


div.homehalf img {
    text-align:center;
    margin:10px;
    margin-left:50px;
  }


img.gen {
    margin:2px;
    text-align:center;
    width:49%;
    height:320px;
  }


#wrap {
    margin:20px auto;
    width: 854px;
  }


#top {
    padding:0px;
    float:left;
    margin:0px;
    background: url('images/top2.gif') no-repeat;
    width:854px;
    height: 23px;
  }


#content {
    margin-top:0;
    padding-top:0;
    width:795px;
    float:left;
    height:890px;
    background:white;
  }


#bottom {
    float:left;
    background: #fff url('images/bot2.gif') no-repeat;
    height: 30px;
    width:854px;
  }


#botleft {
    float:left;
    margin:0px;
    background: #fff url('images/corner3.jpg') no-repeat;
    height: 30px;
    width:30px;
  }


#botright {
    margin:0px;
    background: #fff url('images/corner4.jpg') no-repeat;
    float:left;
    height: 30px;
    width:30px;
  }


#topright {
    margin:0px;
    float:left;
    height: 30px;
    width:30px;
  }


#topleft {
    margin:0px;
    padding:0px;
    float:left;
    height: 30px;
    width:30px;
  }


#midright {
    margin:0px;
    padding:0px;
    float:left;
    background: url('images/midright.gif');
    height:890px;
    width:24px;
  }


#midleft {
    margin:0px;
    padding:0px;
    height:100%;
    background: url('images/midleft.gif') repeat-y;
    float:left;
    width:30px;
  }


.redalert {
    font-weight:bold;
    text-align:center;
    color:red;
    font-size:12pt;
  }


.bold {
    font-weight:bold;
  }


ul.gemmae {
    margin-left:15px;
  }


div.vspacer {
    height:100px;
  }


div.glossaryspacer {
    width:500px;
    height:1590px;
  }


div#tabt1 {
    background: url('images/tab2h.gif') no-repeat;
  }


div.show#t1 {
    margin-left:10px;
    visibility:hidden;
    width:550px;
    position:absolute;
    left:250px;
    top:280px;
  }


div.show#t2 {
    margin-left:10px;
    visibility:hidden;
    width:550px;
    position:absolute;
    left:250px;
    top:280px;
  }


p.species {
    font-size:11pt;
    font-weight:bold;
  }


img.speciespic {
    border-width:0;
    height:85px;
    width:90px;
    color:green;
  }


img.speciespic2 {
    height:200px;
    border-width:2px;
    border-style:solid;
    color:red;
  }


table.showspecies {
    margin:0;
    width:100%;
  }


tr.species {
    height:100px;
    color:black;
    border-width:0px;
    border-style:solid;
  }

/*Growing tips layers */














div.tips#t1 {
    margin-left:10px;
    visibility:hidden;
    width:590px;
    position:absolute;
    left:250px;
    top:280px;
  }


div.tips#t2 {
    margin-left:10px;
    visibility:hidden;
    width:590px;
    position:absolute;
    left:250px;
    top:280px;
  }


div.tips#t3 {
    margin-left:10px;
    visibility:hidden;
    width:590px;
    position:absolute;
    left:250px;
    top:280px;
  }


div.tips#t4 {
    margin-left:10px;
    visibility:hidden;
    width:590px;
    position:absolute;
    left:250px;
    top:280px;
  }


div.tips#t5 {
    margin-left:10px;
    visibility:hidden;
    width:590px;
    position:absolute;
    left:250px;
    top:280px;
  }


div.tips#t6 {
    margin-left:10px;
    visibility:hidden;
    width:590px;
    position:absolute;
    left:250px;
    top:280px;
  }


div.tips#t7 {
    margin-left:10px;
    visibility:hidden;
    width:590px;
    position:absolute;
    left:250px;
    top:280px;
  }


div.tips#t8 {
    margin-left:10px;
    visibility:hidden;
    width:590px;
    position:absolute;
    left:250px;
    top:280px;
  }

/* GENUS DESCRIPTION LAYERS */










div.descid {
    margin-left:10px;
    visibility:hidden;
    width:590px;
    position:absolute;
    left:250px;
    top:750px;
  }


div.descid#t1 {
    visibility:hidden;
    position:absolute;
    left:250px;
    top:340px;
  }


div.descid#t2 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t3 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t4 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t5 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t6 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t7 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t8 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t9 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t10 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t11 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t12 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t13 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t14 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t15 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t16 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t17 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t18 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t19 {
    position:absolute;
    left:250px;
    top:360px;
  }


div.descid#t20 {
    position:absolute;
    left:250px;
    top:360px;
  }

/* GENUS DESCRIPTION LAYERS */










div.listing {
    margin-left:10px;
    visibility:hidden;
    width:590px;
    position:absolute;
    left:250px;
    top:750px;
  }


div.listing#t1 {
    visibility:hidden;
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t2 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t3 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t4 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t5 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t6 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t7 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t8 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t9 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t10 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t11 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t12 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t13 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t14 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t15 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t16 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t17 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t18 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t19 {
    position:absolute;
    left:250px;
    top:760px;
  }


div.listing#t20 {
    position:absolute;
    left:250px;
    top:760px;
  }

/*GLOSSARY LAYERS   */











span.glossary {
  }


p.glossaryfirstword {
    font-weight:bold;
  }


#ga {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gb {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gc {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gd {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#ge {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gf {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gg {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gh {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gi {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gj {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gk {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gl {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gm {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gn {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#go {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gp {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gr {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gs {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gt {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gu {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gv {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gw {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gx {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


#gz {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }

/* SHOW STUFF */










table.show {
    margin-top:30px;
    float:left;
    text-align:left;
  }


.showresults {
    visibility:hidden;
    width:590px;
    position:absolute;
    left:260px;
    top:250px;
  }


.showresults h2,a,h4 {
    margin:10px;
  }

/* TAB STUFF */










div.tab {
    float:left;
    margin:0px;
    margin-top:-10px;
    padding:0;
    width:150px;
    height:26px;
    text-align:center;
    vertical-align:middle;
    background: url('images/tab2.gif') no-repeat;
  }


div.tabunder {
    height:26px;
    margin-top:0;
  }


div .tabadjust {
    margin-top:-8px;
  }


.tabshow {
    height:26px;
  }


div.tab p {
    margin-top:2px;
    color:#33c;
  }


div.tab a {
    margin-top:20px;
    vertical-align:middle;
    padding-top:20px;
  }


div.tab a:link {
    color: #228;
  }

/* unvisited link */










div.tab a:visited {
    color: #84afcd;
  }

/* visited link */










div.tab a:hover {
    color: #FF00FF;
  }

/* mouse over link */










div.tab a:active {
    color: #0000FF;
  }

/* selected link */











#showresults td {
    padding:5px;
    border:1px solid #999;
  }


table#pest {
  }


#pest td {
    padding:10px;
    border:1px solid #999;
    margin:10px;
  }


#pest th {
    padding:5px;
    background:#999;
    text-align:center;
  }


table#calendar {
    margin-top:2px;
    width:98%;
    margin-left:1%;
    margin-right:1%;
    background: #eef ;
    text-align :left;
    border:1px solid #3B6EBF;
  }


table#calendartd {
    max-width:110px;
    margin:5px;
    padding:5px;
    text-align :left;
  }


table#calendarth {
    max-width:110px;
    margin:5px;
    padding:5px;
  }


table#calendar caption {
    margin-top:20px;
    margin-bottom:-20px;
    padding:10px;
    border:2px;
    border-color:#264EFF color:white;
    font-size:11pt;
    font-weight:bold;
    text-align:center;
    background-color:#85acf7;
  }

/*  COMMITTEE */










p.comm {
    color:#222;
    font-weight:normal;
    text-align:left;
  }


#comwrap {
    margin-left:20%;
    width:60%;
  }


div.commcaption {
    float:left;
    padding:10px;
    padding-top:40px;
    width:200px;
    height:80px;
    margin-right:0;
    vertical-align:middle;
    font-size:8pt;
    margin-left:10px;
    font-weight:bold;
    border:gray 1px solid;
    background: url('images/backgrey.jpg') repeat-x;
  }


img.commpic {
    margin-right:0px;
    margin-left:4px;
    height:130px;
    width:100px;
    border:1px solid gray;
  }


.header {
    margin:5px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:0px;
    height: 105px;
    background:url('images/title3.jpg');
  }


p#title {
    font-size:22pt;
    color:white;
    margin-top:-60px;
    text-align:center;
  }

/*IE does not handle float properly with margins so use one outer div with the float and inner div with the margins*/
/*This is the outer div with the float */










.iemarginfix {
    float:left;
  }


.middle {
    float: none;
    width: 632px;
    margin: 10px;
    margin-left:5px;
    margin-right:0;
    padding: 0px;
    text-align:justify;
  }


.middleinner {
    padding:10px;
    margin:0;
    border:#3B6EBF 1px solid;
  }


.middleinner a {
    margin-left:0px;
  }


.right {
    float: none;
    width: 120px;
    margin:10px;
    margin-left:8px;
    margin-right:5px;
    padding: 10px;
    border:#3B6EBF 1px solid;
    background:url('images/backmenu.jpg');
  }


.right ul li {
    padding:0;
    margin:0;
  }


.menuwrap {
    margin:0;
    padding:0;
    padding-left:10px;
    width:75px;
    display:block;
  }


.left {
    float: left;
    width: 130px;
    margin:10px;
    padding: 10px;
    border:#3B6EBF 1px solid;
  }


.left ul {
    padding: 20px 0 15px 20px;
    margin:0;
  }


.left li {
    margin-bottom:5px;
    list-style-type: square;
    color: #3B6EBF;
  }


.right ul {
    padding: 20px 0 15px 20px;
    margin:0;
  }


.right li {
    margin-bottom:5px;
    list-style-type: square;
    color: #3B6EBF;
  }


.right li:hover {
    background:#BFE9FF;
  }


.middle h2 {
    color: #3B6EBF;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    width:70%;
  }


.right h2 {
    color: #3B6EBF;
    font-size: 14px;
    margin-top: 15px;
  }


.left h2 {
    color: #3B6EBF;
    font-size: 14px;
    margin-top: 15px;
  }


h4 {
    color: #3B6EBF;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
  }


h1 {
    color: white;
    font-size: 18px;
    margin-bottom: 10px;
    padding:10px;
    text-align:center;
    border:#3B6EBF 1px solid;
    background:url('images/h2.gif');
  }


#clear {
    display: block;
    clear: both;
    width: 100%;
    height:1px;
    overflow:hidden;
  }


#footer {
    width:800px;
    text-align: center;
    color: #666;
  }


img#logo {
    width:785px;
    height:80px;
  }


img.mainpic {
    width:291px;
    margin:2px;
    float:left;
    text-align:center;
  }


img.thumb {
    width:100px;
    height:100px;
    margin:5px;
    margin-left:40px;
    margin-right:40px;
  }


p.thumb {
    margin-left:50px;
    width:100px;
  }


p.tiny {
    font-size:8pt;
  }


img.pop {
    text-align:center;
  }


img.fullwidth {
    width:610px;
  }


img.news {
    float:left;
    width:300px;
  }


#vextend {
    height:1200px;
  }


.news1 {
    height:440px;
  }


.news2 {
    height:660px;
  }


div.date {
    color:white;
    font-weight:bold;
    margin-top:35px;
    margin-left:-45px;
    font-size: 10pt;
    float:left;
  }


div.year {
    color:#3B6EBF;
    font-weight:bold;
    margin-top:15px;
    margin-left:-40px;
    font-size: 8pt;
    float:left;
  }


img.sidepic {
    margin:10px;
    margin-left:0;
    border:1px blue solid;
  }


img.vicpic {
    margin:10px;
    margin-left:0;
    border:1px blue solid;
    width:300px;
  }


img.date {
    float:left;
    margin:10px;
    margin-bottom:0;
  }


#webring {
    background:#C7FF57;
    margin-left:150px;
    margin-top:20px;
    width:300px;
    text-align:center;
    border:1px gray solid;
    font-family:Arial,Helvetica, sans-serif;
    font-weight:bold;
    font-size:10pt;
  }


#webring div {
    float:left;
    margin-bottom:5px;
    margin-top:5px;
    width:150px;
  }


#webring p {
    font-size:11pt;
  }


.journalcover {
    width:70px;
  }


div.imgcaption {
    font-weight:bold;
    text-align:center;
    float:none;
    margin-bottom:10px;
    margin-right:10px;
    text-align:center;
  }


div.newscaption {
    font-weight:bold;
    text-align:center;
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    width:48%;
  }


div.fieldcaption {
    font-weight:bold;
    text-align:left;
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    width:48%;
  }


div.sidepic {
    margin-top:10px;
    float:left;
  }


div.vicdrosera {
    width:45%;
    float:right;
  }


div.vicdrosera h4 {
    margin-left:0px;
  }


div.vicdrosera p {
    margin-top:20px;
  }


h3.vicdrosheading {
    font-size:13pt;
    font-style:italic;
  }


