/*-------------------Navigation rules--------------------*/
#navigation {
 float: left;
 width: 100%;
 color: #333;
 /*border: 1px solid #ccc;*/
 margin: 0px 0px 5px 0px;
 
 font-size:75%;/*12px*/
 height:20px;
 vertical-align:middle;
/*background-color:#fff;
  background:url(../images/buttondarkgrey_1x20.jpg) repeat-x;*/
 
}
#xml
{

	
}
#back
{
	
	 height:20px;	
	background-color:#fff;
 background:url(../images/buttondarkgrey_1x20.jpg) repeat-x;
}
/*-------------------------------------------------------*/
/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
/* remove any default styles */
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
	
	
}
/* top ul.nav element */
.nav {
	line-height:1.2;
	
}
/* nested submenu ul elements */
.nav ul {
	position:absolute;
	top:-999em;
	width:13.45em;
	/*font-size:90%;*/
	
}
/* submenu items */
.nav ul li,
.nav a {
	/*width: 100%;*/
	
	
}
.nav li ul
{
	
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	
	width:13.45em;   /*13.45*/

}
/* all li elements */
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
/* all anchor elements */
.nav a {
	display:block;
}
/**** Position of second tier of nav ****/
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:0;
	top:1.7em;
		
	
}
/**** Position of third tier of nav ****/
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
/* DO NOT attempt to group these selectors with similar earlier rules. The code order is important so the rules override previous ones correctly */

.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:13.3em;
	top:0px;
}
/**** Very important ****/
/* this negates the pure CSS hovers so submenu remains hidden and JS controls when and how it appears. This is in turn is overridden by the .sfHover rules above as they have greater specificity */
/* notice there are three selectors here. You need three for a four tier menu system. If you had a five tier system you would copy the last selector of these three and paste it below to create a fourth selector and add another li just after the .superfish part. On the other hand if you only had a three tiered menu you could delete the third line here and save some file size.*/

.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav{
	float:left;
	/*margin-bottom:1.5em;*/
	background-color:white; /*8/19/08- changed from transparent*/
}

.nav li {
	/*border-left:1px solid #fff;*/
	/*border-top:1px solid #CFDEFF;*/
	/*width:6.45em;*/
	background-repeat: repeat-x;
	margin-right: 5px;
	background-image: url(../images/buttondarkgrey_1x20.jpg);
	
}

.nav a {
	color:#fff;	
	padding: .25em 1em;
	text-decoration:none;
	/*text-indent: 1em;*/
}

.nav ul a {
	width: 12.45em;
	padding: .25em 2em;
	text-indent: 0;
	font-size:80%;

	
	}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	/*background:#CFDEFF;*/
	background-image: url(../images/1x20TopicBoxLinkHover.jpg);
	background-repeat:repeat-x;
	text-decoration:none;
}
.nav li li {
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:13.3em;/*13.3em*/
	margin-right:0;
}
.nav li li li {
	/*background:#D0E3FF;*/
	
}
.nav li li a, .nav li li li a
{
	color:#000;
	padding: .25em 2.6em .25em 1em;

	
}

/*submenu arrow*/
.nav li li a.submenu,.nav li li a.submenu
{
	background-image: url(../images/9x8navtreesubmenu.gif);
	background-repeat: no-repeat;
	background-position:right;
	
	
}
.nav li li a.submenu:hover,.nav li li a.submenu:active,.nav li li a.submenu:focus
{
	background-image: url(../images/9x8navtreesubmenu_selected.gif);
   background-repeat: no-repeat;
   background-position:right;
}

.nav li li:hover, .nav li li.sfHover,
.nav li li a:focus, .nav li li a:hover, .nav li li a:active
{
	background-image:none;
	background-repeat:no-repeat;
	color:#bd0421;
	
}
.nav li li li:hover, .nav li li li.sfHover,
.nav li li li a:focus, .nav li li li a:hover, .nav li li li a:active
{
	background-image:none;
	background-repeat:no-repeat;
	color:#bd0421;
	
}


	