@charset "UTF-8";
/* CSS gwastyle.css */
/* Version 1.0 August 22, 2008 */

body {
	background-color: #D7FFCE;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
	font-size: 12px;
	background-image: url(../images/bg8.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

a {
	color: #663300;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-top: 0px;
	margin-bottom: 10px;
}

td {
	vertical-align: top;
}

ul {
	list-style-type: disc;
	color: #333;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
ul.qt {
	list-style-type: disc;
	color: #333;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	
}

blockquote{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.footnote a:hover {
	font-size: 8pt;
	color:#FFF;
	text-decoration:none;
	font-weight: bold;
}

.footnote a:link {
	font-size: 8pt;
	color:#33F;
	font-weight: bold;
}
.imagem{
	margin-right: 10px;
	margin-bottom: 10px;
	border: 0px solid #030;
}
.images{
	margin-right: 10px;
	margin-bottom: 2px;
	border: 1px solid #030;
}

.imager{
	margin-left: 10px;
	margin-bottom: 2px;
	border: 1px solid #030;
}
.imagel{
	margin-right: 10px;
	margin-bottom: 2px;
	border: 1px solid #030;
}

.imagec{
	margin-right: 5px;
	
}
.sold{
	font-weight: bold;
	color: #F00;
	font-size: 16px;
}
.copywr{
	color: #0000000;
	font-size: 8px;
}
.cancelled {
	color: #F00;
	font-size:16px;
}
/* ============= Copywrite text pop up =============== */
.transparent {
    filter:progid:DXImageTransform:Microsoft.Glow(color=yellow,strength=5);
    background-color:#9FC;
	display:none;
	width:170;
	height:100;
	position:absolute;
	color: black;
	border: 1px green solid;
	padding-right: 5px;
	padding-left: 5px;
}
.transparentbg{
	background-color: #9FC;
}

/* ============= DIV ID WRAPPERS =============== */

/* These frames are the top, middle, and bottom shadows
   There is a set of DIV IDS just for the home
   page because that is at the root level. Those
   DIV IDs contain "Home" in the ID name to
   differiate them from the wrappers used for the
   the pages once the user leaves the home page.
*/

div#frameHomeTop {
	width: 812px;
	height: 8px;
	margin-top: 10px;
	margin-bottom: 0px;
	overflow: hidden;
}

div#frameHomeMiddle {
	background-image: url(../images/frame_edges1.gif);
	background-repeat: repeat-y;
	width: 812px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

div#frameHomeBottom {
	background-image: url(../images/frame_bottom1.gif);
	background-repeat: no-repeat;
	width: 812px;
	height: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	overflow: hidden;
}

div#frameTop {
	width: 812px;
	height: 8px;
	margin-top: 10px;
	margin-bottom: 0px;
	overflow: hidden;
}

div#frameMiddle {
	background-image: url(../images/frame_edges1.gif);
	background-repeat: repeat-y;
	width: 812px;
	margin-top: 0px;
	margin-bottom: 0px;
	/* overflow: hidden; */
}

div#frameBottom {
	background-image: url(../images/frame_bottom1.gif);
	background-repeat: no-repeat;
	width: 812px;
	height: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	overflow: hidden;
}

/* These are the DIV IDs for the navbar --> Moved to menu.css*/


div#GWALogo {
	float: left;
	padding-left: 50px;
	margin-top: 10px;
	margin-bottom: 0px;
	overflow: visible;
}

div#Login {
	float: right;
	padding-right: 50px;
	margin-top: 7px;
}

div#Logout {
	float: right;
	padding-right: 50px;
	margin-top: 30px;
}

div#Search {
	clear: both;
	float: right;
	padding-right: 50px;
	margin-top: 10px;
	margin-bottom: 0px;
}

div#homeNewItems {
	height: 215px;
	width: 209px;
	overflow: hidden;
	vertical-align: top;
}

div#homeFeatureBox {
	clear: both;
	width: 740px;
	background-color: #C0AA6B;
	margin-left: 36px;
	margin-right: 36px;
	margin-top: 15px;
	margin-bottom: 25px;
	text-align: left;
	vertical-align: top;
}

div#homeLeftColumn {
	float: left;
	padding-left: 50px;
	padding-right: 22px;
	text-align: left;
	width: 350px;
	
}


/* test layout start */

