/* 
    Document   : gppstyles
    Created on : Mar 12, 2011, 11:34:05 AM
           
*/
/* reset */
root { 
    display: block;
    }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, font, img, ins, kbd, q, s, strong, center, dl, dt, dd, ol,
ul, li, fieldset, table, th, tr, td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;}
ol, ul {list-style: none;}

/* body styles */
html {min-height:100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%}
body {
	font:normal 14px/1.4em Verdana, Arial, Helvetica, sans-serif;
	min-height:100%;
	background-color:#000;
        color:#000;
        min-width:1024px;
        margin: 0;
        -webkit-font-smoothing:antialiased;
        font-smoothing:antialiased;
        text-rendering:optimizeLegibility;
        }
div#topbar {
        display:block;
        height:20px;
        min-width:1024px;
        margin:0 auto;
        background:url(../assets/topbar.jpg) 0 0 repeat-x;
}
div#wrapper {
        width:1024px; margin:5px auto; position:relative;
        }
div#banner {
        display:block;
        width:1024px;
        height:70px;
        background: url(../assets/greatplantpicks.png) 270px 21px no-repeat;
}
/***********************************
/logo for all pages except home
***********************************/
div#logo {
    position:absolute;
    display:block;
    top:0;
    left:-5px;
    width:217px;
    height:300px;
    background: url(../assets/logo-main.png) 0 5px no-repeat;
    text-indent:-9999px;
    z-index:9999;
    }
div#logo-sub {
    position:absolute;
    display:block;
    top:0;
    left:-5px;
    width:160px;
    height:190px;
    background: url(../assets/logo-sub.png) 0 5px no-repeat;
    text-indent:-9999px;
    z-index:9999;
    }
div#logo-link {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:150px;
    height:125px;
    }

/***********************************
/navigation 
/***********************************/

div#navigation {
    display:block;
    float:right;
    width:800px;
    height:26px;
    padding:1px 5px 5px 160px;
    background-color:#63b446;
    margin-bottom:10px;
   }
#navigation a {
    color:#000;
    text-decoration:none;
    background: url(../assets/leaf-sprite.png) 0 -31px no-repeat;
    padding:3px 0 5px 24px;
    margin-right:25px;
    line-height:30px;
}
#navigation a.last {margin-right:0;}
#navigation #currentpage {    
    background: url(../assets/leaf-sprite.png) 0 -1px no-repeat;
}
#navigation a:hover {
    color:#e65925;
    background: url(../assets/leaf-sprite.png) 0 -1px no-repeat;
}

#breadcrumbs {    
    margin-left:102px;
    background: url(../assets/leaf-breadcrumb.png) 0 0 no-repeat;
    padding:0 0 20px 30px;
}

#breadcrumbs a {
    color:#000;
    padding-top:5px;
}

#breadcrumbs a:hover {
    color:#e65925;
}

#breadcrumbs #current {
    color:#d22322;
}

/***********************************
/FIND YOUR PLANT
/***********************************/

#plant-link-all {
    position:absolute;
    display:block;
    top:15px;
    right:0px;
    width:225px;
    height:38px;
    background:url(../assets/search-arrow-long.gif) 0 -38px no-repeat;
    }
 #plant-link-home {
    position:absolute;
    display:block;
    top:15px;
    right:0px;
    width:225px;
    height:38px;
    background:url(../assets/search-arrow-home.gif) 0 -38px no-repeat;
    }
    #plant-link-all p {
        color:#fff;
        font-weight:bold;
        font-size:16px;
        padding:9px 0 0 10px;
        text-shadow:1px 1px 1px rgba(55,139,54,.60);
}
#plant-link-home p {
        color:#000;
        font-weight:bold;
        font-size:16px;
        padding:9px 0 0 10px;
        text-shadow:1px 1px 1px rgba(255,255,255,.60);
}

#plant-link-all:hover {
    background:url(../assets/search-arrow-long.gif) 0 0 no-repeat;
    cursor:pointer;
}
#plant-link-home:hover {
    background:url(../assets/search-arrow-home.gif) 0 0 no-repeat;
    cursor:pointer;
}

/***********************************
/FOOTER
/***********************************/

