/* john_w. 10-Sep-2009 to stop Dai's sticky menu */
ul#nav { height: 1%; }


/* WIDTHS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ START */
/* Level 0  (Top horizontal) e.g. What's On? */

/* Level 1  (First drop-down) e.g. What's On? -> Church Family  */
/* Defaults are on the first two lines */
ul#nav li ul    { width: 150px; }
ul#nav li ul li { width: 150px; }
ul#nav li ul#church	   { width: 140px; }
ul#nav li ul#church li { width: 140px; }
ul#nav li ul#media     { width: 170px; }
ul#nav li ul#media li  { width: 170px; }
ul#nav li ul#other	   { width: 170px; }
ul#nav li ul#other li  { width: 170px; }
/* Level 2  (Second drop-down) e.g. What's On? -> Church Family -> Prayer */
/* Defaults are on the first two lines */
ul#nav li ul li ul    { width: 250px; }
ul#nav li ul li ul li { width: 250px; }
ul#nav li ul#whats_on li ul    { width: 220px; }
ul#nav li ul#whats_on li ul li { width: 220px; }
ul#nav li ul#media li ul       { width: 300px; }
ul#nav li ul#media li ul li    { width: 300px; }
/* Level 3  (Third drop-down) */
/* None yet */
/* WIDTHS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END */

/* Determine the position of the child child pop out :::::::::: START */
ul#nav li ul#whats_on ul 
{
	margin: -25px 0 0 150px;		
}
ul#nav li ul#media ul 
{
	margin: -25px 0 0 170px;		
}
/* Determine the position of the child child pop out :::::::::: START */


/*
div#div_nav 
{ 
          border:     050px #f00 solid; 
}
*/

div#nav_container
{ 
          border:     0px #f00 solid; 
		  background:       url(bg_grey_grad_001.jpg) repeat-x;
}

div#hcc_menu_container 
{
	/*background:	#f4f4f4;    #f4ecd9; */
	font-size:  0.8em; 
	text-align: left;
	border:		  01px solid #f00; /* #bdbdbd;    /* Outside border of the whole horizontal menu */
	border-width: 0px;  /* 0 1px 1px 1px; */
	margin:		0 auto;
	padding:	0;
	height:		23px;
	width:		700px;  /* 768px;   /* 726px; Increase here if problems with IE6 forcing down CONTACT US */
}

ul#nav
{
	border:			02px solid #f00;
	z-index:		2;
	color: #fff;
	background: url(bg_grey_grad_001.jpg) repeat-x;
}

ul#nav, ul#nav ul 
{
	float:			left;
	list-style:		none;
	line-height:	1;
	/* background-color:		#f4f4f4;  BEFORE MOVING DOWN 21-AUG-2008 */
	background-color:		#fff;
	font-weight:	bold;
	margin:			0;
	padding:		0;
	border:			0px solid #bdbdbd;  /* #eda; */
	border-width:	0px 0;
	z-index:		2;
}

ul#nav a 
{
	display:			block;
	color:				#fff; 
	/* color:				#7c6240;   BEFORE 21-AUG-2008 */
	text-decoration:	none;
	padding:			5px 22px;			/* Top level padding - coordinate with main width (768px) */
	border:				0px dotted #00f;
	
}

ul#nav a.daddy_arrow 
{
	padding:	5px 0 5px 22px;			/* Top level padding */
	border:		0px dotted #0f0;
	background:	url(hcc_menu_arrow.gif) center right no-repeat;  /* hcc_menu_arrow_f4f4f4.jpg */
}

ul#nav li 
{
	float: left;
	padding: 0; 
}

ul#nav li ul 
{
	position:		absolute;
	left:			-999em;
	height:			auto;
	font-weight:	normal;
	border-width:	2px;		/* Width of pop out children borders */
	margin:			0;
}

ul#nav li li 
{
	padding-right:	0;
	border:			0px dotted #000;
	color:				#7c6240;
}

ul#nav li ul a 
{
	color:				#7c6240;     /* TEXT COLOUR OF CHILD MENU ITEMS 21-AUG-2008 */
	/*
	width: 13em;
	w\idth: 9em;
	*/
	/* width: 100px;  */
}

ul#nav li:hover ul ul, 
ul#nav li:hover ul ul ul, 
ul#nav li.sfhover ul ul, 
ul#nav li.sfhover ul ul ul 
{
	left: -999em;
}

ul#nav li:hover ul, 
ul#nav li li:hover ul, 
ul#nav li li li:hover ul, 
ul#nav li.sfhover ul, 
ul#nav li li.sfhover ul, 
ul#nav li li li.sfhover ul 
{
	left: auto;
}

ul#nav li:hover, 
ul#nav li.sfhover, 
ul#nav a:hover, 
ul#nav a.sfhover 
{
	/* background: #eda; */
	background: #bdbdbd;    /* Dictates the bg colour of all items passed through. */
}

ul#nav a.daddy_arrow:hover, 
ul#nav a.sfhover 
{
	background:	url(hcc_menu_arrow.gif) center right no-repeat;  /* hcc_menu_arrow_bdbdbd.jpg */
}