/* Make sure to delete this out of base.css if you need a dropdown menu */

div.responsiveToggleMenu
{
	margin:auto;
	vertical-align:top;
	position:relative;
	text-align:center;
	font-size:15px;
}
div.responsiveToggleMenu a
{
	text-decoration:none;
	display:block;
	height:40px;
}
/* FOR EDITING */
div.page div.navEdit ul li a
{
	padding: 0px 15px;
}
/* END FOR EDITING */



/*  ***** LEVEL ONE *****  */

div.responsiveToggleMenu ul                         { position: relative; list-style:none; z-index:4; text-align:center; margin:0px auto; border-left:1px solid #00566D; height:40px; }
div.responsiveToggleMenu ul li                      { float: left; }
div.responsiveToggleMenu ul a:hover		            { /*color: #ffffff;*/ }
div.responsiveToggleMenu ul li a                    { display: block; padding: 0px 36px; color:#fff; line-height:40px; border-right: 1px solid #00566D; text-shadow:1px 1px 1px #000; }
div.responsiveToggleMenu ul li a#theNav-donate      { background-color:#79933b !important; }
div.responsiveToggleMenu ul li a:hover              { background-color:#9F2353; }
div.responsiveToggleMenu ul li:hover a              { background-color:#9F2353; }
div.responsiveToggleMenu ul li:last-child a         { /*border-right: 0px;*/ } /* Doesn't work in IE */
div.responsiveToggleMenu ul li:hover                { position: relative; }

/*  ***** LEVEL TWO *****  */

div.responsiveToggleMenu ul ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; text-align:left; background-color:#fff; font-size:12px; border-left:0px; }
div.responsiveToggleMenu ul ul li 					{ font-weight: normal; float: none; }
div.responsiveToggleMenu ul ul li a					{  border-right: none; display: block; height:100%; line-height:14px; padding-top:10px; padding-bottom:10px; text-shadow:none;}

div.responsiveToggleMenu ul li.donateNavItem ul li a { background-color:#79933b !important;}
div.responsiveToggleMenu ul li.donateNavItem ul li a:hover { background-color:#30728E !important;}
div.responsiveToggleMenu ul li.donateNavItem ul li:hover a { background-color:#30728E !important;}

div.responsiveToggleMenu ul li:hover ul li:hover a		{ background-color:#30728E; }
div.responsiveToggleMenu ul li:hover ul li a:hover		{ background-color:#30728E; text-shadow:1px 1px 1px #000; }

li.flyout > a{ background-image: url('/themes/hospicebuffalo/images/flyout_right.png'); background-position:206px 10px; background-repeat:no-repeat;}

/*  ***** LEVEL THREE *****  */

div.responsiveToggleMenu ul ul ul 					{ left: 100%; top: 0; }
div.responsiveToggleMenu ul li:hover > ul 			{ visibility: visible; }
div.responsiveToggleMenu ul li:hover ul li:hover ul li a { /*color:#00447c; background-color:#d7e1f1;*/}
div.responsiveToggleMenu ul li:hover ul li:hover ul li:hover a		{ /*color:#B3CF20; background-color:#00447c;*/}
div.responsiveToggleMenu ul li:hover ul li:hover ul li a:hover		{ /*color:#B3CF20; background-color:#00447c;*/}

/*Search button */
div.responsiveToggleMenu ul li a#pullsearch { display: block; padding: 0 7px; color:#fff; border-right: 1px solid #00566D; }

div#searchbar{display:none; padding: 10px 20px 10px 0; text-align:center; background-color: #9F2353; color: #fff;}
div#searchbar input{ padding: 5px;}









/* ------------------------- FOR MOBILE NAVIGATION PAGE - TOGGLE ------------------------- */


/* Make sure to delete this out of base.css if you need a dropdown menu */



div.responsiveToggleMenuToggle
{
	display:none;
	width: 100%;
	background: #61668b;
	position: relative;
	border-bottom: 2px solid #283744;
}
div.responsiveToggleMenuToggle ul
{
	padding: 0px !important;
	margin: 0 auto;
}
div.responsiveToggleMenuToggle li
{
	display: inline;
	/*float: left;*/
	width:100%
}
div.responsiveToggleMenuToggle li ul
{
	display:none !important;
}
.clearfix:before,
.clearfix:after
{
    content: " ";
    display: table;
}
.clearfix:after
{
    clear: both;
}
.clearfix
{
    *zoom: 1;
}
div.responsiveToggleMenuToggle a
{
	color: #fff;
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
}

div.responsiveToggleMenuToggle li a
{
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background-color:#9F2353;
	border-width:0px 0px 1px 0px;
	border-style: solid;
	border-color: #cfcfcf;
}


div.responsiveToggleMenuToggle ul li ul li a
{
	text-align:left;
	padding:0px 30px;
}
div.responsiveToggleMenuToggle ul li ul li ul li a
{
	text-align:left;
	padding:0px 60px;
}




div.responsiveToggleMenuToggle li li a
{
	background-color:#185b78;
	border:0px;
}
div.responsiveToggleMenuToggle li:last-child a
{
	border-right: 0;
}
div.responsiveToggleMenuToggle a:hover, div.responsiveToggleMenuToggle a:active
{
	background-color: #79933b;
}
div.responsiveToggleMenuToggle a#pull
{
	display: none;
	text-align:left;
}
div.responsiveToggleMenuToggle a#pull span.pullSpan
{
	padding:0px 30px;
}






		div.responsiveToggleMenuToggle ul
		{
			display: none;
			height: auto;
		}
		div.responsiveToggleMenuToggle a#pull
		{
			display: block;
			background-color: #04364b;
			position: relative;
		}
		div.responsiveToggleMenuToggle a#pull:after
		{
			content:"";
			background: url('../images/nav-icon.png') no-repeat;
			width: 30px;
			height: 30px;
			display: inline-block;
			position: absolute;
			right: 15px;
			top: 10px;
		}


div.page div#content #incontent_dropdown .nav{ z-index: 100; background-color: #000; overflow:visible; height: 30px; }
div.page div#content div#rightSide #incontent_dropdown ul{ padding:8px;}
div.page div#content div#rightSide #incontent_dropdown ul ul{ padding:0;}