#footer {
    float:left;
    position:relative;
    margin:5px 0;
    clear:both;
    display:block;
    width:1024px;
    background-color:#63b446;
    padding:5px 0;
}
#footer > p {
    text-align:center;
    font-size:11px;
    line-height:13px;
    color:white;
    padding-bottom:3px;
    margin:0;
}
#footer > p > a {
    color:white;
}
#footer > p > a:hover {
    color:#0134c5;
}

/***********************************
/CONTAINER STYLES
/***********************************/

div#content {
    position:relative;
    clear:both;
    background-color:#bebe31;
    border:5px #d2d26f solid;
    margin-top:5px;
    padding-top:10px;
    }
.main {
    float:right;
    width:780px;
    padding:10px;
}
.display {width:1014px;}
.admin, .gallery, .view, .advsearch {
    float:left;
    padding:20px;
    width:974px;
   }
/* COLUMN GRID */
	.col1,.col2,.col3, .col1-3, .col2-3, .col3-3, .col2-2 {float: left; position:relative;}

	/* 2 COLUMN GRID */
	.col1 {width:48.0%; margin-right:2%;}
	.col2 {width:48.0%}
	.col3 {width:98.0%}

        /* 3 COLUMN GRID */
        .col1-3 {width:31.333%; margin-right:3%;}
	.col2-3 {width:31.333%;}
        .col2-2 {width:62.66%; margin-right: 3%;}
	.col3-3 {width:98.0%}

        /* centered -- for logo download */

        .indent {margin-left:120px;}

        .col1-3 > ul, .col2-3 > ul {margin-bottom:10px;}

        .colright {
            float:right;
            margin:20px 0 20px 20px;
}
.colrighttop {
    float:right;
    margin:0 0 20px 20px;
}
.colright img, .colrighttop img, img.left, .col1-3 img, .col2-3 img, .col2 img, .col2-2 img, img.border  {
        border:5px #d2d26f solid;
        }        
.left {float:left; margin:0 20px 20px 0;}
img.border {margin-top:10px;}
img.left-donate {
    float:left;
    border:none;
    padding:0 40px 10px 20px;
}

/***********************************
/HOME PAGE SPECIAL STYLES
/***********************************/

.home-image {
    float:right;
    /*width:780px;*/
    margin-bottom:5px;
}
.home-image img {
    border: 1px #cedf31 solid;
}
#home-caption {
    position:absolute;
    color:#cedf31;
    top:290px;
    left:90px;
    width:130px;
    font-style:italic;
    font-weight:bold;
    font-size:16px;
    line-height:20px;
    text-align:right;
}
#home-caption a {color:#cedf31;}
#home-caption a:hover {color:#a1d044;}
.home-text { 
    float:left;
    width:994px;
    background-color:#bebe31;
    border:5px #d2d26f solid;
    padding:5px 5px 5px 15px;
   }
#home-poster {
    float:right;   
    margin-left:20px;
}
#home-poster img { border:5px #382f48 solid;}
#home-poster:hover {
    opacity:0.9;
}

.home-text > h2 {
    text-align:left;
    margin:19px 0 24px;
}
.clear {
    clear:both;
    line-height:1px;
}

/***********************************
/ADMIN PAGE IMAGE UPLOAD GALLERY
/***********************************/

#gallery, #upload {
			margin: 10px auto; width: 650px; 
		}
                #blank_gallery {
			font-family: Arial; font-size: 18px; font-weight: bold;
			text-align: center;
		}
		.thumb {
			float: left; width: 150px; padding: 10px; margin: 10px;
		}
                .thumb img {
                    border:5px #d2d26f solid;
                }
		.thumb:hover {
			/*outline: 1px solid #999; */
		}
		#gallery:after {
			content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 0;
		}

/* form styling -------------------------------------- */

