#leftMenu {
	z-index: 9000;
	position: relative;
	float: left;
	width: 250px;
	background-color: #003466;
	background-image: url(../images/left_back.jpg); 
	background-repeat: repeat-x;
}

#ulmenu { 
	display: inline-block;
	z-index: 9000;
	padding: 0px;
	margin: 0px;
	line-height: 35px;
	border-top: 1px solid #224466;
	color: #FFFFC8;
	font-weight: bold;
	/*margin: 0 20px;*/
	/*border-bottom: 1px solid #e5e5e5 !important;*/
	/*background-color: #ffffff;*/
}

#ulmenu li {
	list-style-type: none; 
	width: 250px; 
	margin: 0; 
    float:left;
    border-bottom: 1px solid #224466;
}

#ulmenu li div {
    padding: 0px 0px 0px 5px;
}

#ulmenu li a {
    display: block;
	font-weight: bold;
	text-decoration: none;
	/*line-height: 1;*/
	/*padding: 12px 24px 6px 3px;*/
    position: relative;
    color: #FFFFC8;
    padding: 0px 0px 0px 5px;    
}

#ulmenu ul li a { 
	/*line-height: 1.2em; */
	/*margin: 6px 3px 6px 3px; */
	/*padding: 6px 14px 6px 14px; */
}

/*
** SUBulmenu STYLES 
*/
/* dropdown menu styles */
/*
/* #ulmenu ul {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	background-color: #ffffff;*/
/*	border-top: 1px solid #eeefea;*/
/*	border-right: 1px solid #000000;*/
/*	border-bottom: 1px solid #000000;*/
/*	border-left: 1px solid #eeefea;*/
/*	position: absolute;*/
/*	z-index: 10000;*/
/*	left: -9000px;*/
/*	width: 250px;*/
/*    left: -999em;*/
/*    text-transform: none; */
/*}*/

/* This is used to apply the background */
.subdiv {
	float: left;
	background-image: url(../images/left_back.jpg); 
	background-repeat: repeat-x;
}

/* side-dropdown menu style.  This will override the above setting and will display the drop down menu on the right. */
#ulmenu li ul {
	padding: 0px;
	position: absolute;
    z-index: 10000;
    left: -999em;
    margin: -35px 0 0 250px;
    background-image: url(../images/left_back.jpg); 
	background-repeat: repeat-x;
}

#ulmenu li.selected ul.submenu {
    /*margin-top:-1px;*/
    z-index: 9000;
}

#ulmenu ul.submenu li {
    display: inline;
    /*width:100%;*/
    width: 200px; 
}

#ulmenu ul.submenu a {
    margin: 0;
    display: block;
    /*border-color: #ccc;*/
    /*border-style: solid none none;*/
    position:static !important;
    white-space:normal;    
}

#ulmenu ul.submenu a:hover {
    margin: 0px;
    display: block;
    /*border-color: #666;*/
    /*border-style: solid none none;*/
    position:static !important;
    white-space: normal;
    /*background: #666;*/
    /*color: #fbc302;*/
}


#ulmenu li.selected ul.submenu a:hover {
    /*background-color:#fff;*/
    /*width: 200px;*/ 
}



/* Below we have the same style defined differently 
** These are for IE7 and IE6 respectively. There is no 
** possibility to put styles for IE6 and IE7 in the same
** definition. So we have 2 separate definitions
*/
*:first-child+html #ulmenu ul.submenu a {height: 1%;} /* IE7 fix. */
* html #ulmenu ul.submenu a {height: 1%;} /* we all love IE6 ;) */


/* side-dropdown ulmenu styles */
#ulmenu li ul ul {
    z-index:10000;
    top:0.0em;
    left:-999em;
    left:0;
    margin: 0 0 0 17em;
}

#ulmenu ul li:hover,
#ulmenu ul li.sfhover {
    position: relative;
}

#ulmenu li:hover ul ul, 
#ulmenu li:hover ul ul ul, 
#ulmenu li:hover ul ul ul ul,
#ulmenu li.sfhover ul ul, 
#ulmenu li.sfhover ul ul ul,
#ulmenu li.sfhover ul ul ul ul {
    left: -999em;
}

#ulmenu li:hover ul, 
#ulmenu li li:hover ul, 
#ulmenu li li li:hover ul,
#ulmenu li li li li:hover ul, 
#ulmenu li.sfhover ul, 
#ulmenu li li.sfhover ul, 
#ulmenu li li li.sfhover ul,
#ulmenu li li li li.sfhover ul {
    left: auto;
}

/* clearing global navigation styles */
#post-sections-clear {
    height:1px;
    margin-bottom:-3px;
}

/* See above for explanation of the below mess styles */
*:first-child+html #post-sections-clear {margin-bottom:-2px;}
* html #post-sections-clear {
    margin-bottom:0px;
}
