@charset "utf-8";
body {
	margin: 0px;
	color: #151515;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background-color: #EFF5F8;
	font-style: normal;
	/* [disabled]font-weight: 600; */
}
#contributerecipe2 {
	color: #732F14;
}
#underwrapper {
	width: 100%;
	background-color: #FFFFFF;
}
.cookheadings {
	color: #732F14;
	/* [disabled]text-align: center; */
}
.fromfriendsof {
	position: relative;
	top: -20px;
	font-weight: normal;
	font-size: medium;
}
.friendRecipe {
	margin-left: 20px;
	margin-right: 20px;
}
.normaltext {
	font-weight: normal;
	font-size: medium;
}
#beemappractice {
	max-width: 100%;
	margin-top: -211px;
	margin-bottom: -21px;
	position: relative;
}
#beemap {
	max-width: 100%;
}
#beemaptemp {
	max-width: 100%;
	position: relative;
	padding-top: 212px;
}
#bees {
	width: 57.3%;
	position: relative;
	font-size: large;
	margin-left: 2%;
	float: left;
}
#honeybees {
	padding-right: 0px;
}
#wrapper {
	width: 100%;
	min-width: 700px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
#wrapper2 {
	max-width: 1500px;
	width: 100%;
	min-width: 800px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
#wrapper2 #WI {
}
#recipe {
	width: 36%;
	margin-left: 9%;
	float: left;
	/* [disabled]clear: both; */
	margin-bottom: 100px;
}
c {
	font-size: medium;
	font-weight: normal;
}
#recipesrightside {
	width: 36%;
	float: right;
	margin-right: 47px;
}
h10 {
	font-size: large;
	/* [disabled]text-align: center; */
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	color: #3399CC;
	top: -23px;
	position: relative;
}
h7 {
	color: #43A6CB;
	text-align: center;
	top: -22px;
	position: relative;
	right: -67px;
}
#cotributerecipe {
	color: rgba(219,23,26,1.00);
}
#linkstorecipes {
	margin-left: 41px;
}
#AndyCustard {
	margin-left: 0px;
	border: thick double #B06649;
	left: -64px;
	position: relative;
	top: 7px;
}
#andy {
	margin-left: 20px;
	margin-right: 20px;
}
#DonnaMuffins {
	margin-left: 0px;
	border: thick double #B06649;
	position: relative;
	top: 51px;
	right: -60px;
}
.recipeHeading {
	color: #732F14;
	font-size: 23px;
	font-weight: 600;
}
#share {
	position: relative;
	top: 60px;
}
#cookinghead {
	padding-top: 20px;
	margin-top: 0px;
	top: -5px;
	position: relative;
	bottom: 0px;
	color: #FFFFFF;
	background-color: #9B4E16;
	padding-bottom: 19px;
	font-family: "Source Sans Pro", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: 400;
	font-style: normal;
}
#HeroCook {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 1000px;
	min-width: 800px;
}

#WI {
	top: -5.5%;
	position: absolute;
	left: 0%;
	width: 17%;
	height: auto;
	max-width: 100%;
}
#title {
	padding-bottom: 0px;
	position: relative;
	padding-top: 0px;
	z-index: 0;
	max-width: 100%;
	/* [disabled]width: 100%; */
	margin-top: 1px;
	margin-bottom: 15px;
}
#wrapperfactandfancy {
	width: 100%;
	min-width: 800px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
#top {
    overflow: hidden;
}
#hero {
	width: 100%;
	max-width: 1000px;
	min-width: 800px;
	margin-left: auto;
	margin-right: auto;
	left: auto;
	right: auto;
}
#hero img {
	width: 100%;
}
#blossoms {
	width: auto;
}
h1, h2 {
	color: #3399cc;
	font-style: normal;
	font-weight: 600;
	font-family: source-sans-pro;
	font-size: medium;
}