/***********************************
/  login/user registration form styling
/***********************************/


 #register_form {	
	border: 1px solid #378b36;
	margin: 20px auto 0;
	padding: 1em 1em 7em 1em;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
       
}
.login {
    width: 300px;
}
.register {
    width: 500px;
}
.login_form input[type=text], .login_form input[type=password] {
	display: block;
        margin: 0 0 1em 0;
	width: 280px;
	border: none;
        clear:both;
	padding: 8px;
	text-decoration: none;
	font-size: 16px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
	background: #efefcd;
	color: black;
	-moz-box-shadow: 0px 1px 0px #378b36;
	-webkit-box-shadow: 0px 1px 0px #378b36;
        box-shadow: 0px 1px 0px #378b36;
}

.login_form input[type=submit], .login_form form a {
	border: none;
        clear:both;
	margin: 1em 1em 1em 0;
	padding: 6px;
	text-decoration: none;
	font-size: 14px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
	background: #348075;
	color: white;
	-moz-box-shadow: 0px 1px 0px #378b36;
	-webkit-box-shadow: 0px 1px 0px #378b36;
        box-shadow: 0px 1px 0px #378b36;
}

.login_form input[type=submit]:hover, .login_form form a:hover {
	background: #378b36;
	cursor: pointer;
}

p.category {
    clear:left;
    padding-left:5px;
    margin-top:0;
    font-style:italic;
}

/*******************************************
/* add and update record form styling
/*******************************************/

form.data-entry {
    clear:both;
    width:850px;
}
form.adv-search {
    clear:both;
    width:994px;
}

.data-entry .labelname, .adv-search .labelname {
    display:inline-block;
    width:225px;
    vertical-align:top;
    padding-top:2px;
    font-weight:bold;
}

.data-entry ul li, adv-search ul li {
    padding-bottom:5px;
}
.data-entry input, adv-search input {
    display:inline-block; 
}
.data-entry checkbox {}
.data-entry p, adv-search p {
    clear:both;
    font-weight:bold;
    padding-top:10px;
}
.data-entry textarea {
    width:600px;
    height:175px;
    font: normal 13px Arial, Helvetica, sans-serif;
}

p.searchlabel {
    font-weight:bold;
    font-size:14px;
    padding-top:10px;
}
p.radios {
    font-weight:normal;
    padding:0 0 5px 0;
}
.attn {color:red; font-weight:bold;}
/********************************************************
/* checkbox styling -- keep checkbox label from wrapping 
/********************************************************/

.formcheck {
    float:left;
}
.formcheck label {
    margin-right:5px;
    white-space:nowrap;
}

input[type="text"] {
    display:inline-block;
    width:300px;
}
input[type="submit"] {
    clear:both;
    margin-right:5px;
}

input[type="option"] {
    display:inline-block;
    width:300px;
}

/*********************************************
/*searchform styling
/*********************************************/

.searchform {
    padding:10px 20px;  
}
.searchform input[type="text"] {
        border: none;
        clear:both;
	margin: 1em;
	padding: 8px;
	text-decoration: none;
	font-size: 16px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
	background: #efefcd;
	color: black;
	-moz-box-shadow: 0px 1px 0px #378b36;
	-webkit-box-shadow: 0px 1px 0px #378b36;
        box-shadow: 0px 1px 0px #378b36;
    }

.searchform input[type="submit"] {
    border: none;
        clear:both;
	margin: 1em 1em 1em 0;
	padding: 8px;
	text-decoration: none;
	font-size: 14px;
        font-weight:bold;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
	background: #378b36;
	color: white;
	-moz-box-shadow: 0px 1px 0px #378b36;
	-webkit-box-shadow: 0px 1px 0px #378b36;
        box-shadow: 0px 1px 0px #378b36;
}

/**********************************************************
/* centered search button at bottom of advanced search page
/**********************************************************/

.searchcenter input[type="submit"] {
    border: none;
        clear:both;
	margin-left:425px;;
	padding: 8px;
	text-decoration: none;
	font-size: 14px;
        font-weight:bold;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
	background: #378b36;
	color: white;
	-moz-box-shadow: 0px 1px 0px #378b36;
	-webkit-box-shadow: 0px 1px 0px #378b36;
        box-shadow: 0px 1px 0px #378b36;
}

.searchform input[type=submit]:hover, .searchform form a:hover, .searchcenter input[type=submit]:hover, .searchcenter form a:hover {
	background: #b1d355;
	cursor: pointer;
}
.searchform > p {font-weight:bold; font-size:16px; vertical-align:middle;}

