
body{
	/*background:#FFF url(../_styleImages/bg.jpg) top center no-repeat;*/
	margin-top:0px;
	line-height:18px;
	}
.linkStyle, a .linkStyle, .linkStyle a:link{
	line-height:18px;
	font-size: 12px;
	text-decoration: none;
	color:#333;
	font-weight:bold;
	display:inline-block;
	margin-top:2px;
	text-transform:capitalize;
	background: url(../_styleImages/linkFlower.png) 5px 5px no-repeat;
	padding-left:15px;
}
a .linkStyle:hover
{
	color:#4d63b8;
}

a .linkStyle:visited
{
	color:#333;
}
a .linkStyleWhite, .linkStyleWhite{
	color:#FC6;
	text-decoration:none;
	padding-top:0px;
	font-weight:bold;
	font-size: 12px;
	margin-top:5px;
	display:inline-block;
	background:url(images/linkFlower_white.png) 5px 5px no-repeat; 
	padding-left:15px;
}
a .linkStyleWhite:hover{
	color:#FFF;
}

.gridContainer {
	width: 980px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
	
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#headerNew{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background:url(../_styleImages/headerBG.jpg) no-repeat;
	min-height:120px;
	margin-top:15px;
	padding-top:90px;
	margin-bottom:-90px;
}
#feature {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#contentLeft {
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.4122%;
	display: block;
}
#contentRight {
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 32.8244%;
	display: block;
}

#footerNew{
	clear: both;
	float: left;
	margin-top:5px;
	margin-bottom:20px;
	width: 100%;
	display: block;
	font-size:10px;
	background-color:white;
}

sup{
	font-size:0.6em;
	margin-top:-25px;
	padding-top:-5px;
}
#headerNav{
	clear: none;
	float: left;
	margin-left: 0.7633%;
	width: 30%;
	display: block;
	margin-top:-15px;
	padding-right:50px;
}

#headerNav {
	float: right;
	list-style-type: none;
	text-align: right;
	padding-left: 5px;
}
#headerNav a {
	font-weight: bold;
	color: #FFF;
	padding-right: 5px;
	text-decoration: none;
	padding-left: 0px;
	vertical-align: text-bottom;
}
#headerNav a:hover {
	color:#FC6;
}
#headerNavSpanish {
	clear: none;
	margin-left: 40%;
	float: right;
	width: 16.0305%;
	float: right;
	color: #FC0;
	text-align: right;
	position:relative;
	top: 10px;
	padding-right:15px;
}
#headerNavSpanish a{
	color:#FC0;
	text-decoration:none;
	outline: none;
}
#headerNavSpanish a:hover{
	color:#F90;
}
#topLink{
	clear: both;
	float: right;
	margin-top:-98px;
	width: 30%;
	display: block;
	margin-right:56px;

}

#topLink a{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#4d63b8;
}
#topLink a:hover{
	color:#f39724;
}
#topLink a:visited{
	color:#4d63b8;
}
.topNavDonate{
	color:#f39724;
}
a:hover .topNavDonate 
{
	color:#333;
}
#wfcLogo{
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	margin-top:-90px;
	height:80px;
	
}
#wfcLogo a:hover, a:active, a:focus{
	outline:none;
}

#mainContent{
	clear: both;
	float: left;
	margin-left: 0;
	/*width: 98%;*/
	width: auto;
	display: block;
	min-height:500px;
	padding:1%;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	background:url(../_styleImages/transBG.png) top left repeat;
}

#banner{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#fourCol_yellow{
	clear: both;
	float: left;
	margin-left:0;
	margin-top:12px;
	width: 100%;
	display: block;
	background:url(../_styleImages/yellowBar.png) center no-repeat;
	height:75px;

}
.fullContentBorder{
	width:97.9%;
	margin:auto;
	margin-top:0px;
	display:block;
	padding:1%;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	
}

#fourCol_bottom{
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;
	
	background-color:#f5f8fb;
	
	margin-top:10px;

}
.introImg{
	float:left;
	margin-right:10px;
	width: 475px;
}
.introText{
	float:right;
	width:49%;
}
/*----about hub------*/
#mainContentHub{
	clear: both;
	float: left;
	margin-left: 0;
	/*width: 98%;*/
	width: auto;
	display: block;

	padding:1%;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	background-color:white;
}
#mainContentHub h1{
	margin:5px 0px 10px 0px;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
	color:#4e62b8;
}

#mainContentHub h2{
	margin:5px 0px 10px 0px;
	font-size:16px;
	text-transform:none;
	font-weight:normal;
	color:#4e62b8;
}

#topFeature{
	clear: both;
	width: 100%;
	display: block;
	overflow:hidden;
	height:auto;
}

#topFeature_left{
	float: left;
	margin-left: 0;
	width: 48.3%;
	display: block;
	padding-right: 1em;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #6784d2;
	background-image: url(../_styleImages/about_feature_top_left.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	min-height:142px;
}

