/*
* Start mainNav
* This is to do the hi-tech menu roll over, where both states are part of the same image. The over state needs to be at the bottom
*/ 

#mainNav {
	font-size:10px;
	background: url(/images/menubg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 860px;
}


.mainButt1 {
	width:126px;
	background-color: transparent;
	background-image: url(/nav/button01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.mainButt2 {
	width:130px;
	background-image: url(/nav/button02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
		
}

.mainButt3 {
	width:180px;
	background-image: url(/nav/button03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.mainButt4 {
	width:142px;
	background-image: url(/nav/button04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}


.mainButt5 {
	display:block;
	overflow:hidden;
	width:132px;
	height:30px;
	background-image: url(/nav/button05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.mainButt6  {
	width:150px;
	background-image: url(/nav/button06.jpg);
	background-repeat: no-repeat;
	background-position: left top;


	
}

.mainButt7 {
	display:block;
	overflow:hidden;
	width:200px;
	height:30px;
	background-image: url(/nav/a_commitmenttopeople.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

.mainButt8 {

	display:block;
	overflow:hidden;
	width:94px;
	height:30px;
	background-image: url(/nav/a_contacts.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.mainButt1 a:link, .mainButt1 a:active, .mainButt1 a:visited,
.mainButt2 a:link, .mainButt2 a:active, .mainButt2 a:visited,
.mainButt3 a:link, .mainButt3 a:active, .mainButt3 a:visited,
.mainButt4 a:link, .mainButt4 a:active, .mainButt4 a:visited,
.mainButt5 a:link, .mainButt5 a:active, .mainButt5 a:visited,
.mainButt6 a:link, .mainButt6 a:active, .mainButt6 a:visited,
.mainButt7 a:link, .mainButt7 a:active, .mainButt7 a:visited,
.mainButt8 a:link, .mainButt8 a:active, .mainButt8 a:visited
{
	display:block;
	overflow:hidden;
	height:30px;
	text-indent: -2999px;
}


.mainButt1 a:hover {
	background-image: url(/nav/button01.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	.mainButt2 a:hover {
	background-image: url(/nav/button02.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	.mainButt3 a:hover {
	background-image: url(/nav/button03.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	.mainButt4 a:hover {
	background-image: url(/nav/button04.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	.mainButt5 a:hover {
	background-image: url(/nav/button05.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	.mainButt6 a:hover {
	background-image: url(/nav/button06.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	.mainButt7 a:hover {
	background-image: url(/nav/a_commitmenttopeople.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	.mainButt8 a:hover {
	background-image: url(../nav/a_contacts.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	.mainButt9 a:hover {
	background-image: url(/images/mainButt9.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	
	.mainButt10 a:hover {
	background-image: url(/images/mainButt9.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	


#nav, #nav ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	z-index: 99999;

}
#nav li {
	float:left;
	margin-bottom:-1px;
	position:relative;
	z-index: 9999;
}

#nav li ul {
	display:none;
	margin-top:0;
	position:absolute;
	border: none;
	width: 200px;
	z-index: 9999;
}


#nav li ul ul {
	display:none;
	margin-top: -24px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 9999;

}



/* level 2 and 3 link styling  */
#nav ul li a,#nav ul li ul li a{
	color: #666666;
	padding: 5px;
	display: block; /* MUST have heigh, IE7 Bug */
	text-decoration: none;
	vertical-align:middle;
	border: 1px solid #FFFFFF;
	width: 180px;
	background-color: #CCCCCC;
	z-index: 9999;
} 

/* firt level link styling */
#nav li a {

color:#333333;
display:block;
font-weight:bold;
text-decoration:none;
}
#nav li a:hover {
color:white;
}

#nav ul li a:hover {
	background-color: #29569A;
}

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






.Butt1 {
	width:170px;
	background-image: url(/images/button.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	line-height: 30px;
	margin-left: 5px;

}

.Butt2 {
	width:170px;
	background-image: url(/images/button.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	line-height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5px;
}

.Butt3 {
	width:170px;
	background-image: url(/images/button.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	line-height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5px;
}




.Butt1 a:link, .mainButt1 a:active, .Butt1 a:visited,
.Butt2 a:link, .mainButt1 a:active, .Butt2 a:visited,
.Butt3 a:link, .mainButt3 a:active, .Butt3 a:visited
{
	display:block;
	height:30px;
	font-size: 10px;
	color: #011F3F;
	text-align: center;
	text-decoration: none;
	

}


.Butt1 a:hover {
	background-image: url(/images/button.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.Butt2 a:hover {
	background-image: url(/images/button.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	color: #FFFFFF;
	text-decoration: none;
	}


.Butt3 a:hover {
	background-image: url(/images/button.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	color: #FFFFFF;
	text-decoration: none;
	}


.leftNavDown {
	color:#0099FF !important; 
}