/*search form position on public search and pre-programmed list page */

div.simplesearch {
      margin-top:20px;
      padding-left:150px;
}

.adv {
    border:3px #d2d26f solid;
}

.clear-search {
    padding-left:10px;
}

a.email {
    padding:5px 0 20px 60px;
    background:url(../assets/email.gif) 0 0 no-repeat;
    font-weight:bold;
}

a.email:hover {
    opacity:0.8;
}

/* plant height/width input box */


/* pagination styling --------- */
#pages a, #pages strong {
        position:relative;
	background: #e3e3e3;
	padding: 4px 7px;
	text-decoration: none;
	border: 1px solid #cac9c9;
	color: #292929;
	font-size: 13px;
	}

	#pages strong, #pages a:hover {
	 font-weight: normal;
	 background: #cac9c9;
	}
a#currentpage {
    color:#000000;
}

/* generic table styling (temporary) ------- */
table {
    position:relative;
    clear:both;
    font-size:12px;
    line-height:14px;
}
table th {
    text-align:left;
}

table.dblist, table.nursery {
    margin:10px 0;
    border:none;
    border-collapse:collapse;
    border-spacing:0;
}
table.dblist th, table.nursery th {
    background-color:#bebe31;
    padding:5px;
}
table.nursery td {
    padding:5px;
    white-space:nowrap;
}
table.dblist th {
    padding-right:40px;
    padding-left:10px;
}
table.dblist td {
    padding: 5px 40px 5px 10px;
}
table.dblist tr.alternate, table.nursery tr.alternate {
    background-color:#d2d26f;
}

table.nursery {}
table.nursery th {
    font-size:16px;
}
table.nursery th:nth-child(even) {
    width:10%;
}
table.nursery th:last-child {
    width:40%;
}
table.nursery th:first-child, table.nursery td:first-child {
    width:40%;
    font-weight:bold;
}

table#display {
    margin:25px 0 10px;
    border:none;
    border-collapse:collapse;
    border-spacing:0;
    width:940px;
}
table#display th {
    font-size:14px;
    padding-bottom:8px;
}
table#display td {
    font-size:13px;
    padding:5px;
}
table#display td.plantname {
    width:35%;
    padding-right:2%;
   /* white-space:nowrap;*/
}
table#display td.common-name {
    width:35%;
    padding-right:2%;
    text-transform: uppercase;
}
table#display td.height {
    width:10%;
    padding:0 2% 0 4%;
}
table#display th.type, table#display td.type {
    width:10%;
    text-transform:capitalize;
}

table#display td a {
    text-decoration:none;
}
table#display td a:hover {
    text-decoration:none;
    color:#e65925;
}
table#display th:first-child, table#display td:first-child {
    width:40%;
    font-weight:bold;
}