#topFeature_left #text{
	width:44%;
	float:right;
	margin:5px;
	color:white;
}

#topFeature_right #text{
	width:61%;
	float:right;
	margin:5px;
	color:white;
}

#topFeature_left #text a, #topFeature_right #text a , #explore a, #middleFeature_right a, #middleFeature_left a,{
	color:#FC6;
	text-decoration:none;
	padding-top:0px;
	font-weight:bold;
	font-size: 12px;
	display:inline-block;
	background:url(images/linkFlower_white.png) 5px 5px no-repeat; 
}
#topFeature_left #text a:hover, #topFeature_right #text a:hover, #explore a:hover
{
	color:#FFC;
}

#topFeature_left #text .title, #topFeature_right #text .title{
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
	clear:both;
	display:block;
}	

#topFeature_right{
	float: right;
	margin-left: 0;
	width: 48%;
	display: block;
	padding-right: 1em;
	background-color: #6784d2;
	background-image: url(../_styleImages/about_feature_top_right.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	min-height:142px;
}
#fullSection{
	width:100%;
	display:block;
	min-height:100px;
	clear:both;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}



#middle_left{
	float:left;
	display:block;
	width:49%;
	margin-top:10px;
}

#middle_right{
	float:right;
	display:block;
	width:49%;
	margin-top:10px;
}

#middle_left img, #middle_right img{
	padding-right:5px;
	float:left;
}

#middle_left #text, #middle_right #text{
	width:65%;
	float:right;
	margin:0;
	line-height:16px;
}

#middle_left #text a, #middle_right #text a, #groupVisit a, #bottomColumn a, #bottomColumnEnd a{
	line-height:18px;
	font-size: 12px;
	text-decoration: none;
	color:#4d63b8;
	font-weight:bold;
	display:inline-block;
	margin-top:5px;
}

#middle_left #text a:hover, #middle_right #text a:hover, #groupVisit a:hover, #bottomColumn a:hover, #bottomColumnEnd a:hover{
	color: #3f3f43;
}

#bottomSection
{
	width:100%;
	display:block;
	background-color:#eff1f7;
	min-height:100px;

	margin-top:10px;
	clear:both;
	position:relative;
	overflow: hidden;

}
#bottomColumn
{
	width:23.8%;
	display:block;
	float:left;
	margin-right:15px;
	padding-bottom:10px;
}

#bottomColumnEnd
{
	width:23.8%;
	display:block;
	float:left;
	padding-bottom:10px;
}
#bottomColumnEnd ul{
	display:block;
	margin-top: 18px;
}

#bottomColumnEnd li{
	list-style:none;
	text-height:18px;
	margin-left:-20px;
}

.bottomColumnHeader{
	background-color:#f8ad50;
	color:white;
	font-weight:bold;
	padding: 5px 0px 5px 5px;
	float:left;
	width:100%
}
.bottomColumnHeaderSmallfont{
	background-color:#f8ad50;
	color:white;
	font-weight:bold;
	padding: 5px 0px 5px 5px;
	font-size:11px;
	float:left;
	width:100%
}
#bottomColumn img, #bottomColumnEnd img{
	padding-top:10px;
	padding-left:0px;
	border:none;
	clear:both;
	display:block;
}
#bottomColumn p{
	padding-left: 5px;
}
#bottomColumn a, #bottomColumnEnd a
{
	text-decoration:none;
}

/*--- visit us ---*/
#explore{
	width:66%;
	padding:0px;
	display:block;
	margin-right:1%;
	float:left;
	background-color:#6784d2;
	color:white;
}

#explore h2{
	color:white;
	margin-top:10px;
	text-decoration:none;
}
	
#explore img{
	margin-right:10px;
	float:left;
}

#whatsNew{
	width:33%;
	float:right;
}
#whatsNew .imgMargin{
	margin-right:4px;
	margin-bottom:7px;
}
#whatsNew .imgEndMargin{
	margin-bottom:7px;
}
#groupVisit{
	width:66%;
	padding:0;
	display:block;
	margin-right:1%;
	float:left;
}

#groupVisit h2{
	display:block;
	margin-top:10px;
}

#whatsNewSub{
	width:100%;
	border-top:#f8ad50 1px dotted;
	margin:5px 0px;
	padding:5px 0px;
	overflow:hidden;
}

#whatsNewSub img{
	margin-right:5px;
}

#whatsNewSub #text{
	display:block; 
	width:88%; 
	float:right;
}

#bottom3Column
{
	width:32.5%;
	display:block;
	float:left;
	margin-right:15px;
	padding-bottom:10px;
}
#bottom3Column p, #bottom3ColumnEnd p{
	padding:10px;

}

#bottom3ColumnEnd{
	width:33%;
	display:block;
	float:right;
}
#bottom3ColumnMid{
	width:31.5%;
	display:block;
	float:left;
	padding-bottom:10px;
}

/*--- action (conservation) ---*/
.topImg{
	float:left;
	margin-right:10px;
	width: 240px;
}