div#testboxleft
{clear: both;
	float: left;
	background-color: #C0AA6B;
	
	margin-bottom: 20px;
	text-align: left;	
	margin-left: 36px;
}

div#testboxright
{float: right;
	background-color: #C0AA6B;
	
	margin-bottom: 20px;
	text-align: right;
	margin-right: 36px;
}


.testcopy {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	color: #533D00;
	font-style: italic;
	vertical-align: top;
}

/*test layout end */

/* These are DIVs for laying out the content on the Home page. */
div#Content {
	clear: both;
}

div#homeRightColumn {
	float: right;
	padding-left: 10px;
	padding-right: 50px;
	margin-top: 0px;
	text-align: left;
	width: 312px;
}


/* For pages that have the right-side nav.*/

div#ContentLev2Left {
	clear: both;
	float: left;
	padding-left: 44px;
	padding-right: 20px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
	width: 480px;
}

div#ContentLev2Right {
	float: right;
	padding-left: 0px;
	padding-right: 44px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
	width: 185px;
}

/* For pages that do NOT have the right-side nav
   NOTE: This is NOT for the home page. */
   
div#ContentNoSide {
	clear: both;
	padding-left: 44px;
	padding-right: 44px;
	margin-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 0px;
	text-align: left;
}

div#SideNavTop {
	background-image: url(../images/sidenav_top.jpg);
	background-repeat: no-repeat;
	height: 4px;
}

div#SideNavMiddle {
	background-image: url(../images/sidenav_middle.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 10px;
}

div#SideNavBottom {
	background-image: url(../images/sidenav_bottom.jpg);
	background-repeat: repeat-y;
	height: 4px;
}

div#PageNumbers {
	color: #000;
	font-size: .90em;
	text-align: right;
	margin-bottom: 10px;
	margin-right: 5px;
	/* white-space: nowrap; */
	white-space:normal;
}

/* This DIV is used ONLY on the Home Page */

div#footerHome {
	clear: both;
	background-image: url(../images/footer_bkgrnd.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: .85em;
	text-align: center;
	vertical-align: middle;
	margin-left: 36px;
	margin-right: 36px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 740px;
	line-height: 32px;
	overflow: hidden;
}

/* This DIV is used on all pages EXCEPT the Home Page */

div#footer {
		clear: both;
	background-image: url(../images/footer_bkgrnd.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: .85em;
	text-align: center;
	vertical-align: middle;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 0px;
	margin-top: 0px;
	overflow: hidden;
	padding: 0px;
	width: 740px;
	line-height: 32px;
}

/* This DIV is used on all pages of the website */
   
div#address {
	color: #666;
	font-size: .85em;
	line-height: 2em;
	margin-top: 10px;
	/* margin-bottom: 10px; */
	margin-left: 36px;
	margin-right: 36px;
	overflow: hidden;
	padding: 0px;
	vertical-align: top;
	width: 740px;
}

/* End DIV ID Wrappers */

/* ======== STYLES FOR LOGIN & SEARCH ITEMS ========== */

.loginSearch input {
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-left: 4px;
	border-width: 1px;
	border-color: #999;
	width: 100px;
	height: 13px;
}

.labelTop {
	font-size: 10px;
	color: #333;
	font-weight: bold;
	line-height: 1em;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
}

.pwHint {
	font-size: .9em;
	text-align: left;
	line-height: 1.5em;
	margin-top: 0px;
	padding-left: 5px;
	text-align: right;
	vertical-align: top;
}

.bttnLogSearch {
	margin-top: 0px;
	vertical-align: middle;
	overflow: hidden;
}


/* ======== STYLES USED ON THE HOME PAGE ========== */

td.whatsnew {
	vertical-align: middle;
}

td.whatsnewTop {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	color: #533D00;
	font-style: italic;
	vertical-align: top;
}

td.iconCalendar {
	text-align: right;
	vertical-align: top;
}

.newBox {
	background-image: url(../images/whatsnew_box.jpg);
	background-repeat: no-repeat;
	background-color: #F3EFE4;
	width: 209px;
	height: 280px;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	overflow: hidden;
}

.hdrHome {
	font-family: Times New Roman, Times, serif;
	font-size: 17px;
	font-weight: bold;
	vertical-align: top;
	color: #533D00;
	font-style: italic;
	margin-bottom: 10px;
	text-align: left;
}