table a:link {color: #060000;}
table a:visited {color: #113d1a;}
table a:hover, table a:active {color: #e16f43;}

/*leaf sprite list image format used on home page */

ul.leaf{}
ul.leaf > li {
    /*background: url(../assets/leaf-sprite.png) 0 -60px no-repeat;*/
    background-image: url(../assets/leaf-sprite.png);
    background-position: 0 -60px;
    background-repeat:no-repeat;
    padding:5px 0 15px 30px;
}
ul.leaf > li > ul {
    margin:10px 0 0 20px;
}
ul.leaf > li > ul > li{
    padding-bottom:10px;
}
ul.leaf > li.space {
    background-color:#bdbf30;
    padding-bottom:30px;
}
.center {
    font-size:16px;
    margin-top:30px;
}

/*indented basic list style for selection, advisory committee lists */
ul.normal {
    margin-left:50px;
    margin-top:-25px;
}
ul.donate {
    margin-left:20px;
}
ul.donate li {
    padding-bottom:5px;
}
/* leaf sprite definition list format used on about page */
dl.leaf, dl.contact{padding-top:10px;}
dl.leaf dt, dl.contact dt {
    background: url('../assets/leaf-sprite.png') 0 -60px no-repeat;
    padding:0 0 10px 30px;
    font-size:14px;
    font-weight:bold;
}
dl.leaf dt.big {
    font-size:18px;
}
dl.leaf dd:before {
    content: "\00BB";
    font-weight:bold;
    padding-right:3px;
}
dl.leaf dd {
    padding-left:30px;
    margin-left:2em;
    text-indent:-1.2em;
    font-size:14px;
    padding-bottom:10px;
}
dl.leaf dd.sub {
    padding-left:80px;
    padding-bottom:3px;
}
dl.leaf dd.sub:before {
    content: "";
}
dl.leaf dd.last, dl.contact dd.last {
    margin-bottom:10px;
}
p.leaf {
    background: url('../assets/leaf-sprite.png') 0 -60px no-repeat;
    padding:0 0 10px 30px;
    font-size:14px;
    font-weight:bold;
}

dl.contact dd {
	margin-left:30px;
}
/* list style for Plant Lists page */

dl.lists, p.listhead {
    font-size:14px;
    line-height:20px;
    /*margin-left:20px;*/
}
p.listhead {font-weight:bold; clear:both;}
p.listnote {
    font-size:14px;
    font-weight:bold;
    line-height:16px;
}
p.listsub {
    font-style:italic;
    text-indent:5px;
}

dl.lists > dt {
    font-weight:bold;
    /*margin:5px 0;*/
}
dl.lists > dt.first {
    margin:0 0 5px 0;
}
dl.lists > dd {
   margin-left:15px;
}

dl.glossary {padding:20px 0 10px;}
dl.glossary dt {
    float:left;
    width:25%;
    font-weight:bold;
    padding-right:2%;
    text-align:right;
}
dl.glossary dd {
    width:65%;
    float:left;
    padding-bottom:15px;
    margin-right:7%;
}

/***********************************
/* DONATE BUTTON STYLES
/***********************************/

form.donation {
    float:left;
    margin-left:30px;
}
form.donate-tour {
    float:left;
    clear:both;
    margin-left:30px;
    margin-top:10px;
    width:100%;
}
input.donate {float:left;}
input.donate-block {float:left; padding-bottom:50px;}
input.donate:hover {opacity:0.8;}
input.buynow { /* poster purchase button on Press page */
    padding:10px 0 0 200px;
}
form.poster > em {padding-right:10px;}
p.donate {
    float:left;
    padding:10px 0 0 5px;
    font-weight:bold;
}
form.donate-tour label {
    float:left;
    display:inline;
    padding:10px 0 0 5px;
}
.narrow {
    width:560px;
}
.wide {
    width:720px;
}
div.donate-tour {
    float:left;
    width:730px; 
}
dl.donate {margin-left:300px;}
dl.donate dt {font-weight:bold;}
p.paypal {
    border:5px solid #d2d263;
    padding:8px;
    margin:0 auto;
    font-size:12px;
    line-height:14px;
}


h2.donate {
    clear:both;
    font-size:24px;
    padding:40px 0 10px;
}

h4.donate {
    clear:both;
}

a#direct:hover, a#garden:hover, a#sunset:hover {color:#000;}
/* plant fact sheet screen style */

.titles {
    margin-bottom:10px;
}

#imageview {
    float:left;
    display:block;
    width:530px;
}
img#main-img {clear:left; float:left; margin-bottom:10px;}

#imageview ul {clear:both;}
#imageview ul li {
    display:inline-block;
    float:left;
    margin-right:10px;
}

#imageview > .thumbnail {
        float:left;
        display:block;
        width:170px;
        height:150px;
}
.thumbnail > p {
    clear:left;
    font-size:11px;
    line-height:13px;
    font-style:italic;
    padding-left:2px;
    display:block;
    width:150px;
    }

#imageview li img {cursor:pointer;}

#imageview img {
    border:5px #d2d26f solid;
}
.plantinfo {
    display:inline-block;
    width:420px;
}
.plantdetails {
    clear:both;
    width:100%;
   padding-top:20px;
}
.plantinfo dt, .plantdetails dt {
    font-weight:bold;
}
.plantinfo dd, .plantdetails dd {
    padding-bottom:8px;
    }

