/*
Theme Name: The Xerces Society
Theme URI: http://www.xerces.org
Description: Custom web template for The Xerces Society
Version: 1.0
Author: Green Tangerine Media
Author URI: http://www.greentangerinemedia.com/
*/

* {
 margin: 0px;
 padding: 0px;
 }
 
body {
	background-color: #EEE8D1;
	font-family: 'Lucinda Grande', Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #222;
	line-height: 1.3em;
	}
	
#container {
	width: 970px;
	margin: 0px auto 20px auto;
	}

#top {
	width: 970px;
	height: 20px;
	background-image: url(images/xtop.gif);
	background-position: top center;
	margin: 0px;
	padding: 0px;
	}
	
#content {
	width: 970px;
	background-image: url(images/xmid.gif);
	background-position: center;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	}
	
#banner {
	width: 940px;
	height: 240px;
	margin: 0px auto 10px auto;
	}
	
#nav {
	width: 940px;
	background-color: #DDD;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	}	
	
#page {
	width: 940px;
	margin: 0px auto;
	background-image: url(images/pagebackground.gif);
	}
	
#maincolumn {
	width: 685px;
	float: left;
	padding: 0px 10px 0px 0px;
	}
	
#homeselect {
	width: 690px;
	float: left;
	padding: 0px;
	margin: 0 0 0px 0;
	}
	
#homeicon {
	width: 75px;
	height: 75px;
	margin: 0 5px 0 0;
	padding-top: 15px;
	float: left;
	}
	
.stafficon {
	width: 120px;
	padding-right: 18px;
	padding-top: 0px;
	height: 250px;
	float: left;}

.mid-caption {
	margin-left:25px;
	margin-right: 25px;
	margin-top: 10px;
	padding-bottom:10px;}

#sidecolumn {
	width: 235px;
	float: right;
	}
	
#subfooter {
	width: 940px;
	margin: 10px auto 0px auto;
	padding-top: 10px;
	text-align: center;
	font-size: 11px;
	color: #666;
	border-top: #CCC 1px solid;
	}
	
#subfooter a:link, #subfooter a:visited {
	color: #666;
	text-decoration: none;
	}
	
#subfooter a:hover {
	color: #666;
	text-decoration: underline;
	}
	
#footer {
	width: 970px;
	background-image: url(images/xbottom.gif);
	background-position: center;
	height: 20px;
	margin: 0px;
	padding: 0px;
	}
	
#clear {
	clear: both;
	}

.blog-image {
	float:right;
	padding-left:10px;
	width:315px;
	}

.blog-image-lt-md {
	float:left;
	padding-right:10px;
	}
	
.clear {
	clear: both;
	}
	
.searchform {
	width: 235px;
	margin: 0px 0px 20px 0px;
	}
	
fieldset {
	border: 1px solid #ccc;
	width: 202px;
	padding: 15px;
	}

legend {
	color: #222;
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px 6px
	}
	
p {
	margin-bottom: 12px;
	}
	

/*h2 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.2em;
	}
	
h3 {
	margin-bottom: 10px;
	color: #4E5917;
	font-size: 16px;
	}
	
h4 { 
	margin-bottom: 10px;
	font-size: 16px;
	color: #666;
	}
	
h5 { 
	margin-bottom: 10px;
	font-size: 14px;
	}
	
h6 { 
	margin-bottom: 10px;
	font-size: 14px;
	font-style: italic;
	color: #D37f27;
	}*/
	
ul {
	padding-left: 25px;
	list-style-type: none;
	padding-bottom: 12px;
	}
	

ol { 
	padding-left: 25px;
	}
	
a:link, a:visited {
	color: #ed8615;
	text-decoration: none;
	}

a:visited {
	color: #ed8615;
	text-decoration: none;
	}

a:hover {
	color: #ed4815;
	text-decoration: underline;
	}
/*
a:link {
	color: #8235C3;
	text-decoration: underline;
	}
	
a:visited {
	color: #4E5917;
	text-decoration: underline;
	}
	
a:hover {
	color: #666;
	text-decoration: underline;
	} */
blockquote {
	margin-left: 50px;
	}
	
