/* ################################################### */
/* ##### ALL <ul> ELEMENTS AND ALL <li> ELEMENTS ##### */
/* ################################################### */


ul.nav, ul.nav ul {
	behavior: url("iehover.htc") ;

	position: relative ;

	margin: 0px ;
	padding: 0px ;

	list-style: none ;

}

ul.nav li {
	float: left ;
	clear: both ;
	width: 100% ;
}

ul.nav li a {
	display: block ;
	padding: 4px 0px ;
	text-decoration: none ;
}

/* MAKE IE STRETCH THE LINK THE FULL WIDTH OF THE <li> ELEMENT */
* html ul.nav li a {
	width: 100% ;
}

/* <li> ELEMENTS WITHOUT LINKS IN THEM */
ul.nav li span {
	display: block ;
/* 	padding: 4px 8px ; */
}
/* MAKE IE STRETCH THE SPAN THE FULL WIDTH OF THE <li> ELEMENT */
* html ul.nav li span {
	width: 100% ;
}

/* ################################################## */
/* ##### MAIN NAVIGATION <ul> COLORS/PROPERTIES ##### */
/* ################################################## */

ul.nav {
/* 	width: 140px ; */
	width: 100px ;
	height: 400px ;

	left: 10px ;

	font-family: Georgia ;
	font-size: 11px ;
	font-weight: bold ;
	text-transform: uppercase ;

/* 	background-color: #fff ; */

	border-right: 1px solid #00436d ;
}

ul.nav.home {
	border-right: 0px ;
}

* html ul.nav {
	width: 85px ;
}

/* ##### MAIN NAVIGATION <li> ELEMENTS ##### */

ul.nav li {
	position: relative ;
	padding: 2px 0px ;

	text-align: right ;

	border-bottom: 1px solid #00436d ;
}

ul.nav li.hassub:hover {
	background: url("images/bullet_right.png") center right no-repeat ;
}

ul.nav li span {
	font-style: italic ;
}

ul.nav li a {

	margin-right: 15px ;

	color: #00436d ;
}


/* ########################### */
/* ##### SUB NAVIGATION  #####*/
/* ########################### */

ul.nav li div.subholder {
	display: none ;
	position: absolute ;

	height: 250px ;
	width: 150px ;

	top: -110px ;
	left: 100% ;

	padding: 110px 10px 0px 10px ;


/* 	font-size: 10px ; */
	font-weight: normal ;

	background-color: #fff ;

/* 	border: 1px solid #ddd ; */

	border-left: 1px solid #00436d ;
}

ul.nav li div.subholder.home {
/* 	background: url("images/layout/leftsidecover.png") top left repeat-y ; */
	background: none ;
	border-left: 0px ;
}

ul.nav li ul.sub {

	width: 150px ;

	font-family: Arial ;
	text-transform: none ;

}

* html ul.nav li ul.sub {
	/* COMPENSATE FOR padding-left OF ul.nav li ul.sub li IN IE BY SHAVING THAT VALUE OFF THE WIDTH */
	width: 138px ;
}

/* SUB NAVIGATION <li> ELEMENTS */

ul.nav li ul.sub li {
	text-align: left ;
	padding-left: 12px ;

	background: url("images/bullet2.png") center left no-repeat ;
	border: 0px ;
}

ul.nav li ul.sub a {
	margin-right: 0px ;
/* 	color: #888 ; */
	color: #f8931d ;
}

ul.nav li ul.sub li:hover a, ul.nav li ul.sub li#cursubpage a {
	color: #000 ;
}

/* THIS MAKES THE SUB NAVIATION <ul> ELEMENTS DISPLAY */

ul.nav li:hover div.subholder {
	display: block ;
	z-index: 3 ;
}

/* IE6 WONT LET YOU JUST SET THE Z-INDEX OF div.subholder TO HOVER IT OVER OTHER MENUS -- MUST SET THE li ELEMENT */
ul.nav li:hover {
	z-index: 3 ;
}

ul.nav li#curpage div.subholder {
	display: block ;
	z-index: 2 ;
}