/*
Theme Name: HCPOA
Theme URI: http://hairydogdigital.com
Author: the WordPress team
Author URI: http://hairydogdigital.com/
Description: WordPress theme for HCPOA.
Version: 1
*/ 
/* HCPOA mainmenu.css */
@charset "utf-8";


/***** Navigation ******/

#navigation {
	position: absolute;
	top:244px;
	left: 50px;
	width: 1000px;
	height: 69px;
	background: url('images/misc/nav_bg.png') top center no-repeat;
	z-index: 99;
}

#navigation .menu-main-menu-container {
	width: 800px;
	margin: 0 auto;
	padding-left: 16px;
}

#navigation ul {
	position:relative;
}

#navigation ul li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fdbc61;
	border-left: 1px solid #ca8f3b;
	height: 10px;
	margin: 15px 0 0 0;
	padding: 6px 0 15px 0;
}

#navigation li:first-child {
	border-left: none;
}

#navigation li:last-child {
	border-right: none;
}

#navigation ul li.menu-parent-item a:after {
	content: " »";
}

#navigation li a:link , #navigation li a:visited {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.47);
	margin: 0 8px;
	padding: 8px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#navigation li a:hover {
	text-shadow: 1px 1px 3px rgba(0,0,0,.8);
}

#navigation li a:active {
	text-shadow: 1px 1px 4px rgba(0,0,0,.9);
}

#navigation li a.current_page,#navigation li.current-menu-item a{
	color: #263478;		
	text-shadow: 0px 1px 1px #fff;
}

#navigation li a.current_page:hover {
	text-shadow: 1px 1px 3px #fff;
}

#navigation li a.current_page:active {
	text-shadow: 1px 1px 4px #fff;
}

/* first sublevel styling -- */

#navigation ul ul {
	padding-top: 10px;
}

#navigation ul ul li{
	width: 200px;
	height: 36px;
	padding:0px;
	margin: 0px;
	float:none;	
	background-color: #eee;
	opacity: 0.9;
	text-align:left;
	border-top:none;
	border-left: none;
	border-right: none;
	border-bottom: 1px #263478 solid;
}


#navigation ul ul li:hover {
	background-color: #fff;
	opacity: 1.0;
}
#navigation ul ul li a:link,
#navigation ul ul li a:visited
{
	display: block;
	width: 100%;
	color: #263478;
	margin: 0;
	padding: 0 0 0 18px;
	line-height: 36px;
	text-shadow: 0 1px 1px rgba(255,255,255,1.0);
/*	text-shadow: none;		*/
}

#navigation ul ul li a:hover
{
	color: #000;
}



#navigation ul li.menu-parent-item ul li a:after {
	content: "";
}

#navigation ul li.menu-parent-item ul li.menu-parent-item a:after {
	content: " »";
}

/* second sublevel styling -- */

#navigation ul ul ul {
	padding-left: 1px;
}

#navigation ul ul ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	margin: 0px 0px 0 0px;
	float:none;	
	text-align:left;
}

#navigation ul li ul li ul.sub-menu li a:after {
	content: "" !important;
}

#navigation ul li ul li ul.sub-menu li.menu-parent-item a:after {
	content: " »";
}




/* -- first sublevel drop downs -- */

#navigation ul ul {
	position:absolute;
	top: 30px;
	left:-9999px; 
}

#navigation ul li:hover ul { /* Display the dropdown on hover 	*/
	left:0; 				/* Bring back on-screen when needed */
}

/* -- second sublevel drop downs -- */

#navigation ul ul ul {
	position: absolute;
	top: 5px;
}

#navigation ul li:hover ul li ul {
	top: 0;
	left: -9999px;
}

#navigation ul li ul li:hover ul,
#navigation ul li:hover ul li:hover ul {
	left: 200px;
}