/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

#navContainer {
	width: auto;			/* Do not change */
	display: block;			/* Do not change */
	clear: both;			/* Do not change */
	border: 0px;			/* Do not change */
}

ul.menu, li.menu {			/* Do not change */
	list-style-type: none;		/* Do not change */
	margin: 0px;			/* Do not change */
	padding: 0px;			/* Do not change */
}

#header_menu {
	position: absolute;		/* Do not change */
	margin-left: 0px;		/* Do not change */
}

#header_menu li {
	line-height: normal;		/* Do not change */

}

#header_menu ul {
	z-index: 10;			/* Do not change */
	clear: both;			/* Do not change */
}

#nav {
	background: transparent;	/* Menu bar background */	
	background-image: url("wood1.jpg");	/* Idem */
	background-repeat: repeat-x;		/* Idem */
	padding-top: 0px;		/* Space above buttons */
	padding-left: 0px;		/* Space to left of button strip */
	border: 0px;			/* Menu bar border */
	width: 489px;			/* Menu bar width */
	margin-left: 0px;		/* Menu bar alignment LHS */
	height: 37px;			/* Menu bar height */
	border-top: 0px solid #111100;	/* Menu bar top border line */
	border-bottom: 0px solid #111100;	/* Bottom border line */
}

#nav ul {
	list-style-type: none; 		/* Do not change */
	margin: 0px; 			/* Do not change */
	padding: 0px; 			/* Do not change */
	width: auto;			/* Do not change */
	position: relative; /* Work-around for yet another stupid IE6 Bug...
		Read about The Amazing Disappearing List Background at
		http://www.positioniseverything.net/explorer/ie-listbug.html */
}

#nav ul li {
	float: left;			/* Menu button alignment: left/right (do not use center) */
	text-align: center;		/* Button label alignment: left/right/center */
}

/* Top level buttons */
#nav ul li a {
	display: block;			/* Do not change */
	background: transparent;	/* Button background color */
	padding-left: 8px;		/* Space to LHS of label text */
	padding-right: 8px;		/* Space to RHS of label text */
	padding-top: 13px;		/* To compensate for hover topline */
	border: 0px;			/* Button border */
	color: #444444;			/* Label text color */
	text-decoration: none;		/* Do not change */
	font-size: 12px;		/* Label font size */
	font-family: Impact, Verdana, Arial, Helvetica, sans-serif;
}

/* Root Level Link Formatting ~~~~~~~~~~~~~~~~~~~~~ */
#nav ul li a:hover, #nav li a:focus {
	background: transparent;	/* Change this to change the button hover color/image */
	padding-top: 13px;
	/* margin: 8px 0 0 0; */
	/* border-top: 2px solid #660000; */
	border-bottom: 2px solid #660000;
	color: #660000;
}

/* Current page customisations ~~~~~~~~~~~~~~~~~~~~ */
#nav li a:active, #nav ul li a.active {
	background: transparent;		/* Change this to change the button active color/image */
	color: #660000;				/* Won't work in the bugfest that is IE6. How to fix?  */
}
#nav li.menu-current a {
	background: transparent;
	color: #660000;
	border-left: 1px solid #660000;
	border-right: 1px solid #660000;
}

/* 2nd Child menu ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav .menu li ul {
	position: absolute;			/* Do not change */
	display: none;				/* Do not change */
	margin: 0px;				/* Do no change!!! (Totally breaks submenu's) */
	width: 10em;
	text-transform: none;
	font-size: 10px;
}

#nav .menu li ul li {
	width: 10em;
	text-align: left;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000000;
	line-height: 1.2em;
}

#nav .menu li ul a {
	width: 10em;
	padding: 2px;
	background: #fcf8df;	/* Change this to change L2 button background/image */
	background-image: url("wood1.jpg");	/* Idem */
	color: #333333;
	border: 1px solid #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

/* 2nd Child link hover ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav .menu li ul a:hover {
	padding: 2px;
	color: #4b4c4d;
	background: transparent;	/* Change this to change L2 hover background/image */
	background-image: url("wood1.jpg");	/* Idem */
	border: 1px solid #000000;
	color: #660000;
}

/* Show and hide ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
	display: block;
}

#nav .menu li ul ul {
	display: none;
}

#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
	display: none;
}

#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {
	display: block;
}

/* 3rd Child Menu Appreances ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav .menu li ul li ul li a {
	padding: 0px;
	border: 1px solid #000000;
	background: #fcf8df;	/* Change this to change L2 button background/image */
	background-image: url("wood1.jpg");	/* Idem */
	color: #333333;
}

/* Positioning the Pop-out Drops ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav li {
	position: relative;
}

#nav ul ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
}

/* End menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */





body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#topics a
{
	text-decoration: none;
}

#topics a:hover
{
	cursor: pointer;
}

#topic_1, #topic_2, #topic_3
{
	height: 236px;
	float: left;
	position: relative;
	color: #7f110b;
}

#topic_1 img, #topic_2 img, #topic_3 img, #topic_1 h1, #topic_2 h1, #topic_3 h1, #topic_1 p, #topic_2 p, #topic_3 p
{
	position: absolute;
}

#topic_1 img, #topic_2 img, #topic_3 img
{
	border: none;
}

#topic_1 h1, #topic_2 h1, #topic_3 h1
{
	padding: 0;
	margin: 0;
	font-size: 12px;
	text-align: center;
}

#topic_1 p, #topic_2 p, #topic_3 p
{
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

#topic_1
{
	width: 268px;
	background: url(http://bigbearevents.com/bbevents/images/home_topic_1.gif) no-repeat top left;
}

#topic_1 img
{
	left: 66px;
	top: 15px;
}

#topic_2 img
{
	left: 39px;
	top: 15px;
}

#topic_3 img
{
	left: 35px;
	top: 15px;
}

#topic_1 h1
{
	left: 66px;
	top: 185;
	width: 169px;
}

#topic_2 h1
{
	left: 39px;
	top: 113;
	width: 169px;
}

#topic_3 h1
{
	left: 35px;
	top: 185;
	width: 169px;
}

#topic_1 p, #topic_2 p, #topic_3 p
{
	font-size: 11px;
}

#topic_1 p
{
	left: 66px;
	top: 130;
	width: 169px;
}

#topic_2 p
{
	left: 39px;
	top: 150;
	width: 169px;
}

#topic_3 p
{
	left: 35px;
	top: 195;
	width: 169px;
}

#topic_2
{
	width: 243px;
	background: url(http://bigbearevents.com/bbevents/images/home_topic_2.gif) no-repeat top left;
}
#topic_3
{
	width: 264px;
	background: url(http://bigbearevents.com/bbevents/images/home_topic_3.gif) no-repeat top left;
}

#home_bottom
{
	clear: both;
}

#body
{
	margin: 0 0 50px 0;
	float: left;
}

* html #body
{
	margin: 0;
	padding: 0 0 50px 0;
}

#body_left, #body_right
{
	float: left;
}

#body_left
{
	width: 395px;
	margin: 0 22px 0 70px;
	color: #58341b;
	font-size: 12px;
	line-height: 18px;
}

* html #body_left
{
	margin: 0 22px 0 35px;
}

#body_right
{
	width: 223px;
	height: 296px;
	margin: 0 55px 0 0;
	background: url(http://bigbearevents.com/bbevents/images/home_news.gif) no-repeat top left;
	position: relative;
}

#event_topic
{
	position: absolute;
	top: 117px;
	left: 20px;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #140d0b;
	text-align: center;
}

#event_topic a
{
	text-decoration: none;
	color: #140d0b;
}