h1 {
	font-size: 72px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	text-transform: uppercase;
}
#cookingH1 {
	color: #9B4E16;
}
h2 {
	margin-top: 0.5em;
	text-align: left;
	width: 100%;
	max-width: 100%;
	font-size: 24px;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600;
}
h3 {
	width: 58%;
	text-align: center;
	font-style: normal;
	font-weight: 200;
	font-size: medium;
}
h4 {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 700;
	font-size: medium;
}
#cooking {
	color: #1DD935;
	font-size: xx-large;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	text-shadow: -3px -3px 1px rgba(229,19,22,0.80);
	text-decoration: none;
}
#main {
	width: 95%;
	margin-left: 2.5%;
	float: none;
	text-align: left;
	padding-left: 0%;
	font-size: x-large;
	padding-top: 0px;
	margin-top: 19.5px;
	margin-right: 2.5%;
}
#wrapper #top {
}
#varieties {
	width: 58%;
	margin-left: 2%;
	float: left;
	position: static;
	margin-bottom: 50px;
}
#example_1 img {
	/* [disabled]width: 58%; */
	margin-top: 0px;
	margin-bottom: 0px;
}
#varieties h2 {
	/* [disabled]text-align: left; */
}
#elaorcharddiv {
	width: 40%;
	float: left;
	margin-left: 2%;
	clear: none;
	margin-top: -30px;
}
#elaorchard {
	width: 100%;
	margin-left: 0px;
	font-size: large;
}
#labeldiv {
	width: 55%;
	float: left;
	margin-top: 37px;
	margin-right: 0px;
}
#labelela {
	/* [disabled]text-align: center; */
	position: relative;
	left: 8px;
	margin-right: 8%;
	margin-top: -3%;
	top: 18px;
	/* [disabled]margin-left: 0px; */
	/* [disabled]right: 0px; */
}
#sidebar {
	width: 34%;
	margin-left: 4%;
	float: left;
}
.centered {
	margin-left: auto;
	margin-right: auto;
}
.centerText {
	text-align: center;
}
.floatleft {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}
.floatright {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
}
.opacity {
	opacity: 0;
}
footer {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2%;
	background-color: #43a6cb;
	color: #FFFFFF;
	clear: left;
}
#AndyCustard .friendRecipe p {
}
.ingredientlist {
	display: block;
	list-style: none;
	text-decoration: none;
	margin-left: -25px;
	margin-top: -11px;
}
a {
	font-weight: normal;
	text-decoration: none;
	/* [disabled]font-size: medium; */
}
b {
	font-size: 30px;
	font-weight: normal;
	color: #6C0603;
	text-align: center;
}
i {
	font-style: italic;
}
a:link {
	color: #00FF21;
	opacity: 1;
}
a:visited {
	color: #FF944C;

}
a:hover, a:active, a:focus {
	color: #007F12;
	text-decoration: underline;
}
#mainnav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#mainnav a {
	width: 20%;
	display: block;
	float: left;
	text-align: center;
	background-color: #4d4d4d;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-top: 6px;
	padding-bottom: 6px;
	clear: none;
	z-index: 1;
	font-size: medium;
	font-weight: normal;
}
#mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
	background-color: #43a6cb;
	text-decoration: none;
}
#example_1 {
}
#example_2 {
}
#example_3 {
}
#example_4 {
}
#prices {
}
#purchase {
}
#comments {
	font-size: large;
	font-weight: normal;
	margin-top: -9px;
}
#labelladuehero {
	margin-top: -159px;
	position: static;
	margin-left: 4%;
	margin-right: 11%;
}
#laduelabel {
	margin-left: 28%;
	margin-top: -20px;
}
#updates {
	font-size: medium;
}
#rightside {
	float: left;
	/* [disabled]margin-top: 4%; */
	/* [disabled]margin-right: 4%; */
	/* [disabled]margin-bottom: 4%; */
	margin-left: 2%;
	width: 34%;
	/* [disabled]clear: left; */
	font-size: large;
	position: static;
	/* [disabled]font-weight: normal; */
}
#middlelabel {
	width: 100%;
	margin-left: 0%;
}



#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
	height: auto;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 16px Tahoma;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	text-align: right;
	margin-bottom: 0px;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
	width: 100%;
	height: 100%;
	position: static;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}
