* {margin: 0;}

html, body {height: 100%; }

body {
	margin:0px 0px; padding:0px;
	text-align:center;
	background:url(../images/grad1.gif) repeat-x #666;
}

#contentwrap {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: auto;
	text-align:left;
	background-color:#FFF;
	padding-bottom: 30px;
	position:relative;
	float:none;
}

#potmenu {float:left; margin:0px 70px;}
#content {margin-bottom:50px; float:left; background-color:#fff; padding:0px 30px 30px 30px;}

#menubackground {position:relative; display:block; top:-100px; width:100%; margin-bottom:0px; background-color:#C33; z-index:4}
#header {position:relative; height:300px; width:1000px; float:left; margin:0px 0px 0px 0px;}
#potleaf {position:absolute; right:30px; width:300px; display:inline-block; background-color:transparent; z-index:5}

#footer { width:100%; padding:10px 0px 10px 0px;background-color:#c33; position:absolute; bottom:0px;}
#footer p {font-family:Arial, Helvetica, sans-serif;color:#fff; text-align:center}

#leftcolumn  { float:left;  width:670px; height:100%;  background-color:#fff;  padding:0px 0px 20px 0px;}
#rightcolumn { float:right; width:270px; height:100%;  background-color:#fff;  padding:0px 0px 20px 0px;}
#five {float:left; width:450px; margin:0px 0px 30px 0px;}