#middleFeature_left{
	float: left;
	margin-left: 0;
	width: 48.2%;
	margin-right:10px;
	display: block;
	padding-right: 1em;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #6784d2;
	min-height:142px;
}
#middleFeature_right{
	float: right;
	margin-left: 0;
	width: 48.0%;
	display: block;
	padding-right: 1em;
	background-color: #6784d2;
	min-height:142px;
}
.middleFeature_left{
	width: 49.6%;
	padding-right: 1em;
	background-color: #6784d2;
	color:white;
}
.middleFeature_right{
	width: 49.2%;
	padding-right: 1em;
	background-color: #6784d2;
	color:white;
}
#middleFeature_right_explore{
	float: right;
	margin-left: 0;
	width: 49.4%;
	display: block;
	padding: 0;
	background-color: #fff;
	min-height:142px;
}
#middleFeature_left p, #middleFeature_right p{
	color:white;
}
.title{
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:-5px;
	clear:right;
	display:block;
	color:white;
}

.buttonYellow
{
	background:url(../_styleImages/bottomYellow_bg.jpg) repeat-x;
	padding:5px 10px;
	text-decoration:none;
	color:#3c3b3b;
	font-weight:normal;
	font-size:12px;
	border:0px;
	cursor:pointer;
}

.buttonYellowLight
{
	background:url(../_styleImages/bottomYellow_bg.jpg) repeat-x;
	padding:5px 8px;
	text-decoration:none;
	color:#000;
}

.buttonGreen {
	background-color: #899639;
	color: #ffffff;
	padding: 5px 8px;
	text-decoration: none;
	cursor: pointer;
}

#bottom2Column
{
	width:49%;
	display:block;
	float:left;
	margin-right:15px;
	padding-bottom:10px;
}
#bottom2ColumnEnd
{
	width:49%;
	display:block;
	float:left;
	padding-bottom:10px;
}

#bottom2Column img, #bottom2ColumnEnd img{
	margin-top:10px;
	margin-right:10px;
	float:left;
}

#bottom2Column p{
	padding-top:25px;
}

#bottom2Column ul
{
	margin-left:-20px;
}

/*----- explore -----*/
.plantSearchSection {
	background-color:#6784d2;

}
.regionalSpotlight {
	background-color:#eff1f7;
	padding:5px;
}
.regionalSpotlightHeader{
	background-color:#f8ad50;
	color:999;
	font-size:11px;
	font-weight:bold;
	padding: 5px;;
	width:97%
}

/*---------shop------------*/
#shopNav{
	width:15%;
	float:left;
	height:auto;
	margin-bottom:10px;
}
#shopPromo{
	width:780px;
	padding:0px;
	display:block;
	margin-left:1%;
	float:right;
	background-color:#f8ad50;
	height:236px;
	color:white;
	margin-top:2px;
}
.shopCatBtn img{
    height: 36px;
    width: 170px;
    border: 0px;
    float: left;
    margin: 2px 0px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
	opacity: 0.9;
}

.shopCatBtn img:hover {
    margin-left: 0px;
	opacity: 1;
	-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  	-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  	box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}

#shopFeaturedSection{
	width:680px;
	margin-right:5px;
	float:left;
}
#shopFeaturedItem {
	width:160px;
	margin-left: 10px;
	padding:0px 0px 10px 0px;;
	float:left;
}

#shopFeaturedItem img{
	border:#aac2e8 solid 1px;
	margin-bottom: 10px;
}

#shopFeaturedItem .txt{
	width:160px;
}

#shopBottomRight
{
	width:255px;
	float:right;
	margin-right:10px;
	margin-top:10px;
	
}

.shopJion{
	width:auto;
	background:url(../_styleImages/shopJoinNewsletter.jpg) #FFF top no-repeat;
	padding:10px;
	margin-bottom:10px;

}

.shopBottomRightSection{
	width:auto; 
	background-color:white;
	padding:10px;
	overflow:hidden;
	margin-bottom:10px;
}
	
.shopBottomRightSectionY{
	width:auto; 
	background-color:#ffcc55;
	padding:10px;
	overflow:hidden;
	margin-bottom:10px;
}

#shopInfo {
    background-color: #fcd365;
    border-bottom: 1px dotted #f8ad51;
    border-top: 1px dotted #f8ad51;
    display: none;
    margin-bottom: 0.65rem;
    padding: 0.5rem;
}

#shopInfo > h4 {
    text-align: center;
}

.shopInfoList {
    margin: 0 auto;
    width: 40rem;
}

#espanolLink{
	color:white;
	float:right;
	position:relative;
	margin-right:16px;
	text-decoration:none;
	margin-top:-25px;
}

#espanolLink a:link{
	color:white;
	float:right;
	position:relative;
	margin-right:16px;
	text-decoration:none;
	margin-top:-25px;
}
#espanolLink a:hover{
	color:#FFC;
}

#espanolLink a:visited{
	color:#FFF;
}

.shopMailChimp {
	margin-top: .8rem;
}