#map {
	position: relative;
	clear: none;
	margin-bottom: -21px;
	top: 14px;
}
#maplables {
	width: 100%;
	position: absolute;
	max-width: 1200px;
	height: 100%;
}
#labelladue.opacity {
	position: absolute;
	width: 12%;
	height: 7%;
	top: 2%;
	left: 74%;
}
#labelladuepractice.opacity {
	width: 12%;
	height: 8%;
	position: absolute;
	top: 2%;
	left: 74%;
}
#wrapper2 #mappractice #beemappractice {
}
#labelhr.opacity {
	position: absolute;
	left: 62%;
	width: 12%;
	height: 8%;
	top: 32%;
	bottom: 0%;
}
#labelhrpractice.opacity {
	width: 12%;
	height: 8%;
	position: absolute;
	left: 61.5%;
	top: 33%;
}
#labelterry.opacity {
	position: absolute;
	top: 58%;
	left: 46%;
	width: 11%;
	height: 8%;
}
#labelterrypractice.opacity {
	width: 12%;
	height: 8%;
	position: absolute;
	top: 59%;
	left: 45.5%;
}
#labelbourbon.opacity {
	width: 12%;
	height: 8%;
	position: absolute;
	top: 82%;
	left: 7%;
}
#labelbourbonpractice.opacity {
	width: 12%;
	height: 8%;
	left: 7%;
	position: absolute;
	top: 83%;
}
#labelela.opacity {
	position: absolute;
	width: 13%;
	height: 8%;
	top: 19%;
	left: 5%;
}
#labelelapractice.opacity {
	width: 12%;
	height: 8%;
	position: absolute;
	top: 9.5%;
	left: 4.5%;
	z-index: 1;
}
p a #labelbpractice {
}
h5 {
	color: #FFFFFF;
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 400;
	font-size: xx-large;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #43A6CB;
	padding-top: 20px;
	padding-bottom: 19px;
	position: static;
}
h6 {
	font-family: source-sans-pro;
	font-style: normal;
	font-weight: 600;
	font-size: x-large;
	text-align: center;
	margin-bottom: 0px;
	margin-top: -6px;
	background-color: #313131;
	color: #F9F9F9;
	padding-top: 9px;
}
#spacer {
	width: 100%;
	height: 71px;
	background-color: #4D4D4D;
	min-height: 0px;
}
#type1 {
	margin-left: 20px;
}
#type2 {
	margin-left: 20px;
}
#where {
	font-size: 200%;
	color: #FFFFFF;
	background-color: #CB973B;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 31px;
	margin-bottom: -37px;
	margin-top: -1px;
	padding-bottom: 40px;
}
#clicksymbol {
	background-color: #CB973B;
	margin-left: auto;
	margin-right: auto;
	font-size: 150%;
	text-align: center;
	color: #ffffff;
	margin-top: -5px;
	margin-bottom: -17px;
	padding-top: 0px;
	padding-bottom: 16px;
}
a {
}
a:link {
	color: #f07f2d;
	font-weight: bold;
	font-size: medium;
}
a:visited {
	color: #FF944C;
}
a:hover, a:active, a:focus {
	color: #9B4F17;
}
#ela {
	float: none;
	/* [disabled]clear: both; */
}
#elahoneylabel {
	float: right;
	margin-left: auto;
	margin-right: auto;
	position: static;
	left: 33%;
	opacity: 1;
	z-index: 1;
	margin-top: -26px;
}
#2015laduemix {
	position: static;
	right: 0%;
}
#facts {
	width: 65%;
	margin-left: 2%;
	float: left;
	position: static;
	margin-top: -16px;
}
#fancies {
	width: 32%;
	margin-left: 0%;
	background-color: #FFFFFF;
	margin-top: -66px;
	z-index: 0;
	float: left;
	font-size: large;
}
#aristaeus {
	margin-right: 4%;
	margin-left: 4%;
	font-size: 15.1pt;
}
#h2facts {
	font-size: xx-large;
	color: #FFFE1B;
	background-color: #46ABD4;
	margin-left: 0%;
	position: static;
	z-index: 1;
	margin-right: 0%;
	width: 67%;
	margin-top: 0px;
}
#spacerfact {
	height: 44px;
	width: 67%;
	background-color: #46ABD4;
	background-image: -webkit-linear-gradient(270deg,rgba(77,77,77,1.00) 0%,rgba(70,171,212,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(77,77,77,1.00) 0%,rgba(70,171,212,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(77,77,77,1.00) 0%,rgba(70,171,212,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(77,77,77,1.00) 0%,rgba(70,171,212,1.00) 100%);
}
#spacerfancy {
	width: 33%;
	background-color: #C0272A;
	/* [disabled]clear: left; */
	z-index: 0;
	height: 48px;
	position: relative;
	top: -116px;
	bottom: 0px;
	right: 0px;
	float: left;
	background-image: -webkit-linear-gradient(270deg,rgba(77,77,77,1.00) 0%,rgba(248,248,20,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(77,77,77,1.00) 0%,rgba(248,248,20,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(77,77,77,1.00) 0%,rgba(248,248,20,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(77,77,77,1.00) 0%,rgba(248,248,20,1.00) 100%);
}
#spacersideways {
	width: 8%;
	height: 44px;
	background-color: #D83E25;
	position: absolute;
	background-image: -webkit-linear-gradient(184deg,rgba(255,254,27,1.00) 0%,rgba(70,171,212,1.00) 100%);
	background-image: -moz-linear-gradient(184deg,rgba(255,254,27,1.00) 0%,rgba(70,171,212,1.00) 100%);
	background-image: -o-linear-gradient(184deg,rgba(255,254,27,1.00) 0%,rgba(70,171,212,1.00) 100%);
	background-image: linear-gradient(266deg,rgba(255,254,27,1.00) 0%,rgba(70,171,212,1.00) 100%);
	top: 171px;
	right: 301px;
}
#h2fancies {
	font-size: xx-large;
	background-color: #F9F813;
	text-shadow: 0px 0px;
	z-index: 1;
	margin-left: 0%;
	width: 33%;
	margin-top: -118px;
	padding-left: 0px;
	float: left;
	opacity: 1;
}
#hfancy {
	color: #3399CC;
	/* [disabled]background-color: #8FC9E7; */
	top: auto;
}
h8     {
	color: #B52664;
	text-align: right;
	font-weight: normal;
}
#h9 {
}
#nectarandhoney {
	width: 40%;
	float: left;
	font-size: 15.11pt;
}
#subhead.centerText {
	color: #46ABD4;
}