#content a {color:#33F; text-decoration:none ;padding:0px;}
#content a:hover {color:#76b900; text-decoration:none; padding:0px;}
#footer a {color:#3F3; text-decoration:none ;padding:0px;}
#footer a:hover {color:#76b900; text-decoration:none; padding:0px;}
i {color:#76b900;}

.content3 i {color:#333;}
table {margin:0px 0px 0px 30px;}


#content ul    {list-style: none; margin:0px 0px 0px 30px; padding: 0;}
#content li    {line-height:18px; text-indent:-1em; padding-top:10px; padding-bottom:10px; list-style-position:inside;}
#clean ul      {list-style: none; margin:0px 0px 0px 30px; padding: 0;}
#columnbox li  {list-style-image:url(../images/bulletred.png);   margin-right:20px;     }
#columnbox2 li {list-style-image:url(../images/bulletlightgreen.png); margin-right:20px; }
#hoursbox li   {list-style-image:url(../images/bulletlightgreen.png); }
#menubox li    {list-style-image:url(../images/bulletblue.png); font-weight:700; text-transform:uppercase; font-stretch:extra-expanded;}
#links {list-style-image:url(../images/bulletlightgreen.png); margin-right:20px; }

#indexbox   {border:#CC6 solid 2px; width:280px; position:relative; float:left;  padding-bottom:20px; margin:0px;		  background:url(images/yellowgrad.gif) repeat-x -0px -0px;}
#hoursbox   {border:#CC6 solid 2px; width:622px; position:relative; float:left;  padding-bottom:20px; margin-top:   30px; background:#fff url(images/yellowgrad.gif) repeat-x bottom;}
#columnbox  {border:#CC6 solid 2px; width:266px; position:relative; float:right; padding-bottom:20px; margin-bottom:20px; background:#fff url(images/yellowgrad.gif) repeat-x bottom;}
#columnbox2 {border:#CC6 solid 2px; width:266px; position:relative; float:right; padding-bottom:20px; margin-bottom:20px; background:#fff url(images/yellowgrad.gif) repeat-x bottom;}
#columnbox2insert {position:relative; padding-bottom:10px; margin-bottom:10px; }


#menubox             {position:relative; float:left;  width:312px;  margin:20px 0px 0px 0px; padding:0px 0px;}
#menubox a {color:#fff; text-decoration:none ;padding:0px;}
#menubox a:hover {color:#76b900; text-decoration:none; padding:0px;}


#menuboxcontainer    {position:relative; float:left;  width:300px; margin:0px 20px 0px 40px;}
#indexpic            {position:relative; float:left;  width:300px; margin-left:0px;   border:#CC6 6px groove;}





#aboutbox   {border:#CC6 solid 2px; width:346px; position:relative; float:left;  padding-bottom:20px; 					  background:url(images/yellowgrad.gif) repeat-x bottom;}
#eventbox   {						width:360px; position:relative; float:left;  padding:0px;		  margin:0px;}
#videobox   {border:#CC6 solid 2px; width:895px; position:relative; float:left;  padding:20px;		  margin-top:   30px; background:url(css/images/yellowgrad.gif) repeat-x bottom;}
#donatebox {						width:360px; position:relative; float:left;  padding:0px; 		  margin-right: 30px;}

            h1 {font-family:Arial, Helvetica, sans-serif; font-size:125%; padding:10px;	color:#fff; display:block; background-color:#C33;}
#indexbox   h1 {										  font-size:160%;										   						 }
#menubox    h1 { display:block; text-align:center;		  														   background-color:#00F;}
#aboutbox   h1 {										  font-size:160%; padding:10px;										   						 }
	
            h2 {font-family:Arial, Helvetica, sans-serif; font-size:150%; margin:0px 600px 0px 0px;   padding:10px; color:#fff; display:block; background-color:#C33;}
 			h3 {font-family:Arial, Helvetica, sans-serif; font-size:135%; margin:20px 30px 20px 20px; padding:10px; color:#fff; display:block; background-color:#333;}
#videobox   h3 {														  margin:0px  0px  20px 0px;																 }			
			h4 {font-family:Arial, Helvetica, sans-serif; font-size:135%; margin:30px 0px 10px 0px;   padding:10px; color:#333;										 }
#eventbox   h4 {										  				  margin:20px 0px -15px 10px;						   										 }			   

			p {font-family:Arial, Helvetica, sans-serif; size:10em; color:#000; text-align:justify; margin:10px; }
#indexbox   p {																	text-align:left;}
#hoursbox   p {														color:#666; text-align:left;}
#columnbox  p {			margin-right:20px;											color:#666; text-align:left;}
#columnbox2 p {				margin-right:20px;										color:#666; text-align:left;}
#aboutbox   p {																	text-align:left;}
#eventbox   p {																	text-align:left;}
#columnbox2insert p {text-align:center;}
.leftimg  {float:left;  margin:0px 0px 20px 0px;}
.rightimg {float:right; margin:0px 0px 20px 20px;}

#map {position:relative;float:right; margin:0px 0px 30px 30px; background: url(../images/loadingmap.png) 20px 20px no-repeat;}
#slideshow {position:relative;margin:20px 20px 0px 20px;height:520px;width:600px;overflow:hidden; background: url(../images/loadingslideshow.png) 20px 20px no-repeat;}
#calendar { float:left; margin:0px 0px 30px 100px; background: url(../images/loadingcalendar.png) 20px 20px no-repeat;}

#accessbox { position:relative; width:160px; float:right; margin:20px 30px 0px 0px; padding:0px;} 
#captionbox {position:relative; width:240px; float:right; margin:0px 10px 30px 30px;}
#videocaptionbox {float:right; position:relative; width:400px; margin:0px 0px 30px 0px;}
#audiobox {float:left; width:300px;  margin:-10px 0px 0px 30px;}
#audioembed {height:25px; width:290px; float:left;}

#aihpic {float:left; margin:10px 0px 0px 0px; clear:both;} 
#loadingslideshow {background-color:#fff; background-image:url(images/loadingslideshow.png); background-position:20px 100px; background-repeat:no-repeat;}
#loadingmap {position:absolute; float:left; left:380px; top:120px;}

img { position: relative;}
hr {margin:40px 20px 0px 20px;width:100%;color:#666; float:left;}
.clear {clear:both;}




#strainselection {display:none;}

cite { float: right; }
ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
div.section { clear: both; padding-top: 50px; }

.table1 { float: right; margin-bottom: 2em; border: solid 1px #eee; }
.table1 caption { color: #fff; text-align: center; padding-bottom: 5px; }
.table1 th, .table1 td { padding: 7px; }
.table1 th, .table1 thead td { background-color: lightyellow; color: #000; }
.table1 tbody td { background-color: #fff; color: #000; }
.table1 tbody th { text-align: right; }

#wmfg { clear: both; float: left; } /* original helper css */