.donate {
	display: block;
	border: #BBB 1px solid;
	background-color: #DDD;
	width: 235px;
	line-height: 1.3em;
	color: #222;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	}
	
.donate a {
	display: block;
	color: #222;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	}
	
.donate a:hover {
	
	background-color: #BBB;
	color: #222;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	}
	
.post-meta { color: #666; list-style-type: none; margin-left: 0px; padding-left: 0px; }

.post-meta-key {color: #666; }
	
.alignright {
	float: right;
	font-size: 1em;
	}

.alignleft {
	float: left;
	font-size: 1em;
	}

/* added below 10.30.15 -- why wasn't this in the original CSS? */

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    }
	
.navigation {
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 50px;
	clear: both;
	}
	
#sidecolumn ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	}
	
#sidecolumn li {
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 0px;
	}

/* added bulleted list on 05.17.16 for appeal*/
#bulletedlist ul {
	list-style-type: disc!important;
	margin-left: 0px;
	padding-left: 25px;
	}
	
#bulletedlist li {
	list-style-type: disc!important;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-left: 0px;
	}

.triplelarge {
    font-size: 72px;
    font-weight: normal;
    padding: 40px 0 20px 0;
    display: block;
    }
    
#programsidebars{
	}
    
#programsidebars ul {
	}
	
#programsidebars li {
	margin-bottom: 2px;
	margin-left: 10px;
	}

#paypal {
	width: 96px;
	height: 21px;
	float: right;
	padding-bottom: 10px;
	}
	
#seedstorecontent {
	
	width: 500px;
	float:right;
}

	
	#paypalseedstore {
	width: 170px;
	height: 21px;
	float: right;
	padding-bottom: 70px;
	padding-left: 20px;
	line-height: 10px;
	display:block;
	}

.seedstoreimage{
			float: left;
			margin-right: 10px;
			top: 10px;
			border-color:#ffffff;
			}
			
.seedstorelongimage{
			float: left;
			margin-right: 10px;
			top: 10px;
			padding-bottom: 350px;
			border-color:#ffffff;
			}		

#seedstoreleft {
	width: 260px;
	height: 160px;
	float: left;
	padding: 5px 10px 70px 5px;
	}

#seedstorecaption {
	float: left;
	padding-top: 5px;
	line-height: 150%;
	font-size: 100%;
	}
	
#seedstoreright {
	width: 500px;
	height: 240px;
	float: right;
	padding: 0px 0px 60px 0px;
	line-height: 1.3em;
	}		
	
#bugbitecard li{
	float:left;
	background: #333;
	width:500px;
	}

#pollinator-northamerica {
position: relative;
width: 665px;
height: 600px;
background: #fff url(/images/northamerica.gif) no-repeat;
margin: 2em auto;
padding: 0;
}

#pollinator-northamerica li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}

#pollinator-northamerica a {
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
cursor:default;
}

/* while testing 
#pollinator-northamerica a:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.60;
-khtml-opacity: 0.6;
}
*/

#pollinator-neast a:hover, #pollinator-midatl a:hover, #pollinator-seast a:hover, #pollinator-greatlakes a:hover, #pollinator-ncentral a:hover, #pollinator-scentral a:hover, #pollinator-swest a:hover, #pollinator-mtn a:hover, #pollinator-pacnw a:hover, #pollinator-cal a:hover
{background: url(/images/northamerica.gif); background-repeat:no-repeat;}


#pollinator-neast {left: 436px; top: 20px; width: 229px; height: 312px;}
#pollinator-neast a {height: 312px;}
#pollinator-neast a:hover {background-position:-436px -931px;}
#pollinator-neast-alone {float:left; background: #fff url(/images/northamerica.gif) no-repeat;  background-position:-436px -931px; height: 312px; width:229px;}


#pollinator-midatl {left: 450px; top: 324px; width: 118px; height: 122px;z-index: 10;}
#pollinator-midatl a {height: 122px;}
#pollinator-midatl a:hover {background-position:0px -1134px;}
#pollinator-midatl-alone {float:left; background: #fff url(/images/northamerica.gif) no-repeat;  background-position:0px -1134px; width: 118px; height: 122px;}


#pollinator-seast {left: 340px; top: 384px; width: 190px; height: 207px;z-index: 5;}
#pollinator-seast a {height: 207px;}
#pollinator-seast a:hover {background-position:-426px -1259px;}
#pollinator-seast-alone {float:left; background: #fff url(/images/northamerica.gif) no-repeat;  background-position:-426px -1259px; width: 190px; height: 207px;}


#pollinator-greatlakes {left: 309px; top: 128px; width: 228px; height: 292px;}
#pollinator-greatlakes a {height: 292px;}
#pollinator-greatlakes a:hover {background-position:-422px -619px;}
#pollinator-greatlakes-alone {float:left; background: #fff url(/images/northamerica.gif) no-repeat;  background-position:-422px -619px; width: 218px; height: 292px;}