.quickfacts {
    background-color:#d2d26f;
    padding:10px 15px;

}
.quickfacts p {font-size:13px; line-height:1.3em;}

.colors {margin-top:20px;}

/* print view link on individual plant fact sheet */

#printview {
    position:absolute;
    top:10px;
    left:850px;
}

.print, #printhead {
    display:none;
}
/* plant display styles */
.genus {
    font-style: italic;
}

.crossgenus {
    font-style:normal;
    vertical-align: 4px;
}

td .crossgenus {
    vertical-align:2px;
}

.species {
    font-style: italic;
}

.designate {
    font-style:italic;
}

.subspecies {
    font-style: normal;
}

.variety {
    font-style: italic;
}

.cultivar {
    font-style: normal;
}

.trade-name {
       font-family: Arial, Helvetica, sans-serif;
}
.trademark-name, .registered-name {
    /*font-variant: small-caps;*/
}

.breeders-rights {
    vertical-align: super;
    font-size: 10px;
}
.super {
    vertical-align: super;
    font-size: 10px;
}

/* public table sort function */

.headerSortUp:after { /* add up and down arrows to signify search directions */
     content:"▼";
}
.headerSortDown:after {
    content:"▲";
}
.tablesorter th {
    cursor:pointer;
}
.tablesorter th:hover {
    text-decoration:none;
    color:#e65925;
}

/* headers */
h1, h2, h3, h4 {
    font-weight:bold;
    font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
    text-shadow:1px 1px rgba(0,0,0,0.1);
}
h1 {
    font-size:28px;
    margin-bottom:10px;
}
h1.donate {
    font-size:36px;
    text-align:center;
    margin:10px 0 30px;
}
h2 {font-size:26px;}
h3 {font-size:18px;}
h4 {
    font-size:18px;
    padding:5px 0;
}
h5 {font-size:16px;}

.display h1, .gallery h1, .display h4, .admin h2, .admin h4 {text-align:center; padding:5px 0;}
.admin h1 {
    margin-top:15px;
    text-align:center;
}

.advsearch h2, .view h2, .login h2 {
    text-align:center;
    margin:10px 0;
}
.advsearch h3, .advsearch h4 {
    text-align:left;
}
.advsearch h5 {
    text-align:left;
    margin:20px 0 10px;
    font-size:18px;
}

.view h3 {
    font-size:16px;
    margin:5px 0;
}

.display h4 {
    display:block;
    background:url('../assets/topbar.jpg') 0 0;
    color:#fff;
    text-shadow:2px 2px rgba(0,0,0,0.1);
}
.view h4 {
    text-align:center;
    margin-bottom:20px;
}
.view h4.press {font-size:22px;}
.view h5 {
    text-align:center;
    margin:20px 0 0;
}
h5.staff {clear:left; margin-bottom:10px;}
p.common-name {
    text-align:center;
    font-size:16px;
    font-weight:bold;
    line-height:24px;
    margin:0; padding:0;
    text-transform:uppercase;
}
.titles > h5{
    font-size:18px;
    line-height:24px;
    padding-bottom:5px;
    text-align:center;
    font-weight:bold;
    font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
    text-shadow:1px 1px rgba(0,0,0,0.1);
}
.titles > h5.common {text-transform:uppercase;}
h5.results-head {text-transform:capitalize;}

#upload h3 {padding:15px 0 5px;}

h3.perennials {
    padding:10px 0 38px 50px;
    background:url('../assets/committees-sprite.gif') 0 -58px no-repeat;
}

h3.shrubs {
    padding:10px 0 38px 50px;
    background:url('../assets/committees-sprite.gif') 0 0 no-repeat;
}