.newItem, p.newItem {
	color: #333;
	line-height: 1.25em;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
}

.newItem a:link, .newItem a:hover, .newItem a:visited {
	color: #333;
}

p.whatsnewHdr {
	margin-top: 10px;
	margin-bottom: 10px;
}

p.new {
	margin-top: 0px;
	margin-bottom: 10px;
}

.homeParImage {
	padding-left: 6px;
}

.homeImage {
	padding-left: 6px;
	padding-right: 6px;
}

.leadImage {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
/* ============= Style Used for PAR page =============== */

.plat{
	background-color: #E8E8E8;
}

.gold{
	background-color: #FC0;
}

.silver{
	background-color: #ccc;
}

.bronze{
	background-color: #cf0;
}

/*======== STYLES SHARED ACROSS ALL PAGES ======== */

/* This table backround style is for the light gradient used below
   the navbar that appears on all pages EXCEPT the home page.
*/

table.bkgrnd {
	background-image: url(../images/2ndLevel_bkgrnd.jpg);
	background-repeat: no-repeat;
	width: 800px;
	margin-left: 6px;
	margin-right: 6px;
	overflow: hidden;
}

/*  Styles Used for Forms  */

.labelField {
	font-size: 10px;
	line-height: 1.25em;
	color: #000;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}

.formBttn {
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 0px;
}

.formBttn td {
	text-align: right;
}

.formText {
	color: #000;
	font-size: 11px;
	text-align: left;
}

.formField input {
	line-height: 17px;
	width: 250px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-width: 1px;
	border-color: #999;
}

.formField10em input {
	line-height: 17px;
	width: 10em;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-width: 1px;
	border-color: #999;
}

.formMultiLine textarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-width: 1px;
	border-color: #999;
}

.formRadio, .formCheckbox {
	line-height: 1.50em;
	margin-bottom: 15px;
	border: none;
}

.formField textarea {
	line-height: 17px;
	width: 250px;
	margin-bottom: 15px;
	margin-top: 0px;
	border-width: 1px;
	border-color: #999;
}

.formField select {
	font-size: 11px;
	margin-right: 3px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-width: 1px;
	border-color: #999;
}

.formListMenu select {
	font-size: 11px;
	width: 200px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-width: 1px;
	border-color: #999;
}

.formReq {
	color: #990000;
	font-weight: 700;
	padding-left: 4px;
}

.formReqAlert {
	color: #990000;
	font-style: italic;
	padding-left: 4px;
}

/* Styles Used for Search Results Page */

.pageNum {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px;
	border-color: #000000;
	margin: 4px;
	vertical-align: middle;
}

a.pageNum:link, a.pageNum:visited {
	color: #663300;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px;
	border-color: #669900;
	margin: 4px;
	text-decoration: none;
}

a.pageNum:hover {
	text-decoration: none;
	background-color: #E5FEAE;
}

.hdrSearchItem {
	font-weight: bold;
	text-align: left;
}


/* Styles Used in the Right-Side Nav Box */

p.sideHdr {
	color: #030;
	font-size: .95em;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	padding-left: 10px;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 0px;
}

p.sideSection {
	color: #000;
	padding-left: 10px;
	line-height: 1.5em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 0px;
}

p.sideLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .95em;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 5px;
}

p.sideLinksSub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .95em;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 35px;
}

.sideLogoText {
	font-size: .95em;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

/* ========= Table Display Styles ===== */

/* These table styles are for display only -- you want
   the borders in the table to be shown on the webpage,
   see the Members Profile page for an example).
   
   To use this style specify the class of tableUI in
   the <table> tag, like so: <table class="tableUI">. */

.tableUI {
	width: 100%;
	border-spacing: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B8C6B7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B8C6B7;
	line-height: 1.4em;	
}

.tableUI td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8C6B7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B8C6B7;
	padding: 6px;
 /* Setting line-height explicitly to remedy an issue in IE6/7 where find results are being overlapped vertically --
             * Note: Use EM units so that scale is preserved during zoom, or with different character sets (Font + size)
             */
    
	}

/* If the display table has column headings, then in the
   code, replace the <td></td> cells in the column row with
   <th> </th> and the following style will be applied
   to the header cell.
*/

