/* Make sure to delete this out of base.css if you need a dropdown menu */
div#page div#nav
{
	margin:0px auto;
	width:960px;
	height:36px;
	vertical-align:top;
	position:relative;
	text-align:center;
	border:1px solid #c8c8c8;
	background-color:#e7e9ec;
	font-size:11px;
	z-index:4;
}
div.menu a
{
	text-decoration:none;
	display:block;
	height:36px;
}
/* FOR EDITING */
div#page div.navEdit
{
	margin-bottom:40px !important;
}
div#page div.navEdit ul li a
{
	padding: 0px 8px;
}
/* END FOR EDITING */


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

div.menu ul                         { position: relative; list-style:none; z-index:4; text-align:center; margin:0px auto; /*width:700px;*/}
div.menu ul li                      { float: left; }
div.menu ul a:hover		            { /*color: #ffffff;*/ }
div.menu ul li a                    { display: block; padding: 0px 15px 0px 14px; border-right: 1px solid #c8c8c8; color:#000; line-height:36px; }
div.menu ul li a:hover              { color:#fff; background-color:#65788f; }
div.menu ul li:hover a              { color:#fff; background-color:#65788f; }
div.menu ul li:last-child a         { border-right: 0px; } /* Doesn't work in IE */
div.menu ul li:hover                { position: relative; }


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

div.menu ul ul 						{ width: 250px; visibility: hidden; position: absolute; top: 100%; left: 0; text-align:left; background-color:#65788f; font-size:11px; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; }
div.menu ul ul li 					{ font-weight: normal; float: none; }
div.menu ul ul li a					{ border-right: none; display: block; height:100%; line-height:14px; padding-top:6px; padding-bottom:6px; text-transform:none; color:#fff; border-bottom:1px solid #c8c8c8;} 
div.menu ul li:hover ul li a		{ /*color:#00447c;*/} 
div.menu ul li:hover ul li:hover a		{ color:#fff; background-color:#4e5d70;} 
div.menu ul li:hover ul li a:hover		{ color:#fff; background-color:#4e5d70;} 


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

div.menu ul ul ul 					{ left: 100%; top: 0; }
div.menu ul li:hover > ul 			{ visibility: visible; }
div.menu ul li:hover ul li:hover ul li a { color:#fff; background-color:#65788f;} 
div.menu ul li:hover ul li:hover ul li:hover a		{ color:#fff; background-color:#4e5d70; } 
div.menu ul li:hover ul li:hover ul li a:hover		{ color:#fff; background-color:#4e5d70; }