h3.trees {
    padding:13px 0 38px 50px;
    background:url('../assets/committees-sprite.gif') 0 -120px no-repeat;
}
h3.atlarge {
    background: url('../assets/leaf-sprite.png') 0 -60px no-repeat;
    padding:5px 0 38px 50px;
    margin-top:10px;
}
h3.clematis {
    padding:13px 0 38px 50px;
    background:url('../assets/committees-sprite.gif') 0 -185px no-repeat;
}
h3.donate-link a img, img.donation {float:left; border:5px solid #d2d263; margin-right:10px;}
img.donation-last {float:left; border:5px solid #d2d263; margin:0 0 10px 0;}
h3.donate-link a img:hover {opacity:0.8;}
h3.donate-link {clear:left; line-height:80px; margin-bottom:20px; vertical-align:middle; text-shadow:none;}
.quickfacts > h3{
    background: url('../assets/leaf-sprite.png') 0 -60px no-repeat;
    padding:3px 0 5px 25px;
    }

/* miscellaneous image styles */

.logo-download {
    margin-left:40px;
    padding:10px;
}


/* paragraph styles */
p {margin-bottom:5px;}
p.nav {
    clear:both;
    text-align:right;
}
p.note, span.note {
    clear:both;
    float:left;
    font-style:italic;
    margin-bottom:10px;
}
p.adsearch {
    clear:both;
    font-style:italic;
    font-size:12px;
}

p.center {
    clear:both;
    text-align:center;
}
p.flash {
    clear:both;
    text-align:center;
    font-weight:bold;
    font-size:15px;
    line-height:24px;
    margin:5px 120px;
    padding:10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #efefcd;
    -moz-box-shadow: 0px 1px 0px #378b36;
    -webkit-box-shadow: 0px 1px 0px #378b36;
    box-shadow: 0px 1px 0px #378b36;
}
p.copy {
    font-style:italic;
    margin:0;
    padding:0;
}
p.caption {
    font-style:italic;
    text-align:right;
    margin:0 10px 0 0;
    font-size:12px;
    line-height:15px;
}
p.info {
    font-weight:bold;
    margin:15px 0 10px;
}
p.toplink {
    font-weight:bold;
    text-align:center;
}
p.startlink { /* for donation page */
    clear:both;
    text-align:left;
    font-style:italic;
    padding-top:10px;
}

p.intro {   /* used for intro to full-width tables such as nursery directory */
    padding:5px 20px;
}
p.link {    /* resources link headers */
    font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:5px 0;
}

div.col2-2 p {    /* press release page */
    padding-right:40px;
    padding-bottom:10px;
}
.drop {  /* when you just need some extra space, used on resources page */
    padding:10px 0 15px;
}
.last {
    padding-bottom:10px;
}
.soldout {
    text-transform:uppercase;
    color:#E65925;
    font-weight:bold;
}
em {
    font-style:normal;
    font-weight:bold;
}

/* tooltips for advanced search page */
.tooltip {
  border-bottom: 1px dotted #378b36;
  color: #000; outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}
.tooltip:hover span {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  font-size:16px;
  position: absolute;
  left: 1em;
  top: 1.5em;
  z-index: 99;
  margin-left: 0;
  width: 200px;
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  color:#000;
}
.tooltip:hover img {
  border: 0;
  margin: -10px 0 0 -55px;
  float: left;
  position: absolute;
}
.tooltip:hover em {
  font-family: Candara, Tahoma, Geneva, sans-serif;
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding: 0.2em 0 0.6em 0;
}
.classic { 
    padding: 0.3em 1em;
    background-color:#b1d355;
    border:1px #378b36 solid;
}

* html a:hover { background: transparent; }

/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
        list-style:none;
        padding: 1em;
        margin: 0;
        display:block;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
	background-color: #efefcd;
	color: black;
	-moz-box-shadow: 0px 1px 0px #378b36;
	-webkit-box-shadow: 0px 1px 0px #378b36;
        box-shadow: 0px 1px 0px #378b36;
    }

.ui-menu .ui-menu {
        margin-top: -3px;
}
.ui-menu .ui-menu-item {
        margin:0;
        padding: 0;
        width: 100%;
}
.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:1.5;
        zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
        margin: -1px;
}


/* general link colors */

a:link {color:#0134c5; text-decoration:none;}
a:visited {color: #0134c5; text-decoration:none;}
a:hover, a:active {color:#e16f43; text-decoration:none;}
/* end */

/* this is temporary to make it look like a link  -- jong*/
.text-button {
    border: none;
    background-color: transparent;
    padding: 0;
    text-decoration: underline;
    color: #00c;
    cursor: pointer;
}