.tableUI th {
	background-color: #DDE7D8;
	font-size: 10px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8C6B7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B8C6B7;
	padding: 6px;
	vertical-align: bottom;
	text-align: left;
	text-transform: uppercase;
}


/* These styles is for a table that only has the
   outside borders displayed. Interior cells in the
   table row will NOT have left/right borders shown.
*/

.tableEdgeOnly {
	width: 100%;
	border-spacing: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B8C6B7;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B8C6B7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B8C6B7;
}

.tableEdgeOnly td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8C6B7;
	padding: 6px;
}

/* If the display table has column headings, then in the
   code, replace the <td></td> cells in the column row with
   <th> </th> and the following style will be applied
   to the header cell.
*/

.tableEdgeOnly th {
	background-color: #DDE7D8;
	font-size: 10px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8C6B7;
	padding: 6px;
	vertical-align: bottom;
	text-align: left;
}

/* ============ Text Styles ========== */

.breadcrumb {
	font-size: 11px;
	padding-right: 46px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
}

.hdrPage {
	color: #003300;
	font-size: 1.35em;
	font-weight: bolder;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}

.hdrSub {
	color: #003300;
	font-size: 1.15em;
	font-weight: bolder;
	text-align: left;
}

.hdrSubLined {
	color: #003300;
	font-size: 1.15em;
	font-weight: bolder;
	border-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #690;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 10px;
	vertical-align: middle;
	text-align: left;
	width: 99%;
}

.hdrSubHr {
	color: #003300;
	font-size: 1.15em;
	border-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #690;
	vertical-align: middle;
	text-align: left;
	width: 99%;
}
.line {
	color: #003300;
	border-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #690;
	line-height: .5em;
	margin-bottom: 10px;
	width: 99%;
}

p.hdrSub {
	color: #003300;
	font-size: 1.15em;
	font-weight: bolder;
	line-height: 1.15em;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* This style is used for the sortable column header names
for search results displayed in a table. This keeps color
of the column header names green.
*/

.sortCol, a.sortCol:link, a.sortCol:visited {
	color: #003300;
}

a.sortCol:hover {
	color: #663300;
} 

/* Styles used for page that have a lead graphic. */

td.byline {
	vertical-align: top;
}

.hdrByline {
	color: #003300;
	font-weight: bolder;
	border-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #690;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 10px;
	vertical-align: top;
	text-align: left;
	width: 99%;
}

.byline {
	color: #333;
	font-style: italic;
	line-height: 1.5em;
	padding-left: 20px;
}

p.byline {
	margin-top: 0px;
	margin-bottom: 10px;
}

/* When you a person's image is used as the lead image
   on a page and you want to display the person's name
   below the lead image.
*/

.imageText {
	margin-top: 10px;
	font-size: .95em;
	font-weight: bold;
	text-align: center;
}

/* For links that need to be specifically aligned to the right */

.linkRight {
	text-align: right;
}
#become {
	font-size:14px;
	font-weight: bold;
	text-transform: uppercase;
}

p.linkRight {
	margin-top: 0px;
	margin-bottom: 10px;
}


/* Use the ".pagefill" style in the <p> tag if you have a page that is light on
   content, like so: <p class="pagefill" />. This will add some space at the bottom
   of the page in the browser so it won't look so "short".
*/
p.pagefill {
	background-image:url(../images/spacer.gif);
	height: 200px;
}

.footer, a.footer:link, a.footer:hover, a.footer:visited {
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}

.copyright, a.copyright:link, a.copyright:hover, a.copyright:visited {
	color: #666;
}
/* Garden Trends styles */

.gtrends{
	background-color: #DEFFE8;
	}
.gtborder{
	border:1px solid #DEFFE8;}	

.rtrends{
	background-color: #EDEDED;
	}	
	
.recordingborder{
	border:1px solid #bee5ed;
}	
.meeting{
	background-color: #CCC;
	}
.mborder{
	border:1px solid #CCC;}	
	
.gtbg{
	background-color: #FFF;
}
.sponsor{
	color:#360;
}

/* Slideshow Viewer code */
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {
	position: relative;
	overflow: hidden;
	border: 5px solid #5D8932;
	margin: 0 0 1px 0;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	background: #5D8932;
	color: #fff;
	text-decoration: none;
	display: block;
} 
.stripTransmitter a:hover, a.current{
	background: #fff;
	color: #5D8932;
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}

.redfaq{color:#F00;}