#nav{
	position:absolute;
	right:20px;
	top:115px;
	list-style: none;
	display:block;
	margin:0;
	padding:0;
	z-index:100;
	text-align:center;
}

#nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
    position:absolute;
	z-index:100;
    overflow:visible;
	display:none;
	background-color: transparent;
}

#nav li { 
    margin:0; 
	padding:0;   
    position: relative; 
    float:left;
    display:block;
    height:auto;
	color:#FFFFFF;
}

#nav ul li { background-color:#9CCCE0; }

#nav li a {
	display:block;
	text-decoration:none;  
	margin:0px 0px 0px 0px; 
	color:#ffffff;
	padding: 0px 2px 0 2px;
	line-height:26px;
	font-size:11px;
	font-weight:bold;
}

#nav li a:hover {
	color:#7AC2D1;
}

#nav ul {
	width:150px;
}

#nav ul a {
	border-bottom: 1px solid #ffffff;
	color:#0E3E55;
	border-left:none;
	border-right:none;
	width:142px;
	_width:150px;
	text-align:left;
	padding-left:8px;
	border-right:none;
	padding:4px;
	line-height:14px;
}

#nav a:hover, #nav li:hover{
	color:#1dacca;
}

#nav ul li:hover, #nav ul li a:hover{ 
	background-color:#4299BF; 
	background-image:none;
	text-decoration:none;
	color:#ffffff;
}

/*all see this */
/*#nav ul ul, #nav ul ul ul{
    margin:0; 
	padding:0;
    display:none; 
    position:absolute; 
	z-index:100;
    top:0; 
    left:150px;
}

/* non-IE browsers see this 
#nav ul li>ul, #nav ul ul li>ul{
    margin:0; 
	padding:0;
 }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}
*/


#leftColumnNav{
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	width:169px;
}
#leftColumnNav li { 
	position: relative; 
	border-bottom:none;
	/*display:block;
	height: auto; auto 
	margin:0px;
	padding:0;*/
	background-color: transparent;
	font-size: 0px;
	line-height: 0px;
	width:169px;
}
#leftColumnNav ul li { 	background-color: #9CCCE0; }
#leftColumnNav li a {
	background-repeat:no-repeat;
	text-decoration:none; 
	display:block;
	padding: 5px 5px 5px 20px;  
	background:url(../images/menu_bullet_point2.png) no-repeat -8px;
	margin:0px; /*helps Opera with hover */
	width:144px; /* helps IE with hover */
	>width:169px; /* helps IE with hover */
	color: #ffffff;
	line-height: 15px;
	font-size:11px;
}
#leftColumnNav li a:hover{
	background-color: #4299BF; 
}

#leftColumnNav ul li a {
	border-bottom:1px #FFFFFF solid;
	color:#32518A;
	padding-left:5px;
	width:159px;
	>width:169px;
	background:none;
}

#leftColumnNav li ul li a:hover {
	color:#ffffff;
}

#leftColumnNav ul, #leftColumnNav ul ul, #leftColumnNav ul ul ul{
	/*display:none; 
	position: absolute; 
	top:0px; 
	left:169px;
	padding:0;
	margin:0;
	z-index:99;
	overflow:visible;*/
	list-style: none;
	background-color: transparent;
	width:169px;
}

#leftColumnNav ul.vertical_image li {
	width:72px;
	top:-25px;
}

/*#leftColumnNav li:hover ul ul, #leftColumnNav li:hover ul ul ul{
	display:none; 
}
#leftColumnNav li:hover ul, #leftColumnNav ul li:hover ul, #leftColumnNav ul ul li:hover ul{
	display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
/** html #leftColumnNav li{
	float:left;
	display: inline;
} end holly hack */



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-family:"Trebuchet MS", "Trebuchet MS Bold";
	
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			169px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	/*float:			left;*/
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			27px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			169px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			169px; /* match ul width */
	top:			0;
}


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	169px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	169px; /* match ul width */
	top:	0;
}