/* CSS Document */
/* Edited with EditCSS */
/**** Inline STYLE-tag style sheet ****/
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* style the sub-level lists 
#menu ul ul {width:15em;z-index:500;}
*/

/* style the sub level list items 
#menu ul ul li {
    display:block;
    width:12em;
    height:auto;
    position:relative;
    line-height:0.4em;
    padding: 0;
    margin: 0;
    text-align: left;
        z-index: 500;
}



*/







/* style the sub level links 

#menu ul ul a, #menu ul ul a:visited, #header #menu ul ul a, #header #menu ul ul a:visited  {

	display:block;

    background: #05519d; 

	color:#ffffff;

    width:12em;

    text-transform: none;

    font-weight: normal;

    height:100%;

    padding:0.4em 1em; 

	margin:0px;

    border-bottom: 1px solid #95b3d2;

    line-height: 16px;

    z-index: 500;

    border-right: none;

}



#menu ul table ul a, #menu ul table ul a:visited  {width:14em; w\idth:12em;z-index:200;}



*/



/* style the table so that it takes no part in the layout - required for IE to work



#menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}



#menu ul ul table {lef\t:-1px;} 

#menu ul ul table ul.left {margin-lef\t:2px;}

#menu li:hover {position:relative;}

* html #menu a:hover {position:relative;}*/

/* style the third level background 



#menu ul ul ul a, #menu ul ul ul a:visited {background:#225d99;}*/





/* style the fourth level background



#menu ul ul ul ul a, #menu ul ul ul ul a:visited {background:#225d99;}



 */





/* style the sub level 1 background



#menu ul :hover a.sub1 {background:#225d99;} */





/* style the sub level 2 background 



#menu ul ul :hover a.sub2 {background:#225d99;color:#fff;}*/





/* style the level hovers */



/* second



#menu ul ul a:hover{color:#fff;background:#95b3d2;} 



#menu ul ul :hover > a {color:#fff;background:#95b3d2;}*/



/* third 

#menu ul ul ul a:hover {background:#95b3d2;}

#menu ul ul ul :hover > a {background:#95b3d2;}*/



/* fourth 

#menu ul ul ul ul a:hover {background:#95b3d2;}*/



/* hide the sub levels and give them a positon absolute so that they take up no room 



#menu ul ul {visibility:hidden;position:absolute;height:0;top:3.5em;left:-0.7em;width:14em;z-index:500;}*/



/* position the third level flyout menu 



#menu ul ul ul{left:12em;top:0;width:14em;}*/



/* position the third level flyout menu for a left flyout 

#menu ul ul ul.left {left:-12em;}*/



/* make the second level visible when hover on first level list OR link 



#menu ul li:hover ul, #menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3.2em; z-index: 500;}*/



/* keep the third level hidden when you hover on first level list OR link 



#menu ul :hover ul ul{visibility:hidden;}*/



/* keep the fourth level hidden when you hover on second level list OR link 



#menu ul :hover ul :hover ul ul{visibility:hidden;}*/



/* make the third level visible when you hover over second level list OR link



#menu ul :hover ul :hover ul{visibility:visible;} */



/* make the fourth level visible when you hover over third level list OR link 



#menu ul :hover ul :hover ul :hover ul {visibility:visible;}



*/

#sidebar_left .secmenu ul.menu ul ul { display: none; }



#sidebar_left .secmenu ul.menu ul li.current_page_item ul,

#sidebar_left .secmenu ul.menu ul li.current_page_ancestor ul {

display: block;

}











/*** ESSENTIAL STYLES ***/



#menu {

	position: relative;

}



#menu ul, #menu ul * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

#menu ul {

	line-height:	1.0;

	height: 49px;

}

#menu ul ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

	height: auto;

}

#menu ul ul ul {

	display: none;

}



#menu ul ul li {

	width:			100%;

}

#menu ul li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

#menu ul li {

	float:			left;

	position:		relative;

	height: 49px;

}

#menu ul li.tagline {

	position: absolute;
	
	float: none;

	right: 38px;
	
	top: 9px;
	
	height: 54px;

}



#menu ul a {

	display:		block;

	position:		relative;

}

#menu ul li:hover ul,

#menu ul li.sfHover ul {

	left:			0;

	top:			49px; /* match top ul list item height */

	z-index:		99;

}

#menu ul ul li:hover li ul,

#menu ul ul li.sfHover li ul {

	top:			-999em;

}

#menu ul ul li li:hover ul,

#menu ul ul li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

#menu ul ul li li:hover li ul,

#menu ul ul li li.sfHover li ul {

	top:			-999em;

}

#menu ul ul li li li:hover ul,

#menu ul ul li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/

#menu ul {

	float:			left;

	height: 49px;

	font-family: Georgia, "Times New Roman", Times, serif;

}

#menu ul a {

	text-decoration:none;

	color:#ffffff;

	text-transform: none;

	font-weight: normal;

	padding:16px 15px; 

	margin:0px;

	/*border-bottom: 1px solid #95b3d2;*/

    line-height: normal;

	font-family: Georgia, "Times New Roman", Times, serif;

}

#menu ul a:hover  { /* visited pseudo selector so IE6 applies text colour*/

	color: #91aecc;

	text-decoration: underline;

}

#menu ul li {

	height: 49px;

	background: url(images/blue-border.gif) right no-repeat;

}



#menu ul li a.page-item-58 {

	padding-left: 22px;

}



#header #menu ul li.tagline {

	background-image: none;

	color: #fdc689;

	font-size: 16px;

	text-align: right;

	font-family: Georgia, "Times New Roman", Times, serif;

	padding: 0px;
	
	height: 54px;
	
	z-index: 100;
	
	line-height: 200%;
}



#menu ul ul {

	background-color: #05519d;

}



#menu ul li li {

	height: auto;

	border-bottom: 1px #95b3d2 solid;

	background-color: #05519d;

	width: 196px;

}



* html #menu ul ul li {

	height: 30px;

}



*+ html #menu ul ul li {

	

}



#menu ul ul a {

	padding: 6px 14px;

	font-family: Arial, Helvetica, sans-serif;

}



#menu ul ul a:hover{background:#95b3d2; color: #fff; text-decoration: underline;}



#menu ul li li li {



}

#menu ul li:hover, #menu ul li.sfHover,

#menu ul a:focus, #menu ul a:hover, #menu ul a:active {



	outline:		0;

}