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

THIS MENU REQUIRES csshover.htc

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



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

	####	Header Menu #####

	#######################


	Horizontal Drop-Down Menu based off :

	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

	

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

/*#navContainer {width: auto;display:block;clear:both;border-right:1px solid #000;}*/



/*



nav bg			#85C447

rollover color 	#39444A

2nd level bg 	#50AFBC

2nd level hover #39434A

3rd level bg 	#EF6928

3rd level hover #39434A

  

*/



/* Remove List Formattings

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

 ul.menu, li.menu {

	list-style-type: none;

	margin: 0px;

	padding: 5px;

}



/* Header menu */	 

#header_menu {position: absolute;}

#header_menu li {line-height: normal;font-weight: bold;}

ul#header_menu  {z-index: 10; clear: both;}



#nav {

	background:none repeat scroll 0 0 #FFFFFF;

	border-top:0 none;

	font-size:14px;

	margin-left:38px;

	padding-top:5px;

	width:940px;

}

#nav ul {

	list-style-type: none; 

	margin: 0; 

	padding: 0; 

	font-size: 14px;

	width: auto;

	/*

	(Disappearing List-Background)

	http://www.positioniseverything.net/explorer/ie-listbug.html

	*/

	position: relative; /* Fix the Stupid IE6 Bug */

}

#nav ul li {float: left; color: #5AB335; text-align: center; font-weight:bold;text-transform: uppercase;padding: 10px 15px 10px 0px;}

#nav ul li a {
	display: block;
	background: transparent;
	padding: 0px;
	padding-right: 18px;
	color: #f89520;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #293694;
}



/* Root Level Link Formatting */

#nav ul li a:hover, #nav li a:focus {
	background: transparent;
	color: #293694;
}

#nav li a:active, #nav ul li a.active {
	background: transparent;
	color: #293694;
}



/* Current page Customisations*/

#nav li.menu-current a		{background: transparent; color: #293694;}

#nav li.menu-current a		{font-weight: bold;color: #293694!important; } 



/* 2nd Child menu 

#nav .menu li ul {position: absolute; left:0; width: 12em; margin: 0;margin-top: 10px;display: none; text-transform: none; font-size: 12px;}*/

#nav .menu li ul {position: absolute;width: 12em; margin: 0;margin-top: 10px;display: none; text-transform: none; font-size: 12px;}

#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;border-bottom:1px dotted #a2a2a2;}

#nav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #50AFBC; color: #fff;border-right: 0px;}



/* 2nd Child link hover */

#nav .menu li ul a:hover {background: #39434A; border: 0; color:#fff;}



/* 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 ul			{margin-top: 0px;}

#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #EF6928; color: #fff; border-right: 0px;}



/* Positioning the Pop-out Drops */

#nav li {position: relative;}



#nav ul ul ul {

	position: absolute;

	top: 0px;

	left: 100% !important;

}



#nav ul li.menu-last a {

	border-right: 0px;

}



#nav ul li ul li {

	text-transform: none;

}



/* end menu */

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







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

	Custom Classes (Re-useables)

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

	

/*  Float containers fix: */

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

/*  \*/

* html #clearfix {

	height: 1%;

}

/*  */