body {

    padding:0px;
	margin:0px;
	font: 0.8125em/1em Verdana, Arial, Helvetica, sans-serif;
	/*background-color:#663300;*/
	background-image:  url(../images/bkgd_dots06.gif);
	text-align: center; /*Centers in IE */
}

.resourceTitle, .resourceTitle a:link, .resourceTitle a:visited, .resourceTitle a:hover, resourceTitle a:active {font-style:italic;}
.source {font-size: smaller;}
.resourceSourceItalic {font-style:italic;font-size: smaller;}

.bw-img {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}

td.chocolateItem {
    text-align:right;
	vertical-align: text-top;
	width:100%;
	background-color:transparent;	
    }
	
td.chocolateItem2 {
    text-align:right;
	vertical-align: text-top;
	background-color:transparent;	
    }
	
td.addToCart {
    text-align:right;
	vertical-align: middle;
	background-color:transparent;
    }
	
table.shop {
	width:100%;
	float:right;
	margin-right:25px;
	}
	
table.shop2 {
	float:right;
	margin:0 25px 0 5px;
	}	
	
table.shop td {vertical-align:top;}	

div.chocolateDescription {border-top:1px solid #c63;}
	

ul, ol {list-style: square; margin-top: -6px;margin-bottom:15px;}	

/*#column1 li {padding-bottom:5px; line-height:1.2em;}*/



#sectionIntro p {
	font: bold 1.2em Scala, Georgia, "Times New Roman", Times, serif; 
	line-height: 140%;
	color:#663300;
	}
	
#sectionIntro p.source {
	font: .92em Verdana, Arial, Helvetica, sans-serif; 
	color:#666600;
	padding-left:50px;
	}
	

#introKeypoints p {
	/*border-top: 1px solid #ccc;*/ 
	padding-top:10px;
	line-height:160%;
	}

#container {
	margin: 0 auto; /*Centers in FF */
	text-align:left;/*For IE/Win, properly aligns content left; otherwise, content remains centered in IE*/ 
	font-size: 0.88em;
	width: 761px; 
	border-top: 4px solid #EFC4C4;
	border-bottom: 6px solid #EFC4C4;
	background-color:#fff;
	}
	
#intro { 
	position:relative;
	width:761px;
	background-color:#fff;
	/*height:120px;*/
	}

.navLogo {
	z-index: 1;
	position:absolute;
	left:100px;
	top:10px;
	}


.navLogotype {
	z-index: 3;
	position:absolute;
	top:25px;
	left:217px;
	}
	
.navFindcenter {
	z-index: 5;
	position:absolute;
	top:10px;
	left:550px;
	border-bottom: 2px solid #fff;
	text-align:right;
	}
	
.shopClosed {
	z-index: 6;
	position:absolute;
	top:110px;
	left:200px;
	text-align:left;
	}		

	
/*navLevel1 (1 as in one) contains the sections' main content, usually including overview, video, etc.*/
#navLevel1 {
	z-index: 10000;
	position:absolute;
	top:139px;
	/*top:134px;*/
	right:30px;
    }
#navLevel1 ul {
	float:right;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}
#navLevel1 li {
	display:inline;
	
	margin-bottom:0;
	padding-bottom:0;
}


/*navLevel2 contains the video subnavigation links*/
#navLevel2 {
	z-index: 10001;
	position:absolute;
	top:157px;
	right:228px;
	height:33px;
	border-right:1px solid #000;
}
#navLevel2 ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}
#navLevel2 li {
	display:inline;
	margin:0;
	padding:0;
}

#videoFlash {
	z-index: 10005;
	position:absolute;
	top:182px;
	left:0px;
	height:300px;
	width:240px;
	background:none;
	visibility: hidden;
	overflow:hidden;
}

#videoFlashORIG {
	z-index: 10005;
	position:absolute;
	top:182px;
	left:0px;
	height:180px;
	width:240px;
	background:none;
	visibility: hidden;
	overflow:hidden;
}

#videoFlashRegionalThumbnail {
	
	height:150px;
	width:200px;
	
}

#videoFlashRegional {
	z-index: 10005;
	position:relative;
	top:-239px;
	left:0px;
	height:150px;
	width:200px;
	background:none;
	visibility: hidden;
	overflow:hidden;
}

/*second videopanel layer is used only for the home page. It completely covers the signature image*/
#videopanel2 {
	z-index: 10003;
	position:absolute;
	top:182px;
	left:0px;
	height:180px;
	width:532px;
	background-color:#fff;
	visibility: hidden;
	overflow:hidden;
	background-image:url(../images/vid_overviewToolkitIntro.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}