// ------------------------------------------------------------------- // Image Thumbnail Viewer Script- By Dynamic Drive, available at: http://www.dynamicdrive.com // Last updated: July 7th, 2008- Fixed enlarged image not showing in IE sometimes // -------------------------------------------------------------------  var thumbnailviewer={ enableTitle: true, //Should "title" attribute of link be used as description? enableAnimation: true, //Enable fading animation? definefooter: '<div class="footerbar">CLOSE X</div>', //Define HTML for footer interface defineLoading: '<img src="loading.gif" /> Loading Image...', //Define HTML for "loading" div  /////////////No need to edit beyond here/////////////////////////  scrollbarwidth: 16, opacitystring: 'filter:progid:DXImageTransform.Microsoft.alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1', targetlinks:[], //Array to hold links with rel="thumbnail"  createthumbBox:function(){ //write out HTML for Image Thumbnail Viewer plus loading div document.write('<div id="thumbBox" onClick="thumbnailviewer.closeit()"><div id="thumbImage"></div>'+this.definefooter+'</div>') document.write('<div id="thumbLoading">'+this.defineLoading+'</div>') this.thumbBox=document.getElementById("thumbBox") this.thumbImage=document.getElementById("thumbImage") //Reference div that holds the shown image this.thumbLoading=document.getElementById("thumbLoading") //Reference "loading" div that will be shown while image is fetched this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes },   centerDiv:function(divobj){ //Centers a div element on the page var ie=document.all && !window.opera var dom=document.getElementById var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight //Full scroll height of document var objwidth=divobj.offsetWidth //width of div element var objheight=divobj.offsetHeight //height of div element var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+10+"px" //Vertical position of div element: Either centered, or if element height larger than viewpoint height, 10px from top of viewpoint divobj.style.left=docwidth/2-objwidth/2+"px" //Center div element horizontally divobj.style.top=Math.floor(parseInt(topposition))+"px" divobj.style.visibility="visible" },  showthumbBox:function(){ //Show ThumbBox div thumbnailviewer.thumbLoading.style.visibility="hidden" //Hide "loading" div this.centerDiv(this.thumbBox) if (this.enableAnimation){ //If fading animation enabled this.currentopacity=0.1 //Starting opacity value this.opacitytimer=setInterval("thumbnailviewer.opacityanimation()", 20) } },   loadimage:function(link){ //Load image function that gets attached to each link on the page with rel="thumbnail" if (this.thumbBox.style.visibility=="visible") //if thumbox is visible on the page already this.closeit() //Hide it first (not doing so causes triggers some positioning bug in Firefox var imageHTML='<img src="'+link.getAttribute("href")+'" style="'+this.opacitystring+'" />' //Construct HTML for shown image if (this.enableTitle && link.getAttribute("title")) //Use title attr of the link as description? imageHTML+='<br />'+link.getAttribute("title") this.centerDiv(this.thumbLoading) //Center and display "loading" div while we set up the image to be shown this.thumbImage.innerHTML=imageHTML //Populate thumbImage div with shown image's HTML (while still hidden) this.featureImage=this.thumbImage.getElementsByTagName("img")[0] //Reference shown image itself if (this.featureImage.complete) thumbnailviewer.showthumbBox() else{ this.featureImage.onload=function(){ //When target image has completely loaded thumbnailviewer.showthumbBox() //Display "thumbbox" div to the world! } } if (document.all && !window.createPopup) //Target IE5.0 browsers only. Address IE image cache not firing onload bug: panoramio.com/blog/onload-event/ this.featureImage.src=link.getAttribute("href") this.featureImage.onerror=function(){ //If an error has occurred while loading the image to show thumbnailviewer.thumbLoading.style.visibility="hidden" //Hide "loading" div, game over } },  setimgopacity:function(value){ //Sets the opacity of "thumbimage" div per the passed in value setting (0 to 1 and in between) var targetobject=this.featureImage if (typeof targetobject.style.opacity=="string") //Standard opacity syntax targetobject.style.opacity=value else if (typeof targetobject.style.MozOpacity=="string") //Old Mozilla syntax targetobject.style.MozOpacity=value else if (targetobject.filters && targetobject.filters[0]){ //IE syntax if (typeof targetobject.filters[0].opacity=="number") //IE6 targetobject.filters[0].opacity=value*100 else //IE 5.5 targetobject.style.filter="alpha(opacity="+value*100+")" } else //Non of the above, stop opacity animation this.stopanimation() },  opacityanimation:function(){ //Gradually increase opacity function this.setimgopacity(this.currentopacity) this.currentopacity+=0.1 if (this.currentopacity>1) this.stopanimation() },  stopanimation:function(){ if (typeof this.opacitytimer!="undefined") clearInterval(this.opacitytimer) },   closeit:function(){ //Close "thumbbox" div function this.stopanimation() this.thumbBox.style.visibility="hidden" this.thumbImage.innerHTML="" this.thumbBox.style.left="-2000px" this.thumbBox.style.top="-2000px" },  cleanup:function(){ //Clean up routine on page unload this.thumbLoading=null if (this.featureImage) this.featureImage.onload=null this.featureImage=null this.thumbImage=null for (var i=0; i<this.targetlinks.length; i++) this.targetlinks[i].onclick=null this.thumbBox=null },  dotask:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload) var tasktype=(window.addEventListener)? tasktype : "on"+tasktype if (target.addEventListener) target.addEventListener(tasktype, functionref, false) else if (target.attachEvent) target.attachEvent(tasktype, functionref) },  init:function(){ //Initialize thumbnail viewer script by scanning page and attaching appropriate function to links with rel="thumbnail" if (!this.enableAnimation) this.opacitystring="" var pagelinks=document.getElementsByTagName("a") for (var i=0; i<pagelinks.length; i++){ //BEGIN FOR LOOP if (pagelinks[i].getAttribute("rel") && pagelinks[i].getAttribute("rel")=="thumbnail"){ //Begin if statement pagelinks[i].onclick=function(){ thumbnailviewer.stopanimation() //Stop any currently running fade animation on "thumbbox" div before proceeding thumbnailviewer.loadimage(this) //Load image return false } this.targetlinks[this.targetlinks.length]=pagelinks[i] //store reference to target link } //end if statement } //END FOR LOOP //Reposition "thumbbox" div when page is resized this.dotask(window, function(){if (thumbnailviewer.thumbBox.style.visibility=="visible") thumbnailviewer.centerDiv(thumbnailviewer.thumbBox)}, "resize")   } //END init() function  }  thumbnailviewer.createthumbBox() //Output HTML for the image thumbnail viewer thumbnailviewer.dotask(window, function(){thumbnailviewer.init()}, "load") //Initialize script on page load thumbnailviewer.dotask(window, function(){thumbnailviewer.cleanup()}, "unload")
	
#lable1 {
}
#imagespacer {
	height: 200px;
	width: 195px;
	float: left;
}
#beemappractice {
	max-width: 100%;
	margin-top: -65px;
}
#mappractice {
	position: static;
	margin-top: 0px;
	opacity: 1;
	top: -23px;
	bottom: 0px;
	width: auto;
	height: auto;
	padding-top: 0px;
	z-index: 4;
}
#test {
	max-height: 100%;
	margin-top: -105px;
}
#mainrecipe {
	/* [disabled]font-size: x-large; */
	/* [disabled]text-align: center; */
	width: 50%;
}
#practicing {
	font-size: x-large;
	float: left;
	text-shadow: 0px 0px #DB1216;
}
#wrapperfactandfancy #spacersideways {
}