/*** member menu ***/
#member-menu		{font-size: 8px; color:#489716; background:#fbfbfb; font-weight:bold;}
#menu-head			{color:#386b18; padding:8px 4px;}
#menu ul			{margin:0; list-style-type:none;}
#menu li			{margin:0; text-indent:8px;}
#menu a 			{color:#386b18; display:block; padding:6px; background-color:#fbfbfb;}
#menu a:link,
#menu-list
a:visited 			{color:#386b18; text-decoration:none;}
#menu a:hover		{color:#489716; background-color:#fbfbfb;}
#menu #current		{background-color:#fbfbfb;}

/* General font families for common tags */

body {
	behavior:url(style/csshover.htc);
	font-family: Verdana, Arial ,Helvetica, sans-serif;
	bgcolor: #332a25;
	color: #332a25;
	margin-top: 2;
	margin-bottom: 2;
	margin-left: 2;
	margin-right: 2;
	font-size: 13px;
}
.events {
	padding:8px;
}
h1	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #363636;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 15px;	
}
h2	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #363636;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 15px;	
}

p  {font-family: Verdana, Arial ,Helvetica, sans-serif; font-size: 13px; color: #363636;}


td {font-family: Verdana, Arial, Helvetica, sans-serif;}
hr {height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}
a  {text-decoration: none;}

/* Form elements */
form  {margin-top: 0px; margin-bottom: 0px;}

.forminput {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	border-style: 		solid;
	border-color: 		#cccccc;
	background-color: 	#ffffff;
	color: 				#363636;
	margin-top: 		0px;
	margin-bottom: 		0px;
}

.forminput2 {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	border-style: 		solid;
	border-color: 		#cccccc;
	background-color: 	#ffffff;
	color: 				#003399;
	margin-top: 		0px;
	margin-bottom: 		0px;
}

/* Edit-X elements */
.pgblock_scroll {z-index:1; overflow: auto} 

.bodytext  {font-family: Verdana, Arial ,Helvetica, sans-serif; font-size: 13px; color: #363636;}
.bodytext  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-size: 13px; color: #489716;}
.bodytext  A:hover {text-decoration: underline; color: #386b18;}

.head  {font-family: Verdana, Arial ,Helvetica, sans-serif; font-size: 13px; color: #363636; font-weight: bold; margin-top: 0px; margin-bottom: 0px;}
.head  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-size: 13px; color: #489716; font-weight: bold; margin-top: 0px; margin-bottom: 0px;}
.head  A:hover {text-decoration: underline; color: #CC0000; font-weight: bold;}

.byline  {font-family: Verdana, Arial, Helvetica, sans-serif; color: #7e7e7e; font-size: 13px; font-weight: bold; margin-top: 0px; margin-bottom: 0px;}

.caption  {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999;}

.product  {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #999999;}

.comments  {font-family: Verdana, Arial ,Helvetica, sans-serif; color: #363636; font-size: 10px; margin-top: 0px; margin-bottom: 0px;}
.comments  A {font-family: Verdana, Arial ,Helvetica, sans-serif; color: #489716; font-size: 10px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;}
.comments  A:hover {color: #CC0000; text-decoration: underline;}

.copyright  {font-family: Verdana, Arial ,Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; margin-top: 5px; margin-bottom: 10px;}
.copyright  A {font-family: Verdana, Arial ,Helvetica, sans-serif; color: #EEEEEE; font-size: 10px; margin-top: 5px; margin-bottom: 10px; text-decoration: none;}
.copyright  A:hover {color: #347924; text-decoration: underline;}

.date  {font-family: Verdana, Arial, Helvetica, sans-serif; color: #7e7e7e; font-size: 13px; font-weight: bold; margin-top: 0px; margin-bottom: 0px;}

.feedback  {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #cc0000; font-size: 13px;}

.fineprint  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin-top: 0px; margin-bottom: 0px;}
.fineprint  A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin-top: 0px; margin-bottom: 0px; color: #489716; text-decoration: none;}
.fineprint  A:hover {color: #CC0000; text-decoration: underline;}

.graytext  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none;}
.graytext  A {color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none;}
.graytext  A:hover  {color: #666666; text-decoration: underline;}
.graytext  A:visited {color: #999999; text-decoration: none;}

.h1 {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #363636; font-size: 24px; margin-top: 0px; margin-bottom: 0px;}
.h1  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #489716; font-size: 24px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;}
.h1  A:hover {text-decoration: underline; color: #CC0000;}

.h2 {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #363636; font-size: 20px; margin-top: 0px; margin-bottom: 0px;}
.h2  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #489716; font-size: 20px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;}
.h2  A:hover {text-decoration: underline; color: #CC0000;}

.h3 {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #363636; font-size: 18px; margin-top: 0px; margin-bottom: 0px;}
.h3  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #489716; font-size: 18px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;}
.h3  A:hover {text-decoration: underline; color: #CC0000;}

.h4 {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #363636; font-size: 16px; margin-top: 0px; margin-bottom: 0px;}
.h4  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #489716; font-size: 16px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;}
.h4  A:hover {text-decoration: underline; color: #CC0000;}

.h5 {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #363636; font-size: 13px; margin-top: 0px; margin-bottom: 0px;}
.h5  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #489716; font-size: 13px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;}
.h5  A:hover {text-decoration: underline; color: #CC0000;}

.h6 {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #363636; font-size: 12px; margin-top: 0px; margin-bottom: 0px;}
.h6  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #489716; font-size: 12px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;}
.h6  A:hover {text-decoration: underline; color: #CC0000;}

.h7 {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #363636; font-size: 11px; margin-top: 0px; margin-bottom: 0px;}
.h7  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; color: #489716; font-size: 11px; margin-top: 0px; margin-bottom: 0px; text-decoration: none;}
.h7  A:hover {text-decoration: underline; color: #CC0000;}

.linkblack  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000;}
.linkblack  A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none;}
.linkblack  A:hover {color: #000000; text-decoration: underline;}

.linkblue  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ccffff;}
.linkblue  A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ccffff; text-decoration: none;}
.linkblue  A:hover {color: #ccffff; text-decoration: underline;}

.linkwhite  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff;}
.linkwhite  A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff; text-decoration: none;}
.linkwhite  A:hover {color: #ffffff; text-decoration: underline;}

.menu  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; font-weight: bold; margin-top: 0px; margin-bottom: 0px;}
.menu  A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; font-weight: bold; margin-top: 0px; margin-bottom: 0px;}
.menu  A:hover {text-decoration: underline; color: #cccccc;}
.menu  A:visited {color: #ffffff;}

.menuOn  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; text-decoration: none; margin-top: 0px; margin-bottom: 0px;}
.menuOn  A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; text-decoration: none; margin-top: 0px; margin-bottom: 0px;}
.menuOn  A:hover {text-decoration: underline; color: #CC0000;}
.menuOn  A:visited {color: #CC0000;}

.question  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #363636; text-decoration: none; margin-top: 0px; margin-bottom: 2px;}

.sanstext  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #363636; text-decoration: none; margin-top: 0px; margin-bottom: 0px;}
.sanstext  A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #489716; text-decoration: none; margin-top: 0px; margin-bottom: 0px;}
.sanstext  A:hover {text-decoration: underline; color: #CC0000;}

.sanswhite  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; margin-top: 0px; margin-bottom: 0px;}
.sanswhite  A {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ffffff; text-decoration: none; margin-top: 0px; margin-bottom: 0px;}
.sanswhite  A:hover {text-decoration: underline; color: #CC0000;}

.smallhead  {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #363636; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;}
.smallhead  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #003399; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;}
.smallhead  A:hover {text-decoration: underline; color: #CC0000;}

.smallheadblue  {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #489716; margin-top: 0px; margin-bottom: 0px;}
.smallheadblue  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #489716; margin-top: 0px; margin-bottom: 0px;}
.smallheadblue  A:hover {text-decoration: underline; color: #CC0000;}

.smallheadblue2  {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #489716; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;}
.smallheadblue2  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #489716; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 1px;}
.smallheadblue2  A:hover {text-decoration: underline; color: #CC0000;}

.smallheadred  {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #CC0000; font-size: 13px; text-transform: uppercase;}
.smallheadred  A {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #CC0000; font-size: 13px; text-transform: uppercase; text-decoration: none;}
.smallheadred  A:hover {text-decoration: underline; color: #CC0000;}

.smallheadwhite  {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 10px; text-transform: uppercase;}
.smallheadwhite  A {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 10px; text-transform: uppercase; text-decoration: none;}
.smallheadwhite  A:hover {text-decoration: underline; color: #ffffff;}

.storyhead  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #489716; font-weight: bold; margin-top: 0px; margin-bottom: 15px;}

.teaser  {font-family: Verdana, Arial ,Helvetica, sans-serif; font-size: 10px; color: #000000; margin-top: 0px; margin-bottom: 0px;}
.teaser  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-size: 10px; color: #489716; margin-top: 0px; margin-bottom: 0px;}
.teaser  A:hover {text-decoration: underline; color: #386b18;}

.teaserheadline {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #489716; font-size: 12px; margin-top: 0px; margin-bottom: 1px;}
.teaserheadline  A {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #489716; font-size: 12px; margin-top: 0px; margin-bottom: 1px; text-decoration: none;}
.teaserheadline  A:hover {text-decoration: underline; color: #386b18;}

.square  {font-family: Verdana, Arial ,Helvetica, sans-serif; font-size: 7px; color: #000000; margin-top: 0px; margin-bottom: 0px;}
.square  A {font-family: Verdana, Arial ,Helvetica, sans-serif; font-size: 7px; color: #489716; margin-top: 0px; margin-bottom: 0px;}
.square  A:hover {text-decoration: underline; color: #386b18;}

.today  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff; white-space: nowrap;}

/* new styles */
.event-list	{
	font-size:12px;
	list-style: none;
	margin:0 0 0 5px;
	padding:0;
}
.event-list li	{
	line-height:1.5;
	background: url(../image_lib/arrow.gif) no-repeat left center;
	padding-left:10px;
}
/*  view-product formats view product/cart link in product_list.tpl, product_top_sellers.tpl, product_new_release.tpl*/
p.view-product	{
	 border-bottom:1px solid #489716;
	 padding-bottom:4px;
	 font-family: Verdana, Arial ,Helvetica, sans-serif; 
	 font-size: 10px; 
}
p.view-product a:link, p.view-product a:visited	{
	 font-weight:bold;
	 font-family: Verdana, Arial ,Helvetica, sans-serif; 
	 font-size: 10px; 
}
p.view-product a:hover	{
	 font-weight:bold;
	 font-family: Verdana, Arial ,Helvetica, sans-serif; 
	 font-size: 10px; 
}

/* End */

/* -------------------------------------- MENU formatting ------------------------------------------ */

/* the horizontal menu starts here */
div#listmenu {
	width:100%; /* makes the div full width */
	float:left;
	font-size:10px; /*set font size here*/
	/*margin-top:20px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
div#listmenu ul {
	margin:0;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	padding:0;
	list-style:none;
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#489716; /* sets the background of the menu items */
	margin-bottom:0;
	}
div#listmenu li:first-child {
	border-left:1px solid #000000; /*the first vertial line on the menu */
	}

div#listmenu li:hover {
	background: #69a543;
	}
div#listmenu a:link, div#listmenu a:visited {
	display:block;
	padding:6px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FFFFFF;
	font-weight:bold;	 /*sets the type color */
	}
div#listmenu a:hover {
	/*color:#E8E6CD;*/
	background:#69a543;
	}
/* the menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0;
	background: #489716; 
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:140px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #bfbdbd; /*  three sides of each drop-down item */
	border-bottom:1px solid #bfbdbd;
	border-right:1px solid #bfbdbd;
	/*background: #E8E6CD;*/ 
	position: relative;
}
div#listmenu ul li ul li a:link, div#listmenu ul li ul li a:visited {
	/*padding:6px 6px;*/
}

div#listmenu ul li ul li a:hover {
	background: #69a543; 
}

div#listmenu ul li ul li:first-child {
	border-top:1px solid #bfbdbd; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:140px; /*apparently, this setting has no effect on left position if width is not 10em see next rule for fix */
	border-right:0;
	}
	
body div#listmenu ul li ul li ul.third  {
	position:absolute; 
	top:-1px;
	left:140px; /*you have to add a class to the third level to make it take the position left setting; also make sure you change the IE fix rules below. IE requries 2px less to make it align left properly*/
}

body div#listmenu ul li ul li ul.forth  {
	position:absolute; 
	top:-1px;
	left:140px; /*you have to add a class to the third level to make it take the position left setting; also make sure you change the IE fix rules below. IE requries 2px less to make it align left properly*/
}
	
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #bfbdbd; /* adds the rightmost menu vertical line to the ul */
	margin-left:0; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #bfbdbd;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul.third { 
  left:138px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:138px;
  } 
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:140px;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */

/* ------------------------------------ END OF LIST-BASED MENU ----------------------------------------- */

#contentwrapper {padding:20px; background-color:#ffffff;}
#contentwrapper h1  {color: #003399; font-family: Georgia, Arial ,Helvetica, sans-serif; font-size:16px;}
#contentwrapper h2 {color: #003399; font-family: Arial ,Helvetica, sans-serif; font-size:14px;}
#contentwrapper p td {font-family: Arial ,Helvetica, sans-serif; font-size:11px;}
#contentwrapper a {color:blue; text-decoration:underline;}
.content {padding-top:10px;}
.top_cell {font-weight:bold; text-align:center; color:#ffffff;padding: 2px 2px 10px 2px; background-color: #7f9e63; }
.top_cell a {color:#ffffff;}
.top_cell a:visited {color:#ffffff;}
.bottom_cell {padding: 2px 2px 10px 2px;background-color: #ffffff; }
.bottom_left_cell {font-size:11px; padding: 2px 2px 10px 2px;background-color: #ffffff; }
.bottom_right_cell table td {font-size:11px; padding: 2px 2px 10px 2px;background-color: #ffffff; }
.error {font-size:11px; width:100%; padding:10px;  color:red; text-align:center; font-weight:bold;i font-size:14px;}
.session_table {width:95%; align:center;}
.age_group_table th {color: #003399; font-family: Arial ,Helvetica, sans-serif; font-size:14px;}
.parent_panel, .child_panel {font: normal 12px Arial, Helvetica, sans-serif; margin-right:50px;}

table .main_table {margin-left:auto; margin-right:auto;}