#videopanel {
	z-index: 10002;
	position:absolute;
	top:181px;
	left:0px;
	height:200px;
	background-color:#fff;
	width:761px;
	border: 1px solid #ccc;
	border-left: 0px;border-right:0px;
	overflow:hidden;
	}


#videopanel3 {
	z-index: 10010;
	position:absolute;
	top:181px;
	left:0px;
	height:180px;
	background-color:#fff;
	width:200px;
	border: 0px;
	overflow:hidden;
	}	

#videopanel img{
	position:absolute;
	top:0px;
	left:0px;
	}

#videopanel p, #videopanel2 p {
	padding: 15px 20px 0px 255px;
	}


#map {
	z-index: 20000;
	position:absolute;
	top:155px;
	left:15px;
	height:426px;
	width:500px;
	}
	
#practicalTips {
padding: 20px 5px 0px 20px;
	}

#practicalTips p{
	font-weight: bold;
	font-family:Scala, Georgia, "Times New Roman", Times, serif;
	}



#tips {
	border-top: 1px solid #ccc; 
	padding: 0px 10px 10px 20px; 
	margin-bottom:10px;}
	
#resourcesSideWis2 {
	padding: 200px 10px 10px 0px; 
	margin-bottom:10px;}
	
#resourcesSideWis2 h3 {padding-left:15px;}	
		
#resourcesSideMapLeft {padding-top:200px;}
#resourcesMapRight {padding-top:200px;}

/*IMAGEs*/
#resource3 .thumbnail {
	margin: 7px 0 20px 0px;
	clear:both;
	float: left;
	background-color:#EFC5C5;
	}

/*TYPOGRAPHY*/

h1 {font: bold 2em Scala, Georgia, "Times New Roman", Times, serif; /*letter-spacing: 2px; text-transform: uppercase;*/}
h2 {font:  bold 1.5em Scala, Georgia, "Times New Roman", Times, serif; color:#009999;}
h3 {font: bold 1.0em Verdana, Arial, sans-serif;line-height:1.2em; margin-top:0px;padding-top:2px;}
#resourcesSideWis h3, #resourcesSideNational h3 {margin-left:15px; margin-top: 0px; margin-bottom: 5px;}
	
h4 {font: bold .9em Verdana, Arial, sans-serif; letter-spacing: 1px; margin-bottom:0px; }


blockquote {font:  0.85em/17px Verdana, Arial, sans-serif;
  margin: 20px 0px 20px -6px;}

.bold {font-weight:bold;}


.clearboth {
	clear:both;
	}

.italic {font-style:italic;}	



/*body type sizing, padding, and margins
heirarchy: main>content + sidebar*/
  
#content p,  #content h4, /*#column1 p,*/ #column2 p, #column2 h3  {margin: 0px 20px 5px 15px;}
/*#column1 p {line-height:1.2em; padding-bottom:10px*/

#column2 p  {margin: 0px 20px 12px 15px;}
#column3 p  {margin: 4px 0px 20px 0px;}

#sidebar p.caption  {font-size: 0.85em; line-height: 1.5em;text-indent:0px; margin: 5px 0px 10px 0px; color:#436C8B;}


/*resource3 is for video; p left margin is 130px, to accomodate larger thumbnail
*/
#resource3 div, #bios div {padding-bottom:10px;background-color:transparent;clear:both;}
#resource3 ul{
	margin: -10px 10px 15px 130px;
	}
	
#resource3 li{
	margin-bottom: 15px;
	}
	
	
#resource3 p {
	margin: 5px 50px 0px 15px;
	background-color:transparent;
	}	
	

	
#resource3 h3, #bios p, #acknowledgements h3 {
	margin: 5px 10px 0px 130px;
	}

#resource2 p{
	margin: 5px 10px 0px 80px;
	}
	
#acknowledgements p  {
	margin: 5px 10px 10px 130px;
	}	
		


.rule {
	border-bottom:1px solid #ccc;
	width:350px;
	padding-bottom:10px;
	margin-bottom:10px;
	}


#content .title {font: 1.8em Georgia, Times, serif; margin-bottom: 0.5em;}
.title {text-transform: none; letter-spacing: 1px;}
.title a:link, .title a:visited {color: #333;}
.title a:hover {color: #000;}



#packaging td {
	vertical-align:top;
	padding-bottom:7px;
	}

#packaging p {
	padding:0 7px 0 0px;
	}