#pollinator-ncentral {left: 107px; top: 57px; width: 261px; height: 332px;}
#pollinator-ncentral a {height: 332px;}
#pollinator-ncentral a:hover {background-position:-150px -599px;}
#pollinator-ncentral-alone {float:left; background: #fff url(/images/northamerica.gif) no-repeat;  background-position:-150px -599px; width: 261px; height: 332px;}


#pollinator-scentral {left: 216px; top: 369px; width: 197px; height: 223px;}
#pollinator-scentral a {height: 223px;}
#pollinator-scentral a:hover {background-position:-210px -1232px;}
#pollinator-scentral-alone {float:left; background: #fff url(/images/northamerica.gif) no-repeat;  background-position:-210px -1232px; width: 197px; height: 223px;}


#pollinator-swest {left: 84px; top: 403px; width: 167px; height: 137px;}
#pollinator-swest a {height: 137px;}
#pollinator-swest a:hover {background-position:0px -1304px;}
#pollinator-swest-alone {float:left; background: #fff url(/images/northamerica.gif) no-repeat;  background-position:0px -1304px; width: 157px; height: 137px;}


#pollinator-mtn {left: 51px; top: 156px; width: 178px; height: 274px;}
#pollinator-mtn a {height: 274px;}
#pollinator-mtn a:hover {background-position:-164px -934px;}
#pollinator-mtn-alone {float:left; background: #fff url(/images/northamerica.gif) no-repeat;  background-position:-164px -934px; width: 178px; height: 274px;}


#pollinator-pacnw {left: -1px; top: 1px; width: 141px; height: 322px;}
#pollinator-pacnw a {height: 322px;}
#pollinator-pacnw a:hover {background-position:0px -599px;}
#pollinator-pacnw-alone {float:left; background: #fff url(/images/northamerica.gif) no-repeat;  background-position:0px -599px; width: 141px; height: 322px;}


#pollinator-cal {left: 8px; top: 302px; width: 99px; height: 163px;}
#pollinator-cal a {height: 163px;}
#pollinator-cal a:hover {background-position:-28px -934px;}
#pollinator-cal-alone {float:left; background: #fff url(/images/northamerica.gif) no-repeat;  background-position:-28px -934px;  width: 99px; height: 163px;}

#pollinator-swest-region {
  background:url(/images/northamerica.gif);
  background-repeat: no-repeat; background-position:0px -1304px; width:167px; height: 137px; float:left;margin: 0px 25px 25px 25px;
  }
  
  #pollinator-midatl-region {
  background:url(/images/northamerica.gif);
  background-repeat: no-repeat; background-position:0px -1134px; width:118px; height: 122px; float:left;margin: 0px 25px 25px 25px;
  }

  #pollinator-ncentral-region {
  background:url(/images/northamerica.gif);
  background-repeat: no-repeat; background-position: -150px -599px; width:261px; height: 332px; float:left;margin: 0px 25px 25px 25px;  
  }
 
  #pollinator-cal-region {
  background:url(/images/northamerica.gif);
  background-repeat: no-repeat; background-position:-28px -934px; width:99px; height: 163px; float:left;margin: 0px 25px 25px 25px;
  } 
  
  #pollinator-greatlakes-region {
  background:url(/images/northamerica.gif);
  background-repeat: no-repeat; background-position:-422px -619px; width:228px; height: 292px; float:left;margin: 0px 25px 25px 25px;
  }
  
  #pollinator-mtn-region {
  background:url(/images/northamerica.gif);
  background-repeat: no-repeat; background-position:-164px -934px; width:178px; height: 274px; float:left;margin: 0px 25px 25px 25px;
  }
  
  #pollinator-neast-region {
  background:url(/images/northamerica.gif);
  background-repeat: no-repeat; background-position:-438px -931px; width:229px; height: 312px; float:left;margin: 0px 25px 25px 25px;
  }
  
  #pollinator-pacnw-region {
  background:url(/images/northamerica.gif);
  background-repeat: no-repeat; background-position:0px -599px; width:141px; height: 322px; float:left;margin: 0px 25px 25px 25px;
  }
  
  #pollinator-scentral-region {
  background:url(/images/northamerica.gif);
  background-repeat: no-repeat; background-position:-210px -1232px; width:197px; height: 223px; float:left;margin: 0px 25px 25px 25px;
  }
  
  #pollinator-seast-region {
  background:url(/images/northamerica.gif);
  background-repeat: no-repeat; background-position:-426px -1259px; width:190px; height: 207px; float:left;margin: 0px 25px 25px 25px;
  }   

.MMW_rsce_col_1 {
	float:left;
	width:360px;
	}
	
.MMW_rsce_col_2 {
	float:left;
	width:230px;
	}

.MMW_rsce_col_3 {
	float:left;
	width:686px;
	}